コードを書かずにモバイルアプリを作る：あなたのAIで作ったアプリは、もうそれかもしれない

遅かれ早かれ、あなたのAIで作ったアプリを使っている誰かが、こう尋ねてきます。「ダウンロードできるアプリはありますか？」 そして、もしあなたが多くの非技術系の創業者と同じなら、胃が少し沈むはずです — App Store に入るには開発者と、何ヶ月もの作業と、Apple の審査プロセスが必要だと聞いたことがあるからです。良い知らせ：コードを書かずにモバイルアプリを作ることは、たいていすでにあなたが答えを出している問いなのです。あなたのウェブアプリが、モバイルアプリになれます。ほんの少し手助けが要るだけです。

うまくいっているビジネスを、危うく頓挫させかけた問い

私たちの知るある記帳コーチが、AIでクライアントポータルを作りました — クライアントは領収書をアップロードし、毎月のサマリーを見て、彼女にメッセージを送る、それが一か所で全部できます。うまくいきました。クライアントは気に入りました。それから、同じ月に3人が「スマホ用のアプリ」はあるのかと尋ねてきたのです。

彼女は、たいていの人がやることをやりました。「App Store にアプリを出す方法」をググり、1万5,000ドルからという制作会社の見積もりを見つけ、デベロッパーアカウントや審査ガイドラインについて読み、自分のプロダクトは越えるには高すぎる壁にぶつかったと結論づけました。

彼女がまだ知らなかったことは、こうです。彼女のクライアントは App Store のアプリを求めていたのではありませんでした。彼らは3つの具体的なことを求めていたのです — ホーム画面から開きたい、スマホで正しく表示されてほしい、毎回ログインしたくない。 3つとも、すでに彼女が持っているアプリの中で、コードを書かずに、一日の午後で直せるものでした。

それが、頭に刻む価値のあるパターンです。ユーザーが「アプリ」と言うとき、彼らはたいてい配信チャネルではなく、体験を説明しているのです。

ステップ1：自分のアプリを、自分のスマホで、ちゃんと使う

何かを変える前に、ユーザーが実際に何と付き合っているのかを突き止めましょう。スマホで自分のアプリを開く — AIビルダーの中のプレビューではなく、本物のスマホで — そして、お客様になったつもりで、一連の作業を最後までやり通す。領収書をアップロードする。セッションを予約する。請求書を支払う。

これを正直にやった人のほとんどが、同じ3つの問題を見つけます。

ボタンとリンクが、タップするには小さすぎる。 あなたの指はマウスカーソルではありません。ボタンを押すのに拡大しなければならないなら、すべてのユーザーもそうしています。
テーブルやフォームが画面からはみ出す。 6列のあのきれいなダッシュボードは、スマホでは横スクロールの惨状になります。
入力が苦痛だ。 ノートPCで1分のフォームが、スマホでは5分かかります。特に間違ったキーボードが出てきたり（数字を求めるフィールドに文字キーボード）、入力中にページが跳ね回ったりすると。

何がいらだたしかったか書き出しましょう。具体的に。「領収書アップロードのボタンが折り返しの下にあって小さい」は直せる指示です。「モバイルだと感じが悪い」は違います。

ステップ2：AIビルダーに、スマホ向きにしてもらう

リストをAIビルダーに持っていき、一項目ずつ片づけましょう。もし使いたいなら、魔法の言葉は 「レスポンシブ」 です — レイアウトが縮むのではなく、画面に合わせて自分で組み替わる、という意味です。でも、専門用語は要りません。平たい説明で十分です。

「スマホでは、クライアントダッシュボードが横スクロールを必要とします。スマホの画面にすべて収まるように組み替えてください — 必要ならセクションを縦に積んで。」

「すべてのボタンを、スマホで簡単にタップできるくらい大きくしてください。」

「領収書アップロードフォームで、金額フィールドが数字キーボードを呼び出すようにしてください。」

それから、アプリのどんな変更もテストするときと同じように、次に進む前に、各修正を実際のスマホで確認しましょう。一つの変更に、一つの確認。モバイルのレイアウトは細かくて気難しく、ある画面サイズ向けの修正が、別のサイズをずらしてしまうことがあります — 変更が新しいうちに、それを捕まえたいのです。

