概要
https://zenn.dev/akari1106/articles/02d77cce7efae4
詳細内容
## 【GAS×Gemini】UI/UX意識した社内Webアプリを15分で作るプロンプト
https://zenn.dev/akari1106/articles/02d77cce7efae4
1,200行超の高度なGemini用プロンプトを活用し、HIG準拠のUI/UXを備えたGAS Webアプリを短時間で生成する手法を解説する。
**Content Type**: ⚙️ Tools（ツール）
**Language**: ja
**Scores**: Signal:4/5 | Depth:3/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 81/100 | **Annex Potential**: 80/100 | **Overall**: 80/100
**Topics**: [[Google Apps Script (GAS), Gemini, UI/UX, プロンプトエンジニアリング, 社内ツール]]
本記事は、**Gemini**を活用して**Google Apps Script (GAS)**上で高品質な社内Webアプリを高速開発するための、1,200行に及ぶ巨大なカスタムプロンプトを紹介しています。通常、GASで構築するWebアプリはUI/UXが疎かになりがちですが、本手法では**ヒューマンインターフェースガイドライン（HIG）**に準拠した20の原則をプロンプトに組み込むことで、プロフェッショナルな操作感を備えたアプリ生成を可能にします。
技術的には、GAS特有の非同期処理による遅延対策（ローディング表示）や、**WebSocket**が使えない制約下でのポーリング、**PropertiesService**を利用したデータ永続化、論理削除による**Undo（元に戻す）機能**の実装まで網羅されています。さらに、**Driver.js**によるオンボーディングツアーや、**Optimistic UI**（楽観的UI更新）の適用など、モダンなフロントエンドのプラクティスがプロンプトを通じて自動的に組み込まれる点が特徴です。
「サーバー構築や認証管理の手間を省きつつ、現場から『使いにくい』と言われない高品質な社内ツールを即座に作りたい」と考えるエンジニアに最適です。GASのデプロイや基本的なコード修正の知識を持つ開発者が、MVP（最小実用製品）を15分で立ち上げるための強力な実戦リソースとなります。