ChatGPTを使った
アプリ制作マニュアル

設定作業を始める前に、使用する画像と原稿を一つのフォルダへまとめます。トップ画面の完成イメージを見本として開いておくと、メニューの順番や色を間違えにくくなります。

ログイン手順

1. 案内されたアプリワン管理画面のURLを開きます。
2. 発行済みのログインIDとパスワードを入力します。
3. 複数のアプリが表示される場合は、今回編集するアプリを選びます。
4. アプリ名、契約者名、現在の公開状態を確認してから編集を開始します。

用意するファイル

作業前チェック

• 編集するアプリが正しい
• 画像の使用許可がある
• URLを実際に開いて確認した
• 価格、期間、営業時間などの情報が確定している

初期画面はアプリを開いたときの入口です。基本編で作成したトップ画面画像を完成見本として、基本情報、色、画像、メニューの順に設定します。

設定手順

1. 管理画面でアプリの基本設定またはデザイン設定を開きます。
2. アプリ名、店舗名、説明などの基本情報を入力します。
3. ロゴ、トップ画像、背景画像をそれぞれ指定された欄へ登録します。
4. メインカラーと文字色を設定し、文字が背景に埋もれないか確認します。
5. 保存または反映を実行し、プレビューを更新します。

登録の基準

初期画面チェック

• 完成見本と同じメニュー順になっている
• ロゴとトップ画像が鮮明である
• 文字が背景上で読みやすい
• スマートフォン縦画面で上下左右が切れていない

メニューは利用者を各コンテンツへ案内するボタンです。まずメニュー名と表示順を決め、次にアイコンと移動先を登録します。トップ画面の完成見本と同じ順番で作業してください。

メニューを一つ登録する手順

1. メニュー設定を開き、新規追加または編集する項目を選びます。
2. メニュー名を短く入力します。押した後の内容が分かる名称にします。
3. STEP 2で抽出した該当アイコン画像を登録します。
4. 移動先として、アプリ内コンテンツまたは外部リンクを指定します。
5. 公開状態と表示順を確認して保存します。
6. プレビューでボタンを押し、指定した移動先が開くか確認します。

表示順の例

メニュー名の付け方

• できるだけ8文字以内にする
• 同じ意味の名称を混在させない
• 「予約する」「地図を見る」のように動作が分かる表現を使う
• 長い説明はメニュー名に入れず、移動先の本文へ記載する

確認

• 必要なメニューがすべてある
• 同じアイコンを重複使用していない
• 表示順が完成見本と一致する
• 非公開にすべき作成途中の項目が表示されていない

画像は、指定された登録欄ごとに適したファイルを使います。アップロードできない場合は、ファイル形式、容量、縦横比、ファイル名を順に確認します。

画像別の使い分け

登録手順

1. 画像を登録する項目を開き、アップロードまたは画像選択を押します。
2. 用途に合うファイルを選び、必要に応じて表示範囲を調整します。
3. 保存後にプレビューを開き、画像の切れ、ぼやけ、余白を確認します。
4. 問題がある場合は元画像を修正し、同じ項目へ再登録します。

画像がうまく表示されない場合

各メニューには、アプリ内に作成したページまたは外部サイトのURLを設定します。リンク先を登録しただけで終わらず、スマートフォンで実際に開けることまで確認します。

リンク設定の手順

1. リンクを設定するメニューまたはボタンを開きます。
2. 移動先の種類として、アプリ内ページまたは外部URLを選びます。
3. 外部URLの場合はhttpsから始まる完全なURLを貼り付けます。
4. 保存し、プレビューとスマートフォンの両方でリンクを開きます。
5. 予約、決済、問い合わせなどは入力画面の直前まで動作を確認します。

主なコンテンツ例

リンク確認チェック

• URLの前後に不要な空白がない
• ログインが必要なページは案内がある
• 別店舗や旧ページへ移動しない
• 電話番号や地図の情報が正しい
• リンク切れや404エラーがない

販促機能は、内容だけでなく公開期間と利用条件を明確に設定します。登録後は利用者から見える表示と、運営側での扱い方の両方を確認します。

公開前の共通チェック

プッシュ通知は利用者の端末へ直接届くため、送信対象、日時、文章、リンク先を確定してから予約または送信します。テスト送信が利用できる場合は、本番前に必ず確認します。

送信手順

1. プッシュ通知の作成画面を開きます。
2. 通知タイトルと本文を入力します。最初の一文で用件が分かるようにします。
3. 対象者を選択します。全員送信か絞り込みかを確認します。
4. 通知を押した後の移動先を設定します。
5. 即時送信または予約日時を選択します。
6. テスト送信で表示、改行、リンク先を確認します。
7. 対象者と日時をもう一度確認して、本番送信または予約を確定します。

通知文の基本形

送信前チェック

• タイトルだけで内容が分かる
• 本文が長すぎない
• 終了済み情報ではない
• リンク先が公開されている
• 対象者と送信日時が正しい

設定が終わったら、管理画面のプレビューだけでなく、実際のスマートフォンでも確認します。一つの修正ごとに保存し、どこを変更したかを記録すると更新作業が安定します。

確認する順番

1. トップ画面のロゴ、画像、色、メニュー順を確認します。
2. すべてのメニューボタンを上から順に押します。
3. 画像の切れ、文字の読みやすさ、スクロールを確認します。
4. 外部リンク、電話、地図、予約、問い合わせを確認します。
5. お知らせ、クーポン、ポイントの期間と条件を確認します。
6. テスト端末でプッシュ通知の表示と移動先を確認します。
7. 問題がなければ保存し、公開担当者へ確認を依頼します。

最終チェックリスト

更新記録の例