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
LINEAPIにどっぷりつかった2020.pdf
Search
ようかん(YosukeInoue
December 26, 2020
Programming
1
150
LINEAPIにどっぷりつかった2020.pdf
イベント情報→
https://teens.connpass.com/event/198979/
ようかん(YosukeInoue
December 26, 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
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
230
技術を改善し続ける
gumioji
0
110
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
220
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
140
バッチを作らなきゃとなったときに考えること
irof
2
510
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
250
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
230
Unity Android XR入門
sakutama_11
0
180
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.1k
Better Code Design in PHP
afilina
0
160
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
250
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
8
2.4k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1368
200k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Site-Speed That Sticks
csswizardry
4
400
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
BBQ
matthewcrist
87
9.5k
Making Projects Easy
brettharned
116
6k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building Adaptive Systems
keathley
40
2.4k
4 Signs Your Business is Dying
shpigford
182
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Transcript
どっぷりLINEAPIに使った2020 ようかん(@inoue2002) ようかん @SGG忘年会2020 LT スライド108枚あります スライド後で共有します
⾼校にもたらしたLINEAPIの可能性 ようかん(@inoue2002) 普通科 @LINEDC忘年会2020 LT スライドは23枚あります おそらく早⼝になります スライド後で共有します
#LINEDC
⾃⼰紹介 ようかん(井上陽介) - ⾼校⽣エンジニア LDGKオンラインハッカソンLINE賞受賞 オンラインレッドハッカソン2020奨励賞受賞 未踏ジュニア2020修了 LPF REV UP2020
登壇 ⼤学を決めた ヒーローズリーグLINE賞受賞 - 今年やったこと - 得意なこと ⻑距離を⾛ること(1.5km ‒ 10km) LINEAPIをいじること イベントを主催したり登壇したりすること 学校の同級⽣や後輩を巻き込んでいろいろやる 絵:同級⽣の⽥中君作
2020年を少し振り返り… ハンズオン講師 1回(LINEBot) イベント参加 62回 イベント登壇 26回(LINEAPI関連24回) ▼ 開発に参加したサービス
LINE BOOT AWARDS 2018 ▷ LINEAPIに出会う ▷ プログラミングを始める
▷ ⾼校の同級⽣や後輩にLINEAPIを使ったツールを作ってみた
▷ 1つめ
LINEで部活動相談サービス(2020/4) 背景 思ったこと LINEAPIを活⽤して、なんとか解決できないかと考えた。リリースまでに与えられた期間はわずか2⽇ ⾃分も部活選び悩んだので、新⼊⽣にもじっくり選択して欲しい。
▷ モック&チラシ
新⼊⽣ LINEBot オープンチャット キャプテン・部員 ▷ 全24部活中21部活が参加 / 最終190名が利⽤してくれた キャプテン・部員 キャプテン・部員
▷ 利⽤中の様⼦
利⽤者アンケート 1⼈でもありがとう!って⾔ってくれる⼈がいてくれたならやって良かったと思えた 「沢⼭部員が⼊ってきてくれた!」「無事部活動決めることができました!」 ▷ サービスを終えて ▼活動報告書
▷ 2つめ
LINEで同級⽣と情報共有ツール 背景 思ったこと 毎回毎回聞いたり送ったりするのめんどくさいし、⼀括でできるツールがあればいいなと。 同じようなやりとりが全校で⾏われているんじゃないか。 セッションアーカイブ ▶
教える⼈ LINEBot ▷ 同級⽣の80%以上が利⽤してくれている・最近は他学年+他校まで展開 画像をupload user user user 画像を⾒る/保存
▷ 画像を共有する(教える側) LIFFが開く 画像の種類を選択 画像を選択する 画像の種類を選択
▷ 画像を確認する(聞く側) LIFFが開く 画像を保存 トークに残る
▷ 時間割を確認する(聞く側) ボタンを押す 秒で返してくれる
⾃分の⾼校に向けてサービスを2つ展開 → ⾼校⽣ × LINEAPI の可能性を感じた ⾊んな意味で
▷ ⾼校⽣にLINEAPIを展開して ・たくさんの感謝(機会)(反響)を得た ・⾊んな学びを得た ・⾼校⽣の⽣活にはまだまだLINEAPIで変えられる部分があるということ 便利になった / 助かった > 利⽤者の声
滋賀県で再⽣回数Topに!! ▶ 学校からオーキャン動画の制作依頼 コミュニティに出会った プロジェクトを進める過程 / お仕事 etc.. 部活動の県⼤会をYoutubeLive
▷ ⾼校⽣にLINEAPIをアプローチする⼈を増やしたい ⾼校⽣にツールを展開するときに考えること(個⼈の感想) ・⼤⼈と学⽣との間にギャップがある ex ) ⾼校⽣は割とアプリケーションのインストール嫌がらない メインで使うSNSはInstagram 少し前に書いたnote ▷
・⼝コミで⼀気に広がる ex ) インスタのストーリーの影響⼒とかめっちゃすごい ⾼校⽣の⼼を動かすのは結構難しい! 学⽣の気持ちは学⽣にしかわからない! のかもしれない..
まとめ!! 1⼈の普通科⾼校⽣がLINEAPIに出会っただけなのにこれだけいろいろなことができたのは 『⾃分にしかできないことにこだわってきた』から。 来年になっても、⼤学⽣になってもこのキーワードを⼤事にしていこうと思います。 LINEAPI神!!!
⾼校にもたらしたLINEAPIの可能性 普通科 @LINEDC忘年会2020 LT ようかん(@inoue2002)
None
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 このままじゃ登壇できない
ということで今週頭に開発、四⽇前リリース、週末登壇が実現しました
• みんながアップロードできるから運営コスト0 • LIFFを使い倒してDB5つ、エンドポイント7つ • 同級⽣だけでなく、他学年、他校までも使えるように • 今後使ってもらいつつ⾼校⽣の情報共有の壁壊したい • 三年間の知⾒や経験がとっても活かせたものができた
最終形態のまとめ
同時並⾏で⽣まれた副産物
同時並⾏で⽣まれた仕事 学校内で技術を認めてもらえて、本当にありがたい
同時並⾏で⽣まれた仕事
同時並⾏で⽣まれた経験
ご質問/感想などをお待ちしています! slido #lpf_revup_o
⾼校の同級⽣250⼈に使われるLINEBot を開発/運営して⾒えてきたもの ようかん(@inoue2002) 普通科
時間があればスライド
LINEPAYガチャガチャを 作ってみた話 v2 @ LIFFアプリ LT祭り 2020/10/20 ようかん(@inoue2002)
みなさん、ガチャガチャを⾃作したくなることありますよね!
- 先⽇段ボールでガチャガチャを作った
結構いいね付く 決済
加川さんの影響を受けました ちなみに・・・
None
Botデザインしてみた⚒
試作品 最新版
%&.0
None
最新版 デザインはまだですw
最新版_裏側
LINEPAYAPIを初めて使った • ドキュメントはわかりやすいが、仕組みがむずかった • 近頃ソースコードと記事(qiitaかZenn)書くのでお楽しみに https://qiita.com/inoue2002 /items/49a2e36c6f3008737b ab
ΞʔΩςΫνϟ LINEBot/PayConfirm デバッグ
まとめ • 時間が空いたらデザインを含めて改造していきたい! • LIFFをもっと凝っていきたい! • LINEAPIをもっとマスターしたい!
LINEPAYガチャガチャを 作ってみた話 v2 @ LIFFアプリ LT祭り 2020/10/20 ようかん(@inoue2002)