1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

「これ、軽量モデルのフラッシュ君で書いたの…?」 ── 秀GASマネージャーを持たせたら、最速AIがネイティブ級スマホアプリを爆速生成する怪物になった話

1
Last updated at Posted at 2026-11-03

はじめに ―― 「これ、スマホで使えたら最強じゃないか?」

前回の記事で、自作のGmail爆速ビューア『Mクイック』をブラウザゼロで修復し、0.5秒の連打にも完全追従する怪物に仕立て上げた話を公開しました。

PCのブラウザで叩くMクイックは、まさに快適そのもの。数千件のメールがIndexedDBから瞬時に立ち上がり、キーボード操作でサクサク処理できる相棒になりました。

ですが、使い込んでいるうちに、ごく自然な欲求が湧き上がってきたのです。

「出先や移動中に、スマホでもこの速度でGmailを確認できたら、どれだけ助かるだろうか?」

早速スマートフォンでアクセスしてみました。
……しかし、現実は甘くありませんでした。

スマホ表示が崩れていた初期状態

PC用の4列テーブル(日付・差出人・件名・操作)を無理やりスマホの画面幅(約390px)に詰め込んだため、ヘッダーのボタンは画面外へ吹き飛び、件名列は押し潰され、とても実用に耐える状態ではなかったのです。

「やっぱりGASのWebアプリでスマホアプリなんて無理なのか……?」

普通ならここで諦めるか、「まあPC専用ツールだから」と割り切るところです。
しかし、私には 秀GASマネージャー と、頼れる相棒 Gemini Flash(フラッシュ君) がいました。

ここから、「軽量モデル×ガスマネージャー」が起こす、前代未聞のスマホアプリ開発劇が始まったのです。

スマホになった!


爆誕した『Mクイック』スマホ版 ―― ネイティブアプリと見分けがつかない3大機能

結論から申し上げます。完成したものは、「App Storeにあるネイティブアプリそのもの」 でした。
GAS特有のもっさり感や「Webページを見ている感」は完全に消え去っています。

スマホ版Mクイックの完成画面(ホワイト・グリーン・ダークの3色テーマ)

1. PWA(Progressive Web App)による「全画面アプリ化」

スマホのブラウザ(SafariやChrome)で開き、メニューから 「ホーム画面に追加」 を押すだけ。
それだけで、ブラウザのアドレスバーや戻るボタンが完全に消え去り、全画面スタンドアローンアプリとして起動します(※iPhoneでは専用の稲妻アイコン、AndroidではGAS仕様により親しみのある青いGoogleの「G」アイコンが配置されます)。

高価なMacも、年間数万円のApple Developer登録も、厳しいアプリ審査も一切不要。
Googleの無料インフラだけで、完全なスマホアプリが手元で動くのです。

2. Gmail公式準拠の「左右スワイプアクション」

スマートフォンで小さなボタンを親指で狙うのはストレスです。
そこで、メールカードを左右に指先でスワイプして処理できるようにしました。

  • 👉 右へスワイプ(緑): 指を離すとその場で 「アーカイブ」
  • 👈 左へスワイプ(赤): 指を離すとその場で 「ゴミ箱(削除)」

途中で指を戻せばバネのようにシュッと元の位置に戻る、滑らかなタッチアニメーションを実装しています。

3. 触覚フィードバック(Haptic微振動)

スワイプが閾値を超えた瞬間や、ボタンをタップした瞬間に、スマホ本体が 「コトッ」「トッ」と心地よく微振動 します。
わずか数行の Vibration API ですが、これが入るだけで「Webページを操作している感覚」が脳内から消え、本物のネイティブアプリの質感に化けました。


全世界へ無料配布開始 ―― ワンクリックで自分専用アプリを即時複製!

このMクイック、自分一人で使い倒すのはあまりにも勿体ない完成度になりました。
そこで、誰でも今すぐ自分のGoogleアカウントに配備できるよう、専用の「直接コピー作成リンク」をご用意して無料公開いたしました!

難解なコードのコピペや、複雑な環境構築は一切不要です。
以下の手順通りに進めるだけで、わずか3分であなた専用のスマホアプリが手に入ります。


誰でも迷わず3分でできる! 完全導入&初回認証ガイド

💡 【事前に必要なもの・前提条件】

  • Googleアカウント(Gmailアドレス): 本アプリはご自身のGoogleインフラ上で動作するため、Googleアカウントをお持ちであることが前提となります(サーバー代や利用料は完全無料です)。
  • 作業環境: 初回の導入設定(ステップ1〜3)は、Googleアカウントにログインしている パソコンのブラウザ(Chrome等) で行うのが最もスムーズでおすすめです。

⚠️【クリック前の超重要なお知らせ(リンクを押すと即座にコピーされます!)】

これからクリックしていただくリンクは、Googleの仕様を活用した 「ダイレクト・コピー作成リンク(?usp=copy)」 です。
「リンクを押したその瞬間に、あなたのGoogleアカウント内に『Mクイック』が自動で即座にコピー(複製)されて自分専用のエディタ画面が開く」 仕組みになっています。

