技術記事、プロジェクト、そして日々の個人的な学びを記録しています

最新のブログ記事

Visual Studio Code: GitHub Copilot Agent の Figma MCP Server セットアップ
Visual Studio Code: GitHub Copilot Agent の Figma MCP Server セットアップ

Figma MCP ServerをVS Code + GitHub Copilotと連携させ、デザインデータをコード生成やデザイン仕様確認に直接活用する実践的な設定方法と実際の効果を解説します。

  • AI
  • 開発ツール
  • フロントエンド
Tailwindで12カラムグリッドをブレイクポイント別に設計する方法
Tailwindで12カラムグリッドをブレイクポイント別に設計する方法

Tailwind CSSを使って、レスポンシブ対応した12カラムグリッドシステムを効率的に設計・実装する実践的な手法を、実際のプロジェクト体験を交えて解説

  • フロントエンド
  • Webデザイン
Visual Studio Codeの拡張機能を使用したCopilotの音声入力
Visual Studio Codeの拡張機能を使用したCopilotの音声入力

VS Code Speech拡張機能と日本語対応パックを使って、Visual Studio CodeでGitHub Copilotに音声で指示を出す方法を紹介します。

  • 開発ツール
  • AI
安定性と利便性を重視した4K120Hz対応HDMIセレクター「ラトック RS-HDSW41A-8K」
安定性と利便性を重視した4K120Hz対応HDMIセレクター「ラトック RS-HDSW41A-8K」

Switch2で発生する暗転問題と安価なHDMIセレクターの信号不安定さを解決するため、ラトックシステムのRS-HDSW41A-8Kに買い替えた実体験をレビューします。

  • デバイス
TGS 2025ファミリーゲームパークの感想
TGS 2025ファミリーゲームパークの感想

TGS2025のファミリーゲームパークで実際に体験したゲームや印象的だった展示の様子を、子どもと一緒に楽しんだ視点でお伝えします。

  • ゲーム
Next.js unstable_cacheでビルド時間を改善する
Next.js unstable_cacheでビルド時間を改善する

ブログサイトの記事取得処理にunstable_cacheを適用して、重複するファイルアクセスを削減しビルド時間を短縮できました。

  • フロントエンド