Material 3 Expressiveの画面をブラウザで組み立てて画面同士をつなぎタップして確かめてそのままAIコーディング用のプロンプトにするツール「M3E Canvas」

AIコーディングツールでアプリを開発する際には、画面の配置やボタンを押したときの動作などを文章で説明する必要があります。そこでGoogleの「Material 3 Expressive」に対応した部品をブラウザ上で組み立て、複数の画面をつないで実際にタップしながら動作を確認できるほか、設計内容をそのままAIコーディング用のプロンプトに変換できる無料のオープンソースツールが「M3E Canvas」です。続きを読む...

GIGAZINE 2026年10月31日 09:00

この記事のキーワード

グラフで繋がりを見る

同じキーワードの記事

共有しているキーワードが多い順

「もうプロンプトは書かない」 Claude Code生みの親が明かす“ループエンジニアリング”の衝撃

はてなテクノロジー 10/24 10:19
AI・人工知能 プロンプト AIコーディングツール AIコーディング

Claude Codeが拡張機能「mod」対応、UIや動作をカスタマイズ。Claude書かせて作成も | テクノエッジ TechnoEdge

はてなテクノロジー 10/02 11:02
AIコーディングツール AIコーディング プロンプト AI・人工知能

AIコーディングの「ループ」4種類を完全入門 Anthropic公式が分かりやすく整理して解説

はてなテクノロジー 07/06 21:55
AI・人工知能 AIコーディング AIコーディングツール プロンプト

Claude Codeの精度を上げるために、私がCLAUDE.mdで見直したこと

ライフハッカー 10/21 00:00
AI・人工知能 AIコーディングツール AIコーディング

AIにゲームをコピーされて本家より先に発売される危険を恐れて無料体験版の公開が中止される

GIGAZINE 10/20 05:42
AIコーディング AI・人工知能 AIコーディングツール

Googleの新ツール「Google Pics」は、直感的に手早く画像作成できて単純に楽しい

ライフハッカー 10/05 00:00
AI・人工知能 Google プロンプト

宮本佳林『非エンジニアがAIでライブツアー用アプリを作った流れ。』

はてなテクノロジー 10/02 14:56
AI・人工知能 AIコーディングツール AIコーディング

無料&オープンソースのAIコーディングツール「Pi 1.0」が正式リリース、MCP対応や複数のAIモデルを切り替える機能を追加

GIGAZINE 10/02 08:45
AI・人工知能 AIコーディングツール AIコーディング

AIと作ったWebアプリをすぐに公開 エンジニアリングリード・深野悠吾さんに聞く、「ロリポップ!デプロイナウ byGMOペパボ」開発秘話・前編 / 開発者向けブログ・イベント | GMO Developers

はてなテクノロジー 09/30 01:05
AI・人工知能 AIコーディングツール AIコーディング

ヒトゲノムで起こり得る約90億通りの変異による影響を予測したデータベース「AlphaGenome Atlas」をGoogle DeepMindが発表

GIGAZINE 09/09 02:37
AI・人工知能 Google ブラウザ上

Google提唱の「SKILL.state」について。プロンプトに型の概念を導入

はてなテクノロジー 09/01 12:07
AI・人工知能 Google プロンプト

AIをよく使う社員だけ5倍に Claude、ChatGPT/Codex、Cursorで企業がAIを本格運用できる時代へ

はてなテクノロジー 09/01 01:03
AIコーディングツール AIコーディング AI・人工知能

OpenAIがCursorとの提携・モデル提供の終了を通達、「SpaceXがOpenAIの利用規約に従って技術を使うという確信が持てないため」

GIGAZINE 08/29 06:45
AI・人工知能 AIコーディングツール AIコーディング

AIに丸投げしないで理解するためのAI開発手法(2026年8月現在)

はてなテクノロジー 08/28 09:59
AI・人工知能 AIコーディングツール AIコーディング

大量に存在する画像生成AIを同じプロンプトで比較できる「Image benchmarks」をOpenRouterが公開

GIGAZINE 08/25 09:11
プロンプト AI・人工知能 Google

AIとの対話履歴を資産にする。DDR(Design Decision Record)自動記録の仕組み

はてなテクノロジー 08/24 04:07
AI・人工知能 AIコーディングツール AIコーディング

毎回プロンプト不要。Gemini「Gems」で作れる5つの専用AI

ライフハッカー 08/20 00:00
プロンプト AI・人工知能 Google

CursorがGitHub対抗のコードホスティングサービス「Origin」を発表

GIGAZINE 08/19 01:33
AI・人工知能 AIコーディングツール AIコーディング

「ドラクエXの世界観を壊さない」Gemini実装 プロンプトからセキュリティ、サーバー設計まで工夫の数々

ASCII.jp 08/18 23:00
プロンプト AI・人工知能 Google

Cursor、コードホスティング機能「Origin」を開始

Impress Watch 08/18 02:22
AI・人工知能 AIコーディングツール AIコーディング
GIGAZINEで元記事を読む