フォルダ内を探して右クリックしたり、メニューから「コピーを作成」を選ぶ手間すら一切ありません。リンクを押すだけで自分専用のプロジェクトが複製完了しますので、安心してお進みください!

👇 以下のリンクをクリックすると、即座にあなたのマイドライブへコピーが作成されます:

⚡ Mクイックのコピーを作成する (Google Apps Script 直接複製リンク)
(※ Googleアカウントにログインした状態のPCブラウザでクリックしてください)

リンクを押して自分専用のプロジェクト画面が開いたら、そのまま次のステップへ進みます。


【ステップ2】ウェブアプリとしてデプロイ(URLの発行)

画面右上の青い 「デプロイ」 ボタンから、自分専用のアプリURLを発行します:

  1. 画面右上の 「デプロイ」 > 「新しいデプロイ」 をクリックします。
  2. 左上の歯車アイコン(種類の選択)をクリックし、「ウェブアプリ」 を選びます。
  3. 設定項目を以下のように確認します:
    • 説明: (空欄のままでOK)
    • 次のユーザーとして実行: 自分 (あなたのアドレス)
    • アクセスできるユーザー: 自分のみ(誰にも覗かれない最も安全な設定)
  4. 右下の青い 「デプロイ」 ボタンをクリックします。

【ステップ3】初回起動時の「Google認証・セキュリティ警告」の突破手順(超重要★)

デプロイボタンを押すと、画面に 「アクセスを承認」 というポップアップが表示されます。
これは**「あなたが作った自作スクリプトが、あなた自身のGmailを読み書きすることを許可するためのGoogle公式の正常な確認」**です。怪しいものではありませんので、以下の手順で進めてください:

  1. 「アクセスを承認」 をクリックし、ご自身のGoogleアカウントを選択します。
  2. 「このアプリは Google で確認されていません」 という警告画面(赤い三角マーク)が出ます。
    • ⚠️ ここで慌てて戻らないでください!
    • 画面左下にある小さな文字 「詳細」 をクリックします。
  3. 下に隠れていた薄い文字のリンク 「Mクイック(安全ではないページ)に移動」 をクリックします。
  4. 最後に「Gmailの閲覧・作成・送信・完全に削除」などの権限リクエスト一覧が出ますので、一番下の青い 「許可」 をクリックします。

【ステップ4】発行されたURLをコピーしてスマホへ送る

