最新のブログ記事

GitHub Copilotの全体像:人間中心のAI活用を実現する設計思想

GitHub Copilotの全体像:人間中心のAI活用を実現する設計思想

GitHub Copilotの各サービスは、人間が主体でAIが補助するという明確な設計思想に基づいています。IDE、Web、エージェント機能それぞれの目的と、人間中心のワークフロー設計への活用方法を紹介します。

  • AI
  • 開発ツール
  • ディレクション
Next.js App RouterのMDXにMermaid図表を導入する

Next.js App RouterのMDXにMermaid図表を導入する

Next.js 15のApp RouterとMDXを使用したブログへのMermaidダイアグラム統合方法。既存のシンタックスハイライターとのコンフリクト回避、テーマ対応、基本的な使用方法を紹介します。

  • フロントエンド
Figma MCP機能概要 - コード生成の仕組みと実際のレスポンス

Figma MCP機能概要 - コード生成の仕組みと実際のレスポンス

Figma MCPサーバーの主要機能とツール概要を紹介。デザインからのコード生成の仕組み、実際のレスポンス形式を実例とともに解説します。

  • AI
  • 開発ツール
  • フロントエンド
Figma REST APIで画像アセットを自動書き出し

Figma REST APIで画像アセットを自動書き出し

Files endpointでExport設定を探索し、Images endpointで画像URLを取得。Node.jsスクリプトによる画像アセット自動書き出しの実装方法を紹介します。

  • 開発ツール
  • フロントエンド
Figma REST APIの認証とセットアップ

Figma REST APIの認証とセットアップ

Figma REST APIの基本を学びます。Personal Access Tokenの取得、環境変数設定、curlコマンドでの動作確認を通じて、APIのセットアップを進めます。

  • 開発ツール
  • フロントエンド
MDXのシンタックスハイライト:react-syntax-highlighterからShikiへの移行

MDXのシンタックスハイライト:react-syntax-highlighterからShikiへの移行

MDXのシンタックスハイライトをShikiに移行した際の記録。React Server Componentによるクライアントバンドル0KB化、CSS変数のみでのテーマ切り替え、VSCode品質のハイライト実現など、パフォーマンス最適化の実践的手法を解説します。

  • フロントエンド

シリーズ