副業でアプリを作るとき、Google Stitch がどれだけ役に立ったか

stitch58

副業でアプリを作るとき、最大の制約は「時間」だ。

本業が終わった夜、あるいは週末の数時間——その限られた時間で「動くもの」を作り続けるには、一つひとつの作業をどれだけ効率化できるかが勝負になる。

私が Google Stitch を副業の制作フローに組み込んだのは、「UIに使う時間を減らして、ロジックと体験設計に時間を使いたい」という理由からだった。この記事は、その結果を正直に報告するものだ。

副業の時間制約とUIの関係

個人でアプリを作っている人の多くが「UIを作るのが一番時間を食う」と感じているのではないだろうか。私もそうだった。

機能はシンプルでも、画面を「それなりに見える」状態にするには、配色・余白・タイポグラフィ・レイアウトのバランスをすべて整える必要がある。ゼロからやると、感覚が磨かれるまでに何時間も費やす。

Google Stitch を使うことで、この「とりあえず見える状態にする」フェーズの時間を大幅に削れると期待した。

実際に使ってみた3つのプロジェクト

プロジェクト1:習慣管理アプリ

個人の習慣を記録・可視化するシンプルなアプリ。主要3画面(ホーム・記録・統計)のUIを Google Stitch で生成した。

「朝のルーティンを記録するアプリのホーム画面。今日のタスク一覧とチェックボックス、完了率の円グラフ。ミニマルな配色で」というプロンプトで出てきた初回生成が、ほぼそのまま使えるクオリティだった。調整時間も含めて3画面で1.5時間。以前なら丸一日かかっていた作業量だ。

プロジェクト2:フリーランス向け案件管理ツール

自分が使うための案件管理ダッシュボード。クライアント一覧・案件ステータス・請求管理の3画面。

このプロジェクトでは「業務システム的な見た目」を求めた。生成されたUIが「コンシューマー向けアプリ」の雰囲気になりがちで、プロンプトの調整に時間がかかった。「管理画面風、情報密度高め、テーブルレイアウト、グレー系配色」と細かく指定することで想定に近づいた。ビジネス系のUIには、より細かいプロンプト設計が必要だと学んだ。

プロジェクト3:地元店舗向けスタンプカードアプリ

知人の飲食店オーナーから頼まれた小規模プロジェクト。スタンプ一覧・交換画面・履歴の3画面。

「温かみのある、シニア層にも使いやすいUI」というブリーフで進めた。Google Stitch に「やさしいトーンのUIを」と伝えると、配色・フォントサイズ・ボタンサイズが自動的に調整された。ユーザー層に合わせた調整をプロンプトで反映できる点は予想以上に便利だった。

時間削減の実感値

3プロジェクトを通じた実感として、UIのラフ作成にかかる時間が「以前の3分の1から半分」程度に収まっている。完成品のクオリティは同等か、場合によっては上がっている。

ただし、この効率化は「プロンプトを書く精度」に依存する。最初のうちは再生成の繰り返しで時間を消費することもあった。プロンプト作成に慣れてからが、本当の効率化フェーズだ。

副業特有の「一人でやる」強みとの相性

副業・個人プロジェクトでは、デザイナーに依頼する予算も時間もない。「デザインも自分でやる」が前提だ。

Google Stitch はこの状況に特によく合う。デザインの専門知識がなくても「それなりに見える」UIが作れるため、エンジニアや企画者が自分でUIを形にするハードルが大幅に下がる。

一人でやっているからこそ、「ボトルネックになりやすい作業を速くするツール」の価値は高い。副業・個人開発という文脈では、最も費用対効果が出やすい使い方の一つだと思っている。

副業での使用に向いていないケース

良いことばかりではなかった。副業という文脈で「ここは向いていない」と感じた場面もある。

  • クライアントが「完成形に近いデザイン」を最初から求めるケース(たたき台ではなく最終納品物として期待される)
  • 複雑なインタラクションが必要な場合(アニメーション・複雑なフォームバリデーションなど)
  • 既存のデザインシステムに厳密に合わせる必要があるケース

これらのケースでは、Google Stitch のみで完結させることが難しく、Figmaや手コーディングとの組み合わせが必要になった。

よくある質問

Q1. デザインの経験がほぼないエンジニアが副業で使う場合、どこから始めるといいですか?

「自分がよく使うアプリ」のUIを参考にプロンプトを書くことから始めるのがおすすめです。「〇〇アプリのホーム画面のようなスタイルで」と具体的なアプリ名を参照することで、AIが解釈しやすいプロンプトになります。

Q2. 生成したUIはそのまま実装に使えますか?

HTMLとCSSとして出力されるため、実装の出発点として使えます。ただし、レスポンシブ対応・アクセシビリティ・実際のデータとの接続は別途対応が必要です。「完成コード」ではなく「実装のたたき台」として使う前提が現実的です。

Q3. 副業クライアントへの成果物として Google Stitch 生成物を納品してもいいですか?

最終的な納品物の品質基準を満たしていれば問題ありません。ただし、生成物をそのまま渡すのではなく、調整・確認・品質チェックを経ることが必要です。また、AIツールを使って制作したことを明示するかどうかはクライアントとの契約内容に従ってください。

Q4. 週末だけの作業で一つのアプリUIを完成させるにはどのくらいかかりますか?

5〜8画面程度の一般的なアプリであれば、プロンプト設計に慣れた後は2〜3週末(実働10〜15時間)で一通り揃えられる感覚です。ただし、複雑な要件や細部の調整が多い場合はこれ以上かかります。

Q5. 副業収入とツール費用のバランスはどう考えていますか?

Google Stitch の費用は、時間削減による機会費用の増加と比べると十分に元が取れると判断しています。副業の案件単価・頻度にもよりますが、月に1〜2件の案件がある場合、ツール費用は実質的な問題にはなりにくいと感じています。

Q6. 本業でも同様の使い方をしていますか?

はい。ただし本業はチームで使うためのルール設定や統一スタイルの管理が必要で、副業の「一人で全部決める」環境より意識することが増えます。個人プロジェクトの方が自由度が高く、ツールの特性を活かしやすい面があります。

まとめ

副業・個人プロジェクトにおける Google Stitch の価値は、「時間という最大の制約を部分的に解消してくれること」にある。

  • UIラフ作成時間が従来の3分の1〜半分に短縮できた
  • デザイン専門知識がなくても「見えるUI」を作れる
  • 一人でやる副業にこそ、ボトルネック解消の価値が大きい
  • プロンプト精度が慣れとともに上がり、効果が増す
  • 複雑なインタラクション・厳密なデザインシステム対応は別途手当てが必要

限られた時間を「考える・作る・届ける」のどこに使うかは、副業でも本業でも同じ問いだ。Google Stitch はその配分を変えるツールになった。

最新記事
  • カテゴリー
  • 月別
  • Twitter

    ココナラでデザインを依頼する

    7000本の授業が見放題!社会人向けオンライン学習動画【Schoo(スクー)】

    Webデザイン業界特化のレバテック

    定額制で質問し放題【Web食いオンラインスクール】

    関連記事

    最新記事NEW

    CONTACTCONTACT CONTACTCONTACT

    お問い合わせ

    ご意見やお仕事のご依頼などは以下よりご連絡ください。

    情報入力

    内容確認

    完了

      お名前必須

      フリガナ必須

      メールアドレス必須

      お問い合わせ内容