Blog
VSCodeで言語ごとに独自スニペットを登録する
2026/2/18
## 背景 Vue.jsのプロジェクトを作成する時、Vueの基本的な構文を入力するのが手間でした。 調べては見たものの、表示方法がわからなかったのでオリジナルのスニペットをVSCodeに登録することにしました。 本記事ではテンプレートとして再利用するために、VSCodeのス…
React + Vite + GraphQL Codegenで`Failed to resolve entry for package"@graphql-typed-document-node/core"`が出た原因と解決方法
2026/2/1
## エラーの内容 ``` [plugin:vite:import-analysis] Failed to resolve entry for package "@graphql-typed-document-node/core". The package may have i…
【React × Tone.js 入門】Webで音を鳴らすための実装チュートリアルと設計について
2026/1/26
## 【1章】Tone.jsとWeb Audio APIの関係 Web上で音を鳴らすためにはWeb Audio APIというWebが標準で提供しているAPIを使う必要があります。 Web Audio APIは音声コンテキストを操作して音声ノードと呼ばれるノードを接続して音声ルー…
Reactのプロジェクトにカスタムフォントを適用する
2026/1/14
## はじめに 普段は Google fonts を利用してフォントを変更していますが、いざインターネット上でダウンロードしたカスタムファイル(.ttf)を利用しようと思った時にどのように適用すれば良いかわからず、少し迷ったので備忘録として残しておきます。 ## やること …
Next.js (App Router) でOGP画像を自動生成して詰まった話
2025/12/27
## はじめに Next.jsで作成した自分のポートフォリオサイトにOGP画像を設定した際、「画像が表示されない」「フォントの太さが効かない」といった問題にかなりハマりました。 この記事では、**Next.js（App Router）でOGP画像を自動生成する方法**と、 …
Goで自作したCLIツールをHomebrew Tapで公開するまでの全記録
2025/12/23
## はじめに きっかけは「自分で作ったコマンドを `brew install` してみたい！」という純粋な好奇心でした。 今回作成したのは、コマンド入力時に引数として渡した文字列を、巨大なAA（アスキーアート）にして流し続ける**レスポンシブな電光掲示板ツール**です。 ツ…