Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LIFFアプリ×スプレッドシートのススメ(2020/10/21 LT祭り)
Search
macochin
October 22, 2020
Programming
0
780
LIFFアプリ×スプレッドシートのススメ(2020/10/21 LT祭り)
macochin
October 22, 2020
Tweet
Share
Other Decks in Programming
See All in Programming
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.3k
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
uki00a
0
170
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
140
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
380
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
7
2.4k
AI時代を生き抜く 新卒エンジニアの生きる道
coconala_engineer
1
430
Python札幌 LT資料
t3tra
7
1.1k
ゆくKotlin くるRust
exoego
1
160
PC-6001でPSG曲を鳴らすまでを全部NetBSD上の Makefile に押し込んでみた / osc2025hiroshima
tsutsui
0
190
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
selcukusta
0
130
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
170
Deno Tunnel を使ってみた話
kamekyame
0
250
Featured
See All Featured
BBQ
matthewcrist
89
9.9k
The Curious Case for Waylosing
cassininazir
0
190
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
200
Exploring anti-patterns in Rails
aemeredith
2
210
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
170
Evolving SEO for Evolving Search Engines
ryanjones
0
73
Balancing Empowerment & Direction
lara
5
820
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
65
35k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.1k
Heart Work Chapter 1 - Part 1
lfama
PRO
3
35k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.4k
What does AI have to do with Human Rights?
axbom
PRO
0
1.9k
Transcript
LIFFアプリ × スプレッドシート のススメ
❏ これまでのスマホアプリの作り方としては、以下の通り ❏ ネイティブアプリ ❏ Webアプリ(PWA等) ❏ ハイブリットアプリ・クロスプラットフォームアプリ(PhoneGap等) ❏
LIFFの登場により、LIFFアプリ(LINEミニアプリ)というスマホアプリの新た な選択肢が増えました ❏ LIFFアプリ(LINEミニアプリ)が、旧来のスマホアプリの代替えになりうると いうことで、そのサービスを構築する上では”DB”のことも考える必要が あります スマホアプリ・LIFFアプリ(LINEミニアプリ)について
〇〇サービス DBって”煩わしく”感じるときってありません??? ユーザ SQL 開発者 グラフ化などしてデータ分析 (デバッグ時などに) ちょっとデータを確認したいだけなのにSQL を書かなければいけない、、、
データ分析する際などは、一度Excelに落と してグラフ化することが多々あり この”ワンアクション”がもどかしい。。。
〇〇サービス ユーザ 開発者 グラフ化などしてデータ分析 じゃあ、初めから Excel形式の”スプレッドシート”に書きませんか?
例)家計簿アプリ 家計簿botアプリ (Node.js) クレジット利用明細 クレジット利用明細 (CSV)をPCで貼り付け 買ったら、
その場で登録 スプレッドシートのグラフ機能で 可視化・データ分析 金額、日にち、買ったもの など沢山登録するので、 LIFFで一括登録
スプレッドシートを使う、もう一つの”メリット” スプレッドシートのサービスへの登録フロー 家計簿botアプリ(Node.js) サービスアカウント
[email protected]
予め アカウントを
発行 ①作成 ②シート登録 ③OAuth認証で、 サービスアカウントに対する 編集権限を付与(共有設定) 家計簿botアプリ(Node.js) サービスアカウント
[email protected]
支出登録 スプレッドシートへ 直接書き込み PCから直接書き込み この仕組みなら、 サービス内で”ユーザのデータ”を保持しなくてもよく、 データ保持の責任リスクを軽減できる
まとめ① ❖ 大規模なサービスではDBを使うのは当然 ❖ 小規模なサービスでは、DBの代替えとして”スプレッドシート”も選択肢 の一つとなりうる ➢ 直接データを見れるので、開発時のデバッグが楽 ➢
スプレッドシートの機能で可視化できるので、データ分析もしやすい ➢ サービス内でユーザデータを保持しないので、データ保持の責任リスクを軽減で きる ❖ LIFFアプリ(LINEミニアプリ)はスマホアプリの代替えとなるため、小規模 サービスになることが多い ➢ LIFFアプリ(LINEミニアプリ)のDBとして、”スプレッドシート”でも十分実用可能(今 回のようにユーザ単位で小規模データを管理する場合に有効)
まとめ② ❖ ユーザのスプレッドシートと連携してインターフェースだけを提供する、 今回の仕組みに類似したサービス ➢ スプレッドシートからPWAアプリを開発できるサービス「Glide」 ▪ https://www.glideapps.com/ ▪
画面レイアウトはWebからGUIで簡単設定 ▪ スプレッドシートから取得したデータを基にスマホ画面を作成し、サービス提供 ▪ (※今日初めて、Googleの「AppSheet」を知ったのですが、ざっと見た感じ、同じ ようなことが出来そうな気がします。) ❖ ユーザのスプレッドシートと連携し、LIFFアプリ(LINEミニアプリ)で”イン ターフェースだけ”を提供する”サービス”の形が、今後流行るか も???
※LTで話しきれなかった(忘れてた)ことに関する補足 ❏ ユーザのSenderIDとスプレッドシートの紐づけ情報について ❏ 紐づけ情報はサービス内で管理しています。(なので、データ保持の責任リスク を”軽減”する、という言い回しにしていました) ❏ 紐づけ情報は、サービス管理者(私)のGoogleドライブ上のスプレッドシートに暗 号化して保管・管理しています。(DBで管理しても良かったのですが、冒頭で「DB が煩わしい」と言った手前、そういう作りにしました笑)
❏ サンプルアプリのソースコードは、近いうちにGitHub上で公開しようと 思ってます。 ❏ リファクタリング、説明コメントの追記等をしたいので、年内にはアップしたい、、、 と思ってます。 ❏ https://github.com/macochin