1. 5分で学べる!ハチコのAI実践カフェ
  2. GASってやっぱり便利!さくっ..
GASってやっぱり便利!さくっとWebアプリをつくった話
2026-08-20 06:42

GASってやっぱり便利!さくっとWebアプリをつくった話

👩‍💻 Substack 始めました!
https://substack.com/@hachico3

[PR] 明鏡について
https://x.com/IHayato/status/2042040504251248765

ハチコ経由の特典は放送にてご確認ください♪


📣 オプチャでUdemyクーポン配布中!
https://line.me/ti/g2/Rnsc-kJflpE6KUFWqB2cwPhwZGT5H_Q0pAl_Fg?utm_source=invitation&utm_medium=link_copy&utm_campaign=default

\AIでできることを増やそう!/

この番組では、AIを思いっきり楽しんでいるママエンジニアのハチコが、
・AIで出来たこと
・おすすめのAI活用法
などをゆる〜く語っています。

土日は不定期でVoicyのトークテーマに参加しています♪

皆さんのAI活用を一歩進めるお手伝いができたら嬉しいです!

🎙️クローンボイス新作、itsukiをよろしく!
https://elevenlabs.io/app/voice-library?voiceId=oAlEJuW30knHWhA6cF0e

こんな感じで喋ってくれますよ✨️あなたの作品作りに是非ご活用ください♪
https://youtu.be/QwXAC0o6pLo


🕊️X
https://x.com/ha_chi_co_3

🎙️Voicy
https://voicy.jp/channel/848374

🎙️Spotify
https://open.spotify.com/show/3CpCbWFa9BqOeUyAEmwRtz?si=0bafa87b89744d91

🎙️Youtube Podcast
https://www.youtube.com/playlist?list=PL2sHcedMzuhZV1y9hJdPoEaJm8SWpLQ4O

🎙️stand.fm
https://stand.fm/channels/664d9990316143a771a6e869

感想

まだ感想はありません。最初の1件を書きましょう!

00:00
5分で学べるハチコのAI実践カフェ。おはようございます。こんにちは。こんばんは。
この番組では、ママエンジニアハチコがAIでできたことやおすすめのAI活用法をお届けしています。
さて、8月20日木曜日。皆様いかがお過ごしでしょうか。
今日は、GASはやっぱり心強い。さくっとWebアプリをつくる方法、というテーマでお届けします。
こちらは、XでGASのHTMLサービスという機能を使うと、さくっとWebアプリがつくれて便利だよという投稿を見かけまして、
確かにどこかで読んだことある。あるんだけど、別にGASを使わなくてもWebアプリってつくれるしなって思ったまま使ったことなかったんですよね。
GASって思った以上にいろんなことができるんですけど、一番のおすすめポイントはスプレッドシートとの連携なんですよね。
スプシにためたデータをなんとかかんとかして見やすくするみたいなのはすごく得意なわけです。
スプレッドシート自体でもグラフとか作れますけど、もうちょっと見やすかったりかっちょいい感じのページにできたら、より見ようかなって気がおきますよね。
ちょうど私の手元には、ためてるだけでちゃんと使えてなかったデータがあります。
それがたまにね、この話してますけど、スマートリングのデータなんですよね。
一応朝、いろんな朝のニュースを撮ってきたりとか、自分のタスクを整理したりする、まるっと朝のことをやってくれるスキルの中で、
自分のスマートリングのデータから、今日は睡眠困難でしたって出すところを設けてるんですけど、
そこね、ちょっと時間がかかってる割に、あんまりいい感じにできてなかったんです。
睡眠データは今ノーションにためていて、でもなぁちょっとこれスプシに変えようかなーって思ってたんですよね。
ノーションもすごい大好きなんですけど、まず撮ってきた値をノーションに入れるっていうのと、
そこからデータを取ってきて、自分のダッシュボードに表示するっていうね、この1往復がしなくちゃいけなくて、
ここにね、トークンをいっぱい使ってしまうともったいないなと思っていました。
これをスプシに変えると、行き場に必要ですよ。スプシにセットしていく必要なんですけど、
そこに溜まったデータをウェブアプリ側で見て、いい感じに表示してくれるというのを、
ガス側でやってくれたら、そっちは無料でトークンもかからずやれるわけで、その方がいいなーって思ったんです。
03:02
ちなみにね、ノーションを課金している場合は、ノーションの中でグラフにしたりできますし、
そもそもノーションをメインで使っている場合は、ノーションの中にダッシュボードを作っていると思うんで、
やっぱりノーションにデータを貯めたほうが便利だと思うんですけど、
ノーション派じゃない方にとっては、スプレッドシートのほうが扱いやすい場面が多いかなーなんて思います。
ちなみにウェブアプリとして公開、デプロイはするんですけど、公開範囲は自分だけともできますし、
誰に共有した相手だけもできますし、誰でもどうぞもできます。
Googleドライブのファイルの共有と同じようなイメージですね。
この機能を使って、私のスマートリングのデータをスプシにコピペしてね、今後はそこに溜まっていくようにして、
そのデータをちょっとわかりやすくかっこよく見えるような、そんなダッシュボードを作りたいなーと思ったわけです。
作り方はとっても簡単でして、もうフェーブル任せです。
オーパス後でもいけると思いますけど、最初の設計のところはやっぱり使えるならフェーブルを使って、
実装はオーパスとかコーデックスに投げるのがおすすめです。
どんなふうに言ってみたかというと、GASのHTMLサービスという機能を使ってダッシュボードを作りたいです。
データは溜めているスプレッドシートがあるので、そこをそのデータをいい感じに見るようにしてください。
私の睡眠とか、そういったスマートリングのデータが入ってます。
データを溜める場所も今までノーションに溜めてたんですけど、このスプレッドシートにしたいなーって思ってます。
まずね、私からのこの内容を整理して、ダッシュボードの構築を検討してくださいと。
あとデータの溜め方も、どんなふうにやっていくか計画を立ててください。
お願いして、待つこと5分ぐらいだったかな、10分ぐらいだったかな。
あれこれ言いましたけど、ちゃんとすっきり整理して、
ダッシュボードはもうお任せで、そのままこういうのにしますねって言われたのをそのままお願いし、
データの溜め方は、AやBやCって出してくれたんですけど、
私が一番いいなと思う方法でやってもらって、本当に2往復とかでダッシュボードは完成し、
データの更新のやつもあともう1往復ぐらいで移行できました。
今回紹介したこのGASのHTMLサービスで、ウェブアプリとしてダッシュボードを作るメリットは、
パソコンが、電源が落ちてても見れるってことですね。
ウェブ上にデータの仕組みもあるから、実はめちゃめちゃ便利ということで、
SNSの溜めるだけ溜めてたフォロワー数とか、もうちょっとずつ移行しようかなって思ってます。
06:06
ダッシュボードってできたときは、おほーって思っても結局運用しなかったら意味がないので、
いろいろ試行錯誤の繰り返し、自分の生活にフィットするかどうかなんですけど、
スプシにもし何かデータを溜めているだけです、という場合は、一度これを作ってみるのもいいんではないでしょうか。
ということで、今日もここまで聞いてくださって本当にありがとうございます。
もしこの放送を気に入っていただけたら、いいね、フォロー、コメントなど、ぜひぜひよろしくお願いいたします。
今日も一緒にAIでじゅこっと進化していきましょう。
それでは、またねー。
06:42

コメント

スクロール