Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ようかんBot総まとめ
Search
ようかん(YosukeInoue
November 14, 2020
Programming
0
720
ようかんBot総まとめ
イベント情報→
https://ldgk.connpass.com/event/188999/
ようかん(YosukeInoue
November 14, 2020
Tweet
Share
More Decks by ようかん(YosukeInoue
See All by ようかん(YosukeInoue
今から始めるLINEBot入門
inoue2002
0
120
未来の投げ銭箱
inoue2002
2
87
LINEでAI占い師に相談できる “AI占いくん”の開発/改善の過程
inoue2002
0
330
LINEトークルーム広告v1
inoue2002
0
68
レシピ保存くん
inoue2002
0
490
初めてのServiceMessage
inoue2002
0
120
トーク履歴を分析してみる
inoue2002
0
21k
LINEで使えるAIチャットBot “AIチャットくん”とLINEAPI
inoue2002
0
97
謎コイン
inoue2002
0
87
Other Decks in Programming
See All in Programming
sappoRo.R #12 初心者セッション
kosugitti
0
270
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
260
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
16
3.7k
color-scheme: light dark; を完全に理解する
uhyo
7
490
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
40
16k
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
7
4.2k
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
500
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
8
2.4k
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
160
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
250
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
880
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Statistics for Hackers
jakevdp
797
220k
Optimizing for Happiness
mojombo
376
70k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
What's in a price? How to price your products and services
michaelherold
244
12k
Building Applications with DynamoDB
mza
93
6.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Site-Speed That Sticks
csswizardry
4
400
Six Lessons from altMBA
skipperchong
27
3.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Transcript
None
⾼校の同級⽣250⼈に使われるLINEBot を開発/運営して⾒えてきたもの ようかん(@inoue2002) 普通科
⾃⼰紹介
ようかん(井上陽介) ⾃⼰紹介 • 滋賀の普通科⾼校3年⽣(現在進⾏形) • 陸上競技部キャプテン(過去形) • LDGKオンラインハッカソン LINE賞受賞 •
レッドハッカソン2020 奨励賞受賞 • 「⾼校⽣主催のIT勉強会」を主催(#⾼校⽣ミーティング) • 今までに40くらいLINEBotをリリースしてる • LINEDCによくいる⾼校⽣エンジニア • ポートフォリオ( youkan.me ) • Twitter(@inoue2002 ) → • LINE Green Badge貰った
#LPF_REVUP_O
@inoue2002
今⽇の発表の要約とまとめ! • ⾼校三年間開発/運営したサービスの総まとめ発表 • LINEAPIを使った⾼校⽣の事例紹介 • LINEAPIを使った開発の参考になる部分があると嬉しい! • ⾼校⽣らしく⾃由に喋ります! REVUP最後の登壇セッションとなります。
みなさんお疲れだと思いますのでぜひリラックスして聞いていただけると嬉しいです とか⾔いつつもコミュニティカンファレンス!いつもの感じでゆるーくやっていきます! ←この30分僕が喋ること
本編スタート▶
普通科⾼校⽣の 情報共有にある壁
どこでも誰もがやってそうな会話①
どこでも誰もがやってそうな会話②
僕は思った。これが全校で展開されてるんじゃないか。って。 同じ情報が複数の場所で やりとりされるんじゃない?
それが頻繁に起こっている可能性 ⽉ ⽕ ⽔ ⽊ ⾦ ⼟ ⽇ 漢字テスト 英単語テスト
課題提出 英⽂法テスト 課題提出 週末課題 ⽉曜の漢字テストの範囲教えてー 次のコミ英の提出物なんだっけ ⾦曜⽇の課題の範囲くれー!
送る側 負のサイクルの始まり始まり 聞く側 送るのめんどくさい いつ⾃分が聞く側に なるかわからないか ら送るしかない k 毎回毎回申し訳ない 聞いてからの時差
お互いのモチベが下がっていく可能性もある
なんか⼀括で共有できた⽅がよくね? ⼤勢の前で発⾔するのは抵抗が多い⼈も結構いる グループLINEでいいやん→ そこで.. 共有は⼀回だけでいい&みたい時に待ち時間無しで⾒れたらいい感じ✨
• ⾼校⽣みんなが導⼊しやすい • 広めやすい • 開発/運営しやすい • ⾼校⽣の普及率ほぼ100パーセントのLINE • QRコードやトークからアカウントをそのまま共有できる
• LINEBotを使うことでみんなが慣れたチャットUIをベースに開発できる どこに作ろうか・・・
そうして出来上がった 新しい情報共有ツール「ようかんBot」
実際に⼆年半同級⽣は使ってくれたの? 310 251 割と⼝コミが広がってみんな使ってくれるようになった
三⽇前に⼤型アップデートを迎えたばかり! 実際にLIVEDEMOしていきましょう!↑
DEMO①クラス設定をする DEMO⾼校 ⼀年⼀組で登録する
DEMO②画像を共有する(教える側)
DEMO②画像を共有する(教える側) アップロードするLIFFが開く ↓ 画像の種類を選択する ↓ 画像を選択してアップロードする
DEMO②画像を共有する(教える側)(動画が⾒れなかった時⽤) LIFFが開く 画像の種類を選択 画像を選択する 画像の種類を選択
DEMO③画像を確認する(聞く側)
DEMO③画像を確認する(聞く側) 共有された画像を⾒るLIFFが開く ↓ 知りたい画像を選択 ↓ 保存ボタンを押してトークに保存
DEMO③画像を確認する(聞く側)(動画が⾒れなかった時⽤) LIFFが開く 画像を保存 トークに残る
DEMO④画像を確認する(聞く側)
DEMO④画像を確認する(聞く側) 「時間割を確認」を押す ↓ 秒で時間割を送ってくれる
DEMO④画像を確認する(聞く側)(動画が⾒れなかった時⽤) ボタンを押す 秒で返してくれる
DEMO⑤拡散
DEMO⑤拡散 ボタンを押す ↓ QRとかURLとか⾊々送ってくれる
DEMO⑤拡散 スクリーンショット LINEで送信 URLをコピペで共有
DEMO⑥お問い合わせ 特にお問い合わせアカウントなど を設けず、頭に#をつけるだけでお 問い合わせできる お問い合わせグループにNotifyでお問い合わせがくる
DEMO⑥お問い合わせ(まとめ)
この⼤型アップデートはほぼ完成形? • この形になるまでに⼆年かかった • プログラミング未経験から運営を始めた • 最初は全て⼿動で更新していた • なかなか使ってもらえなかった •
運営コストやみんなに使ってもらうための課題が⼭盛り どんなふうに進化していったのか振り返っていきます
LINE BOOT AWARDS 2018 LINEBotの魅⼒に刺激を受け、なんにもできない状態でLINE@を触ってみた
LINE@のみで動く第⼀号 ⾃分で準備して、LINEオフィシャルアカウントマネージャーで更新
⼀年⽣の間に100⼈を超え、来年もやることにした ⾼校⽣への宣伝は 基本インスタ 友達からの⼝コミ 陸上部→各クラス→いろんなグループに⼝コミで広がる
時間を重ねるごとに登録者が増えるが、だんだん限界に近く • いろんな⼿を使って宣伝 • あだなが「ようかんBot」になったりする (ほぼ⼿動やし完全Botではなかった • なかなか200に到達しない →ユーザーの声を聞いて満⾜度や期待をあげたい
初めてユーザーの声に⽿を傾けてみた
⾊々課題がわかってきた
きっとこれなんだよなぁ(Webhookってなんやねん)
とりあえず教えてもらう • ネットで調べまくった • ハンズオンに参加した
基本知識がついた/LINEBotが作れるようになった
記事を⾒ながらコピペで実装(GAS)Google Apps Script • キーワード応答からリッチメニュー に • 画像のアップロードをGdriveに • キーワードの応答はスプレッドシート
→以前より運営もしやすく →ユーザーも少しは使いやすく
ついに本物のBotなった!⾼2夏 • アイコンは同級⽣に書いてもらった • 登録者が結構増えた • G driveに権限を与えて運営を増やせる • 学校の先⽣から連絡を頼まれたり
また⾊々問題点が.. GASは応答が若⼲もっさり
AWSLambdaを⽤いたサーバレス構成を学習 ぶんせんせい本当にありがとう!!
さらにLINEAPIドキュメントが読めるようになった&技術⼒が上がった • Flexメッセージ • Quick Reply • nodeJS ⾊々思い通りにできるようになってきた できることが増えてUI・UXが爆上がり
None
Lambdaを使うようになってまた⾊々成果が 約⼀週間で900回応答とか
コロナ休校のせいで仕事を奪われた
泣きそう
休校明け、ユーザーは帰ってきたけど、僕が忙しくなり運営が疎かに
気がつけばそんな中登壇⼆週間前w このままじゃ登壇できない
アップデート内容を考える lineBotは設計図を作 ると開発しやすい
ということで今週頭に開発、四⽇前リリース、週末登壇が実現しました
• みんながアップロードできるから運営コスト0 • LIFFを使い倒してDB5つ、エンドポイント7つ • 同級⽣だけでなく、他学年、他校までも使えるように • 今後使ってもらいつつ⾼校⽣の情報共有の壁壊したい • 三年間の知⾒や経験がとっても活かせたものができた
最終形態のまとめ
アーキテクチャ
同時並⾏で⽣まれた副産物
同時並⾏で⽣まれた仕事 学校内で技術を認めてもらえて、本当にありがたい
同時並⾏で⽣まれた仕事
同時並⾏で⽣まれた経験
LINEコミュニティとLINEAPIで⼈⽣がたぶん変わった
LINEBot開発したことないけどしてみたい⽅!
ご質問/感想などをお待ちしています! slido #lpf_revup_o
⾼校の同級⽣250⼈に使われるLINEBot を開発/運営して⾒えてきたもの ようかん(@inoue2002) 普通科
時間があればスライド
ようかんBotに遊び機能
LINEPAYガチャガチャを 作ってみた話 v2 @ LIFFアプリ LT祭り 2020/10/20 ようかん(@inoue2002)
みなさん、ガチャガチャを⾃作したくなることありますよね!
- 先⽇段ボールでガチャガチャを作った
結構いいね付く 決済
加川さんの影響を受けました ちなみに・・・
None
Botデザインしてみた⚒
試作品 最新版
%&.0
None
最新版 デザインはまだですw
最新版_裏側
LINEPAYAPIを初めて使った • ドキュメントはわかりやすいが、仕組みがむずかった • 近頃ソースコードと記事(qiitaかZenn)書くのでお楽しみに
ΞʔΩςΫνϟ LINEBot/PayConfirm デバッグ
まとめ • 時間が空いたらデザインを含めて改造していきたい! • LIFFをもっと凝っていきたい! • LINEAPIをもっとマスターしたい!
LINEPAYガチャガチャを 作ってみた話 v2 @ LIFFアプリ LT祭り 2020/10/20 ようかん(@inoue2002)