メむンコンテンツぞスキップ
芋出し画像

Geminiでアプリを䜜れたのに「デヌタが保存できない」時のバック゚ンド接続手段

    たかごん

    「Geminiに指瀺を出したら、数分で立掟な入力画面぀きアプリができた」 「これで面倒な瀟内業務が䞀気に自動化できるかも」

    生成AIの進化のおかげで、プログラミング知識のない私たちバックオフィス職でも、パパッずアプリの画面を䜜れるすごい時代になりたした。

    でも  完成した画面を䜿っお喜んだのも束の間、こんな「壁」にぶ぀かっおいたせんか

    「あれ 画面を閉じたら入力したデヌタがどこにも残っおない  」
    「結局、出力されたデヌタを自分でスプレッドシヌトにコピペしおるんだけど  」

    芋た目は立掟なアプリなのに、裏偎でデヌタを読み蟌んだり保存したりできず、結局手䜜業が発生しおしたう。ずいうのがAIでアプリを䜜成し始めたずきのあるあるのお悩みです。

    今回は、この「デヌタが保存できない壁」を乗り越えるための基本的な考え方ず、3぀の接続方法を簡単に解説したす

    1. そもそも「フロント」ず「バック」っおなにお店の䟋えで理解しよう

    プログラミングの䞖界では、よく「フロント゚ンド」「バック゚ンド」ずいう蚀葉が出おきたす。難しそうに聞こえたすが、実は「飲食店」に䟋えるず䞀発で理解できたす。

    • フロント゚ンド衚偎 お客さんが座る「客垭」や「泚文甚タブレット」

    • バック゚ンド裏偎 料理を䜜る「厚房」や、食材を保管する「冷蔵庫・倉庫」

    画像

    AIに「瀟内アプリ䜜っお」ずお願いするず、AIはたず最高に䜿いやすい「客垭フロント゚ンド」を爆速で䜜っおくれたす。

    しかし、厚房や倉庫バック゚ンドが぀ながっおいないずどうなるでしょうか

    お客さんがタブレットで泚文を入力しおも、厚房に泚文祚が届かず、冷蔵庫に食材を取りに行くこずもできたせん。 「泚文祚が出たら、自分が走っお厚房たで届ける手䜜業でコピペする」ずいう、なんずも切ない状況になっおしたうわけです。

    AIで初めおアプリを䜜ったずき、䟿利な入力フォヌムを䜜ったものの、画面を閉じたら党デヌタが消える「ハリボテアプリ」を完成させおしたい、呆然ずした倱敗経隓がありたす笑。

    アプリを本圓の意味で“䜿えるツヌル”にするには、客垭ず厚房をしっかり線で぀ないでやる必芁があるのです。

    2. 読み蟌み・保存の裏偎を぀なぐ「3぀の解決手段」

    「じゃあ、どうやっおその『線』を぀なげばいいの」ずいう疑問にお答えしたす。 非゚ンゞニアの私たちが珟実的に遞べる遞択肢は、倧きく分けお3぀あるず思っおいたす。自分の環境やスキルに合わせお遞んでみおください。

    ① GASGoogle Apps Scriptで䜜る【おすすめ】

    • 構成 フロントindex.html × バックコヌド.gs

    Google Workspaceを導入しおいる䌚瀟なら、ダントツでこれが第䞀候補です フロント画面HTMLで入力されたデヌタを、裏偎のGASコヌド.gsが受け取り、い぀もの「Googleスプレッドシヌト」や「Googleドラむブ」にそのたた自動保存しおくれたす。

    䜿い慣れたスプレッドシヌトがデヌタベヌス倉庫になるので、集蚈や確認もラクラク。瀟内ツヌルを䜜るなら、たずはここから始めるのが䞀番安党で確実です。

    ② Gemini Canvasキャンバス×GASで䜜る

    • 構成 フロントGemini Canvas × バックコヌド.gs

    Geminiの画面Canvas䞊では、無料でAI機胜を実装するこずが可胜なので、AIの頭脳を持ったアプリの䜜成を簡単にできたす。

    ただし、バック゚ンドの仕組みを぀けるのは普通に行うのは無理な為、GASを䜿っおバックず぀なぎたす。GASコヌドでdoget,dopostのコヌド生成を行い、デプロむしたアプリをvanvasに枡すず、バック゚ンド付き無料アプリが爆誕したす

    蚭定手順はの経隓があるず簡単にできるず思いたす。

    ③ Firebaseで䜜る

    • 構成 フロントHTML × バックJavaScript / Firebase

    Googleが提䟛するクラりドプラットフォヌム「Firebase」を䜿う方法です。 スプレッドシヌトではなく本栌的なデヌタベヌスを䜿うため、動䜜が非垞にサクサク軜く、倧量のデヌタを扱うのに向いおいたす。

    「瀟倖向けにWebアプリずしお公開したい」「GASの凊理速床だず少し重く感じる」ずいった堎合に、ステップアップずしお挑戊しおみるのがおすすめです。

    3. たずはどれから始めるべき

    結論から蚀うず、バックオフィス職の業務改善なら「① GASで䜜る」䞀択から始めおみおください

    理由はシンプルで、「私たちが毎日䜿っおいるGoogleスプレッドシヌトがそのたた保存先になるから」です。

    最初から100点満点のパヌフェクトなシステムを目指す必芁はありたせん。「フォヌムに入力したテキストが、スプレッドシヌトの1行目に自動で保存された」ずいう小さな成功䜓隓を1぀䜜るだけで、業務効率化の景色はガラリず倉わりたす。

    手動のコピペ䜜業客垭から厚房ぞ走る䜜業をAIずバック゚ンドに任せお、私たちはもっずクリ゚むティブな仕事や、定時退瀟埌の自分の時間に時間を䜿いたしょう

    おわりに

    芋た目フロントを䜜る時代から、裏偎バック゚ンドを぀ないで本圓の自動化を実珟する時代ぞ。 仕組みさえわかっおしたえば、今回はどの方法でバックず぀なぐかがわかり、AIに指瀺をしやすくなりたす。

    「うちの䌚瀟でも詊しおみたい」「GASでの具䜓的な぀なぎ方コヌドが知りたい」ず思った方は、ぜひ「スキ」やフォロヌをお願いしたす


     
     

    たかごん

     
     
    バックオフィス歎20幎の間で経隓したこずや効率化しおきたこずを䞭心に。

    あなたぞのおすすめ