CONTENT
ここから
良いアプリは「作る前」に決まる
アプリ開発で一番多い失敗があります。
それは、
とりあえず作り始める
です。
すると途中で、
- 何を作るのか分からなくなる
- ボタンが増えすぎる
- 画面が増えすぎる
- 完成しない
という状態になります。そこで今回は、Geminiをアシスタントにして設計図を作ります。
要件とは何か
要件とは、
このアプリは何をするのか
を決めることです。
家を建てる前に設計図を作るのと同じです。
例
作りたいアプリ
SNS投稿メーカー
要件
入力
↓
投稿テーマ
ボタン
↓
投稿文を作る
出力
↓
SNS投稿文
これだけです。最初はこれで十分です。
Geminiに相談してみよう
Geminiを開きます。
入力
私は初心者です。
SNS投稿メーカーを作りたいです。
HTML、CSS、JavaScriptだけで
今日中に完成できるように
必要な画面
必要な入力項目
必要なボタン
必要な出力結果
を整理してください。
Geminiの回答例
画面数
1画面
入力
投稿テーマ
ボタン
投稿文を作成
出力
SNS投稿文
追加機能
コピー機能
このように整理されます。
AIに聞くときのコツ
難しい言葉は不要です。
次のテンプレートだけ覚えましょう。
私は初心者です。
〇〇アプリを作りたいです。
今日中に完成できる規模で
必要な機能だけ整理してください。
作りすぎない
Geminiがたくさん提案してきても、
全部作る必要はありません。
例えば、
ログイン機能
ユーザー登録
データベース保存
ランキング機能
通知機能
これらは今日は不要です。
今日の目標
今日作るアプリは
入力
↓
ボタン
↓
結果表示
これだけで十分です。
要件整理シート
次の内容を書いてください。
| 項目 | 内容 |
|---|---|
| アプリ名 | |
| 入力するもの | |
| ボタン名 | |
| 出力するもの | |
| Gemini API利用 | YES / NO |
記入例
| 項目 | 内容 |
|---|---|
| アプリ名 | SNS投稿メーカー |
| 入力するもの | 投稿テーマ |
| ボタン名 | 投稿文作成 |
| 出力するもの | SNS投稿文 |
| Gemini API利用 | YES |
Gemini用プロンプト
そのままコピーして使えます。
私は初心者です。
以下のアプリを作ります。
アプリ名：
SNS投稿メーカー
今日中に完成できる規模で
必要な機能
入力項目
ボタン
出力内容
を整理してください。
できるだけシンプルにしてください。
課題
Geminiに相談して、次の4つを決めてください。
- 入力するもの
- ボタン名
- 出力するもの
- 画面数
完了条件
次の内容が決まればOKです。
- アプリ名
- 入力項目
- ボタン
- 出力内容
これで設計図が完成しました。次のページでは、
「画面設計を作る」
に進みます。