at backyard

Color my life with the chaos of trouble.

nikkiという日記を書くためのWebサイトを作った

Gatsby Starter: Minimal Blogを用いて個人的な日記サイトを作った 自分自身の日記をwebに載っけてみようと思い、作った。 nikki.shinshin86.com 日記サイト自体はGatsbyで構築しようと前々から考えており、良い感じのテンプレートがなければいっそ自作テン…

VSCodeでCSVファイルをtable表示させたいときに使用する拡張機能 Edit csv

表題のとおりだが、CSVファイルの中身を書き換えたくて、でもそのままじゃしんどいので、テーブルで表示させたいと思い、VSCodeの拡張機能を入れた。 Edit csvというやつだ。 Edit csv - Visual Studio Marketplace インストールすると、画面右上に Edit to …

textlintでmdxファイルをチェックする方法

textlintでmdxファイル内のテキストをチェックする方法 textlintでのmarkdownチェック処理の際に、 MDX ファイルも一緒にチェックしたいというお話 github.com textlintではデフォルトでMarkdownとplain textをサポートしている。 (他のファイルについてはpl…

VSCodeでファイルを開いた時に、前に開いたファイルのタブが上書きされる問題を回避する方法(GUIで設定する)

下記のQiita記事と全く同様の問題。なので解決方法は同じ。 qiita.com この設定はGUI上からも行えるので、一応そのやり方を備忘録として残しておく。 (残すほどでもないのかもしれないが、VSCode新しくしたときとかになるべく迷いたくない。。。) VSCode の…

Node.jsでZIP圧縮するためのサンプルコードを書いた

Qiitaにて最近書きました。 qiita.com ZIP圧縮って、普通にGUIやCLI上ではサクッとできるけど、コードで書こうとすると少しばかり立ち止まって考えてしまうイメージ。 単に自身の技術力不足かな。 そういえばこのブログ内で、数年前にRubyでZIP圧縮するコー…

GoでCLIツール作成の練習がてら四則演算をするためのCLIツールを作った

四則演算をするためのGO製のCLIツールを作った GoでCLIツール作成の練習がしたくて作った。 github.com 機能的には四則演算をするだけで完全に勉強のために作成した形である。 そのためこのツール自体に利用価値はないが、CLIツールを作る上での設計などを学…

配列内の重複を削除する方法(JavaScript)

例えば下記のような配列の重複を削除したい場合 ['AAA', 'BBB', 'AAA', 'BBB', 'CCC'] ↓ ['AAA', 'BBB', 'CCC'] reduceを使えばシンプルに書けそう。 Array.prototype.reduce() - JavaScript | MDN const list = ['AAA', 'BBB', 'AAA', 'BBB', 'CCC']; const…

自宅のインターネットサービスプロバイダ(ISP)を調べる方法

契約先のインターネットサービスプロバイダ(ISP)の調べ方 少し前のことだが、Googleのドキュメントを見てる時にたまたま発見した。 www.whoismyisp.org 自宅のIPアドレスとかの確認方法はcmanとかがあるけど、ISPはそういえば知らなかったなと思い、メモ。 (…

JavaScriptのクエスチョンを2つ連続で各ショートハンドの正体(??)

コールドリーディングしていたら出てきた、これ ⇒ ?? なんていう名前なのか調べたら、 Null合体演算子 という名前らしい developer.mozilla.org この演算子は左辺が null または undefined の場合に右の値を返し、それ以外の場合に左の値を返します。 実際に…

macからDocker上で動くUbuntuにMicrosoft Remote Desktopでアクセスする

以前勉強しながら取っていた備忘録が下書きフォルダに埋もれようとしていたので救出した。 危ない危ない。 内容は macからDocker上で動くUbuntuにMicrosoft Remote Desktopでアクセスする というもの。 今回勉強がてら下記のリポジトリを触ってみた。 docker…

使用していないDockerコンテナを一括で削除する方法

今更ながら知ったのだが、使用していないDockerコンテナを一括で削除する便利なコマンドがDockerには用意されていた。 (ただしバージョンが 1.13 以上である必要がある。ただ、今であれば基本的に使えるはず) docker container prune | Docker Documentation…

Dockerを使ってmacからwindowsアプリに触る

ちょっとした好奇心でmacからwindowsアプリに触れてみたくなった。 これはそんな備忘録であり、とりあえず試してみた的なメモとなっている。 Dockerでwineを動かす こちらのリポジトリを使わせてもらった。感謝。 github.com なお、こちらのREADMEにも書かれ…

notionで箇条書き(リスト)のネストの戻し方がわからない

notion使っていて、ちょっと不便だなって思ったこと。 箇条書き(リスト)で書くとき、 * hogehoge1 * fugafuga1 * fugafuga2 * hogehoge2 * piyopiyo1 ・ ・ みたいなのができないこと。 一度ネストしてしまうと、一段ネストを戻すことができず、より深くする…

聖剣伝説3 リメイクでクリア後のレベル上げおすすめスポット

あまり調べきれていないので、もっと効率的なやり方はあるかもしれないが、個人的には結構効率よく上げられた感じがするやり方をここに書いていく ちなみに1時間ほどのプレイ時間でレベルが70から80ぐらいまで挙げることができた。また、プレイ時間のうち、3…

AWSの仮想MFAを失くしそうになって焦った話(携帯を変える際は要注意、Google Authenticator)

先日ひさしぶりにプライベートで利用している個人のAWSにログインしようとした。 ちょいと用事がありでルートでログインしようとしたのだが、そのときにMFAの番号を求められた。 私はこのアカウントのMFAをGoogle Authenticatorで管理していたので、普段どお…

Logic Pro X 10.5 でLogic Pro Xが大幅に進化していた

私も普段利用しているLogic Pro X。あまりソフト自体のアップデートには無関心で今まで生きてきていたが、今回のアップデートは結構大きな変更だったらしい。 www.apple.com 確かにEXS24がSamplerになって、なんか色々変わったなーとか考えていたけど、だい…

『夢はボトルの中に 世界一正直な紅茶のスタートアップ』を読んだ感想

下書きフォルダに置いたままになってしまっていた書きかけの文章をあげます。 過ごし前のことになります。 最近教えてもらってこのポッドキャストを聞いている ‎Off Topic // オフトピック:Apple Podcast内の#25 年末年始で読みたい本5冊 そして上に貼った…

プロジェクトごとの.nvmrcファイルを勝手に読み取って、使用しているNode.jsのversionに自動的に設定する方法

そういう事できないかなーと思っていた。 いや、正確にはできるんだろうけど、ちょっと設定めんどいかもなーなんて勝手に思っていた。 結論、そんなことはなかった。 設定の方法はnvmのREADMEに記載されていた。 私はzshを使っているので、下記を参考にした…

AMP対応ページでYouTubeの動画を貼る方法

自分への備忘録。 AMP対応ページでYouTube動画を貼るのは、思ったよりもだいぶ簡単だった。 下記のページを参照すればOK。 具体的には amp-youtube というタグを使うことになる https://amp.dev/ja/documentation/components/amp-youtube/ AMP対応ページにYo…

HTML5 UPのテンプレート(Identity)をAMP対応してみたときのYoutube動画

HTML5 UP(Identity)をAMPに対応させてみるYoutube動画 試しに作業ログとして撮っていたのでYouTubeにあげた。 youtu.be HTML5 UPのテンプレート(Identity)をAMP対応してみた (Qiita) またQiitaにもAMP対応した際のことを書いた。 qiita.com

既存のWebページ(静的HTMLのペラサイト)をAMP対応してみた

自身の音楽ポートフォリオサイト(静的HTMLのペラサイト)をAMP対応してみた 以前、自身が作ってきた音楽をまとめた音楽ポートフォリオを、HTML5 UPのテンプレートを用いて、1枚だけのペラサイトとして作成した。 shinshin86.com その時の詳細は下記に書いた…

Next.jsでAMPのサンプルを最速で試す

完全なる自分用メモ(備忘録) 下記を参考にすればOK (Next.jsのAMPのサンプル) github.com 以下のコマンドを順に実行すればAMPのサンプルページが立ち上がる。 あとは localhost:3000にアクセスするだけ。 yarn create next-app --example amp amp-app cd amp…

macOS環境にて、brewでインストールしているgoをupgradeする

macに入っているgoのversionをupgradeしたくなった そもそもmacへのインストールはどうやったのか調べたところ、下記の結果を見るに、どうやら brew を使ってインストールしていたようだ。 which go # => /usr/local/bin/go そのためここに記載されるのは、b…

もうポモドーロタイマーはGoで書かれたcountdownを使えばよいのではと考えてみた

久しぶりにポモドーロタイマーとか使おうかという気分になった。 だが、このためにアプリを入れる気にはなれない。 どうせ入れたところで、一回起動して使わなくなるからだ。 ポモドーロテクニック系のアプリを試したいのではなく、ポモドーロを実施して、作…

Beaglesの新曲Nukaduke Hoo Hooと、Socket.IO触っている話

Beaglesの新曲Nukaduke Hoo Hoo Beaglesの新曲を #SoundCloud にてアップしました。"Nukaduke Hoo Hoo" という曲です。南国テイストが混じった曲なので、 自宅でリラックスムードで聴いていただけたらと思います。 #ぬか漬け https://t.co/BpFEIoJU8d— Yuki …

ある日、macでifconfigコマンドが打てなくなっていた (command not found: ifconfig)

タイトルの通りで、自身の私物macである日 ifconfig コマンドを打ったら、下記のようなエラーメッセージが表示された。 command not found: ifconfig なぜに command not found: ifconfig !!!!!!? 時折 ifconfig コマンド自体は使用していたので、全く訳がわ…

ローカル・ループバック・アドレスを172.0.0.1と打ち間違える現象(ただしくは 127.0.0.1 )

ローカル・ループバック・アドレス(127.0.0.1)を172.0.0.1と打ち間違える現象 まさにタイトルの通りで、2と7を逆に書きそうになることがある。 こういうことって案外ないものなのだろうか? 先日、気がついたら、172.0.0.1と普通に打ち込んでいたので焦った…

Caramel Shipにて新曲 Like A Lemoned / Everyday, Everynight をBandcampにて配信開始しました!

Caramel Shipの新曲 Like A Lemoned / Everyday, Everynight Caramel Shipにて新曲 Like A Lemoned と Everyday, Everynight をBandcampにて配信開始しました。 caramelship.bandcamp.com ぜひぜひ聴いてみてください! Caramel Shipの音楽、Apple MusicやSp…

利用しているデバイスのバッテリー状況を取得するWeb API (Battery Status API)

このAPI自体は現在 Deprecated となっているようなので、使用しないことをお勧めします。 (あくまで自身の勉強メモとしてこちらに書き残しています) 利用しているデバイスのバッテリー状況を取得するWeb API (Battery Status API) たまたま見つけた Battery …

PCにMIDIキーボードを繋いで、すぐにブラウザ経由でピアノの音を鳴らせるサイト

自宅にあるMIDIキーボードをPCに接続した状態で、ブラウザ経由で音を鳴らせるサイトを探していたら、意外と時間を食ったので備忘録として残しておく。 利用するサイトはsongtiveというところが提供してくれているWebアプリ。 ここはいろいろな作曲関連のツー…