mimimimimimi

Blog

React + Vite + GraphQL Codegenで`Failed to resolve entry for package"@graphql-typed-document-node/core"`が出た原因と解決方法

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で音を鳴らすための実装チュートリアルと設計について

【React × Tone.js 入門】Webで音を鳴らすための実装チュートリアルと設計について

2026/1/26

## 【1章】Tone.jsとWeb Audio APIの関係 Web上で音を鳴らすためにはWeb Audio APIというWebが標準で提供しているAPIを使う必要があります。 Web Audio APIは音声コンテキストを操作して音声ノードと呼ばれるノードを接続して音声ルー

Reactのプロジェクトにカスタムフォントを適用する

Reactのプロジェクトにカスタムフォントを適用する

2026/1/14

## はじめに 普段は Google fonts を利用してフォントを変更していますが、いざインターネット上でダウンロードしたカスタムファイル(.ttf)を利用しようと思った時にどのように適用すれば良いかわからず、少し迷ったので備忘録として残しておきます。 ## やること

Next.js (App Router) でOGP画像を自動生成して詰まった話

Next.js (App Router) でOGP画像を自動生成して詰まった話

2025/12/27

## はじめに Next.jsで作成した自分のポートフォリオサイトにOGP画像を設定した際、「画像が表示されない」「フォントの太さが効かない」といった問題にかなりハマりました。 この記事では、**Next.js(App Router)でOGP画像を自動生成する方法**と、

Goで自作したCLIツールをHomebrew Tapで公開するまでの全記録

Goで自作したCLIツールをHomebrew Tapで公開するまでの全記録

2025/12/23

## はじめに きっかけは「自分で作ったコマンドを `brew install` してみたい!」という純粋な好奇心でした。 今回作成したのは、コマンド入力時に引数として渡した文字列を、巨大なAA(アスキーアート)にして流し続ける**レスポンシブな電光掲示板ツール**です。 ツ

最初の記事

最初の記事

2025/12/9

最初の記事は私の趣味のことを話させていただきます。この写真は私の愛車のGSX250SKATANAです。SUZUKIが1990年に出した250cc4気筒のバイクで、当時大型免許を持っていなかった人たちがカタナに乗れるように作ったバイクです。他にも、1100cc,750cc,400c