ついでにもう一つ、頼む価値のあるリクエスト：訪問のたびにパスワードを求めるのではなく、ユーザー自身の端末でログインしたままにしておくよう、ビルダーに頼みましょう。空いた時間にスマホで使うアプリにとって、この一つの変更は、見た目に関するどんなものより「本物のアプリらしさ」に効きます。

ステップ3：ホーム画面にアイコンを置く

驚くほど少数の創業者しか知らない部分が、ここです。現代のスマホはどれも、ウェブサイトをホーム画面にピン留めして、アプリのように開けるようにできます — 独自のアイコン、フルスクリーン、ブラウザのアドレスバーなし。あなたのAIビルダーは、これがうまく動くようにアプリを設定できます。名指しで頼みましょう —

「私のアプリを、プログレッシブウェブアプリとしてインストール可能にしてください。アイコンには私たちのロゴを使って。」

プログレッシブウェブアプリ（PWA）とは、インストール済みアプリのように振る舞うための正しい設定を備えた、ただのウェブサイトです。一度設定されれば、ユーザーにとっての体験はこうです。アプリにアクセスし、「ホーム画面に追加」をタップし（初回訪問者には小さなヒントを表示できます）、それ以降は Instagram や銀行のアプリの隣に並ぶ。ほとんどの人は、それがアプリストア発でないことを知りもしないし、気にもしないでしょう。これが、あの制作会社の見積もりでは誰も触れない、コードを書かずにモバイルアプリを作る版です — 見積もるものが何もないからです。

記帳コーチの「アプリ問題」は、まさにこのやり方で解決しました。よく使う5画面へのレスポンシブ対応、ログイン状態の維持、そして自分のロゴ入りのホーム画面アイコン。総コスト：午後一回分と0ドル。アプリを求めていた3人のクライアントのうち2人が、「新しいアプリ」が気に入ったと彼女に伝えました。同じアプリだったのに。

App Store が本当に必要になるとき

ここから正直な部分です。ホーム画面のウェブアプリでほとんどのプロダクトは事足りますが、すべてではありません。App Store のルートが意味を持ち始めるのは、次のときです。

アプリがインターネットなしでまったく動く必要がある — たとえば、辺鄙な場所での現場作業。ウェブアプリは短時間のオフラインなら扱えますが、ヘビーなオフライン利用はネイティブアプリに向きます。
スマホの深い機能に依存する — たとえば、配達追跡のバックグラウンド位置情報や、高度なカメラ制御など。基本的なカメラ、写真、GPSはすべてウェブアプリからちゃんと動きます。ネイティブが必要なのは、常時走り続ける、深く統合された類のものです。
App Store の検索で見つかることが、成長にとって重要だ。 あなたの顧客が、本当にあなたのようなソリューションをストアで検索しているなら、そこに存在することはマーケティングです。（たいていのニッチなツールでは、彼らは検索しません — あなたの顧客はすでに築いたチャネルを通してあなたを見つけます。）

プッシュ通知でさえ — 長年、ネイティブにする最大の理由でしたが — 今では多少の設定で、iPhone でも Android でもウェブアプリから動きます。ストアが必要だと決めつける前に、何が可能か、AIビルダーに聞いてみましょう。

そしていずれネイティブに進むなら、何に申し込むことになるかを知っておきましょう。年会費のかかるデベロッパーアカウント、日数で測る審査プロセス、そして — 本当のコストは — 永遠に更新し続けるプロダクトのバージョンがさらに2つ増えること。これは、決してやるなという理由ではありません。最初のユーザーに頼まれたときではなく、ビジネス上の理由が否定しようもなくなったときにやるべきだ、という理由です。

すでに持っているスマホから始めよう

今週、10分版をやってみましょう。スマホで自分のアプリを開き、本物の作業を一つ最後までやり通す。うまくいかなければ、あなたが抱えているのは App Store の問題ではありません — 一日の午後分の修正が待っているだけで、しかもそれが何かを、あなたはもう正確に知っています。コードを書かずにモバイルアプリを作ることは、結局のところ、AIで作ったソフトウェアの他の部分とよく似ています — 想像していた技術の関門の話というより、ユーザーが尋ねたときに本当は何を意味していたのかに気づく話なのです。