Figma MCP入門
Figma MCP: Write to Canvas を使用したAIエージェントによるFigmaデザインの操作
Figma MCP: Write to Canvasの利用要件・Figma Skills・use_figmaのデータ仕様・使用時の注意点を解説します。
- AI
- 開発ツール
- フロントエンド
GitHub Codespaces 活用ガイド
DevContainerの基礎知識：開発環境をコードで定義する
DevContainerの基本概念、devcontainer.jsonの設定方法、ローカル環境とクラウド環境での使い方を紹介します。
- 開発ツール
Figma MCP入門
Figma MCP機能概要 - コード生成の仕組みと実際のレスポンス
Figma MCPサーバーの主要機能とツール概要を紹介。デザインからのコード生成の仕組み、実際のレスポンス形式を実例とともに解説します。
- AI
- 開発ツール
- フロントエンド
GitHub Copilot コンテキスト管理
GitHub Copilot Agent Skillsを活用したタスクの自動化
GitHub CopilotのAgent Skillsを活用して、プロジェクト固有の作業手順をスキルとして定義し、必要な時に自動的にロードさせる方法を実践例とともに解説します。
- AI
- 開発ツール
- ディレクション
GitHub Copilot コンテキスト管理
Instruction files / Prompt filesで実現するGitHub Copilot Chatの階層的コンテキスト管理
Instruction filesとPrompt filesを活用した階層的なルール管理手法を解説。プロジェクト全体の基本方針からファイル種別ごとの詳細規約、定型作業の自動化まで、3種類の設定ファイルを組み合わせて一貫性のある開発環境を構築する方法を紹介します。
- AI
- 開発ツール
- ディレクション
Figma MCP入門
Visual Studio Code: GitHub Copilot Agent の Figma MCP Server セットアップ
Figma MCP ServerをVS Code + GitHub Copilotと連携させ、デザインデータをコード生成やデザイン仕様確認に活用する設定方法を紹介します。
- AI
- 開発ツール
- フロントエンド
GitHub Copilot コンテキスト管理
Visual Studio Codeの拡張機能を使用したCopilotの音声入力
VS Code Speech拡張機能と日本語対応パックを使って、Visual Studio CodeでGitHub Copilotに音声で指示を出す方法を紹介します。
- 開発ツール
- AI
GitHub Copilot コンテキスト管理
GitHub Copilotをプロジェクトの書き方に合わせる：instructionsファイルの活用法
instructionsファイルを使ってGitHub Copilotにプロジェクト固有の規約やパターンを理解させ、汎用的な提案からプロジェクトに適したコード提案に改善する設定方法を解説します。
- AI
- 開発ツール
- ディレクション