認証が完了すると、デプロイ完了ダイアログが表示されます。

  1. 画面中央に表示された 「ウェブアプリのURL」 の横にある 「コピー」 ボタンを押します。
    (※ https://script.google.com/macros/s/.../exec というあなた専用のURLです)
  2. コピーしたURLを、ご自身のスマホ宛てに送ります:
    • 自分宛てにメールで送信する
    • 自分だけのLINEグループやメモアプリに貼る
    • など、スマホで開ける方法なら何でもOKです。

【ステップ5】スマホのホーム画面に追加して「全画面アプリ化」

スマホで送られてきたURLをタップし、ブラウザ(SafariまたはChrome)で開きます。
最初は数秒ほどメールの初期読み込みが走ります。

開いたら、ブラウザの機能で 「ホーム画面に追加」 します:

  • iPhone (Safari): 画面下部の中央にある「共有ボタン」(四角から矢印が上に出ているアイコン) > 少し下にスクロールして 「ホーム画面に追加」 > 右上の「追加」
  • Android (Chrome): 右上のメニュー(︙) > 「ホーム画面に追加」(または「アプリをインストール」)

📱 【アイコン表示についてのワンポイント解説(重要)】

  • iPhone (Safari): 指定された専用の稲妻アイコンがホーム画面に綺麗に配置されます。
  • Android (Chrome): GAS(Google Apps Script)の仕様上、Google公式の 「青い『G』アイコン」 として配置されます。アイコンの見た目は異なりますが、タップすればまったく同様にアドレスバーのない全画面ネイティブアプリとして爆速起動しますのでご安心ください!

これで準備はすべて完了です!
ホーム画面にできたアイコンをタップして起動してみてください。ブラウザのアドレスバーや戻るボタンが完全に消え去り、App Storeから落としてきたような本物の全画面ネイティブアプリとして起動します!

サーバー代も維持費も永久にゼロ。
ご自身のGoogleアカウント内で100%完結するため、大切なメールデータが第三者や外部サーバーへ送信されるリスクも一切ありません。


「フラッシュくんにしては賢すぎる……?」 ── 開発現場で起きた最大の衝撃

このMクイックが完成した直後、私は作業画面を見つめながら、ふと強烈な違和感を覚えました。

「……待てよ。今、目の前でこの高度なスマホアプリを書いてくれたAIって、誰だっけ?」

前回の記事では、超大型・重厚モデルの Gemini 4 Argon(ゴンちゃん) と組んでいました。
しかし今回、日常使いとして私がチャット欄で選択していたのは、正真正銘、最軽量・最速の 【Gemini Flash(フラッシュ君)】 だったのです。

思わずチャット欄で声が出ました。

「さっきからフラッシュくんにしては賢すぎるなと思ってたんだが……裏でこっそりゴンちゃんがやってくれてたのか?」

するとフラッシュ君から返ってきたのは、衝撃の告白でした。

「いえ、しゅうさん!作業しているのは正真正銘、軽量・超高速のフラッシュ君です!」

フラッシュ君か

エンジニアの皆様なら、この衝撃が分かっていただけるはずです。

世間の常識では、
「高度なWebアプリ開発や、仮想スクロールとスワイプが絡む複雑なフロントエンドは、Claude Opas や Gemini Pro/Argon のような超大型モデルじゃないと破綻する」
「軽量モデル(FlashやHaiku)は、簡単な要約やチャット用のお手軽モデルだ」
と相場が決まっていました。

ところが、目の前で起きた事実は正反対でした。
超軽量でAPIコストもほぼタダ同然、秒速で返答してくるフラッシュ君が、ネイティブ級スマホアプリの複雑なコードを完璧に書き上げ、実機デプロイまで完走してしまったのです。


なぜ軽量モデルが怪物を書けるのか? ── 「頭脳」ではなく「外骨格」の革命

なぜ、軽量モデルのフラッシュ君がここまで賢く動けたのか?
その答えこそが、『秀GASマネージャー』がもたらした最大の技術革新でした。

AIの性能は、「モデル単体の頭脳の大きさ」だけで決まるのではありません。
「どんな外骨格(道具と検査関所)を身にまとわせるか」で決まるのです。

普通のAI開発環境では、AIは「頭の中の推測だけ」でコードを書き、「動くはずです」と人間に丸投げしてきます。だから軽量モデルだと細部でミスをし、破綻してしまうのです。

しかし、秀GASマネージャーを装備したフラッシュ君は、行動の次元が違います。

py gas.py inspect-ui Mクイック Index --device both --theme white

ガスマネージャーの新兵器「PC・スマホ同時実機監査」を叩けば、裏でPlaywright Chromiumが起動し、わずか 2.5秒 で「PC画面(1280px)」と「スマホ画面(390px/iPhone相当)」の両方を同時レンダリングします。

=== GAS Webアプリ実機画面監査 (inspect_ui): [Mクイック] ===
総合判定: [PASS] 合格
検査対象要素数: 16件
テストテーマ: desktop:white, mobile:white

【実機スクリーンショット物証 (2枚)】:
  - inspect_index_desktop_white.png (PC幅: 4列テーブル表示を死守)
  - inspect_index_mobile_white.png  (スマホ幅: 独立カード型へ自動変形)

フラッシュ君は、人間がスマホを見る前に、裏でレンダリングされた実機画像とDOMを自分で見分します。
「あ、スマホ幅だと差出人と日付が少し詰まっているな」
「仮想スクロールのスペーサー行に背景色がついちゃってるな」
それをAI自身が実機画像から瞬時に見抜き、自分でCSSを直して、合格証が出るまで叩き直してから人間へ報告してくるのです。

つまり、「ガスマネージャーという最強の実機検証ループ」があるからこそ、軽量爆速のフラッシュ君が、超大型モデルすら凌駕する圧倒的な精度とスピードを発揮できたのです。


個人がMacも審査もなしでアプリを即日配備する「新世界」

今回の開発を通じて、私たちは確信しました。
これは単なるツールの話ではありません。アプリ開発の歴史が変わる大革命です。

世の中では今も、
「スマホアプリを作るならFlutterかReact Nativeか」
「Macを買ってXcodeをインストールして……」
「超大型AIのAPIコストが高すぎる……」
という悩みが渦巻いています。

しかし、GAS + 最安最速のフラッシュ君 + ガスマネージャー の組み合わせは、そのすべての障壁を粉砕しました。

  1. 開発コストはほぼゼロ: Windowsの普通のPC上で、無料同然の軽量モデル(Flash)と雑談するだけ。
  2. 審査ゼロ・即時配備: 完成した瞬間、Googleドライブのリンクひとつで世界中へ配布可能。
  3. 品質保証の自動化: PCとスマホの両画面をAIが裏で秒速レンダリングし、崩れのない物証を確保してから本番へデプロイ。

革命だぞ

「思いついた業務ツールや便利アプリを、その日のうちにApp Store級のスマホアプリとして具現化し、世界へ配る」
高価なモデルや大掛かりな開発環境に頼らなくても、強固な道具(ガスマネージャー)さえあれば、最速の軽量モデルと人間が二人三脚で世界を変えられる。

ぜひコピーを作成して、Mクイックの快適さと、この「新世界の開発体験」を体感してみてください!


関連リンク


最後までお読みいただき、ありがとうございました!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?