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
高校生_︎LINE.pdf
Search
ようかん(YosukeInoue
March 27, 2021
Programming
0
120
高校生_︎LINE.pdf
ようかん(YosukeInoue
March 27, 2021
Tweet
Share
More Decks by ようかん(YosukeInoue
See All by ようかん(YosukeInoue
LINEトークルーム広告v1
inoue2002
0
8
レシピ保存くん
inoue2002
0
110
初めてのServiceMessage
inoue2002
0
42
トーク履歴を分析してみる
inoue2002
0
850
謎コイン
inoue2002
0
32
LIFFで動く割り勘アプリTATEKAをリリースしてみた話
inoue2002
0
700
Ltag
inoue2002
1
320
データって何?
inoue2002
1
110
SGGとは
inoue2002
0
1.1k
Other Decks in Programming
See All in Programming
IntelliJ IDEA を知らなかった 自分に教えたい小ネタ集 / IntelliJ IDEA Hints for My Past Self
mackey0225
3
150
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
TCAの Shared Stateって どういう仕組みになってんの?
yimajo
0
330
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
2.1k
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
480
AppDeveloperCon 2024 EU: Building polyglot developer experiences in 2024
salaboy
0
370
Learning PHP and Static Analysis with PHP Parser
inouehi
1
250
LPIXEL×CADDi_kaerururu
kaerururu
3
300
設計の知識と技能で駆動するソフトウェア開発
masuda220
PRO
18
10k
クソコード動画『カプセル化 Mk-II』 で考える 上手くカプセル化できない理由 / encapsulation2
minodriven
11
7.1k
Kotlinを用いたDSL的な設計手法と使用上の注意
kohii00
3
530
Docker ハンズオン / docker-hands-on
suzukihoge
51
16k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.3k
KATA
mclloyd
14
11k
Done Done
chrislema
178
15k
Facilitating Awesome Meetings
lara
39
5.5k
4 Signs Your Business is Dying
shpigford
174
21k
Web Components: a chance to create the future
zenorocha
304
41k
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
Clear Off the Table
cherdarchuk
82
310k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
Side Projects
sachag
451
41k
Transcript
@inoue2002
@inoue2002 #linedc
@inoue2002 LINE Developers Community(LINEDC)とは ・LINE Platformを使うエンジニア・クリエータによる有志のコミュニティ ・Connpass登録メンバー3000⼈超え ・さくっとLINEで何か試したい⼈からガチガチにシステムを作る⼈まで幅広い! ・毎週のようにイベントをやっている。ハンズオンやLTが多い ・#linedc
で検索するといろいろ出てくる
@inoue2002 LINE Developers Community(LINEDC)とは
@inoue2002 LINE Developers Community(LINEDC)とは
@inoue2002 LINE API Use Case
@inoue2002
@inoue2002 ようかん ⾼校⽣とLINEAPI
@inoue2002 ⾃⼰紹介 ようかん(井上陽介) - ⾼校⽣エンジニア - 未踏ジュニア2020スーパークリエータ - LINE API
Expert ⾼校⽣とLINEAPIを組み合わせる - 最近の活動 - 得意なこと ⻑距離を⾛ること(1.5km ‒ 10km) LINEAPIをいじること イベントを主催したり登壇したりすること 学校の同級⽣や後輩を巻き込んでいろいろやること @inoue2002
@inoue2002 [LINEAPI]どれぐらい開発しているかというと サービス/ツールetc.. 50+
@inoue2002 [LINEAPI]どれぐらい開発しているかというと サービス/ツールetc.. 50+
@inoue2002 ようかんはLINEDCで何をしている⼈なの? ① イベント参加/登壇/主催 ② LINE APIを使ったアウトプット ③ 最年少LAEとして、僕ならではのLINEAPI事例発掘&共有
@inoue2002 アイスブレイク ⾼校⽣名乗るのも後数⽇か。。。 今⽇は⾼校⽣最後の登壇だ! まとめ発表しようか。。。
@inoue2002 このセッションでは何が聞けるの? ①LINEコミュニティに出会った⾼校⽣の2年間がわかる ②中⾼⽣向けに開発したLINEAPIプロダクトが知れる ③ LINEAPI開発の知⾒が知れる(LINE Notify)
@inoue2002
@inoue2002 ⾼校の同級⽣250⼈に使われるLINEBot を開発/運営して⾒えてきたもの ようかん(@inoue2002) 普通科
@inoue2002 普通科⾼校⽣の 情報共有にある壁
@inoue2002 どこでも誰もがやってそうな会話①
@inoue2002 どこでも誰もがやってそうな会話②
@inoue2002 僕は思った。これが全校で展開されてるんじゃないか。って。 同じ情報が複数の場所で やりとりされるんじゃない?
@inoue2002 それが頻繁に起こっている可能性 ⽉ ⽕ ⽔ ⽊ ⾦ ⼟ ⽇ 漢字テスト
英単語テスト 課題提出 英⽂法テスト 課題提出 週末課題 ⽉曜の漢字テストの範囲教えてー 次のコミ英の提出物なんだっけ ⾦曜⽇の課題の範囲くれー!
@inoue2002 送る側 負のサイクルの始まり始まり 聞く側 送るのめんどくさい いつ⾃分が聞く側に なるかわからないか ら送るしかない k 毎回毎回申し訳ない
聞いてからの時差 お互いのモチベが下がっていく可能性もある
@inoue2002 なんか⼀括で共有できた⽅がよくね? ⼤勢の前で発⾔するのは抵抗が多い⼈も結構いる グループLINEでいいやん→ そこで.. 共有は⼀回だけでいい&みたい時に待ち時間無しで⾒れたらいい感じ✨
@inoue2002 • ⾼校⽣みんなが導⼊しやすい • 広めやすい • 開発/運営しやすい • ⾼校⽣の普及率ほぼ100パーセントのLINE •
QRコードやトークからアカウントをそのまま共有できる • LINEBotを使うことでみんなが慣れたチャットUIをベースに開発できる どこに作ろうか・・・
@inoue2002 そうして出来上がった 新しい情報共有ツール「ようかんBot」
@inoue2002 実際に⼆年半同級⽣は使ってくれたの? 310 251 割と⼝コミが広がってみんな使ってくれるようになった
@inoue2002 三⽇前に⼤型アップデートを迎えたばかり! 実際にLIVEDEMOしていきましょう!↑
@inoue2002 DEMO①クラス設定をする DEMO⾼校 ⼀年⼀組で登録する
@inoue2002 DEMO②画像を共有する(教える側)
@inoue2002 DEMO②画像を共有する(教える側) アップロードするLIFFが開く ↓ 画像の種類を選択する ↓ 画像を選択してアップロードする
@inoue2002 DEMO②画像を共有する(教える側)(動画が⾒れなかった時⽤) LIFFが開く 画像の種類を選択 画像を選択する 画像の種類を選択
@inoue2002 DEMO③画像を確認する(聞く側)
@inoue2002 DEMO③画像を確認する(聞く側) 共有された画像を⾒るLIFFが開く ↓ 知りたい画像を選択 ↓ 保存ボタンを押してトークに保存
@inoue2002 DEMO③画像を確認する(聞く側)(動画が⾒れなかった時⽤) LIFFが開く 画像を保存 トークに残る
@inoue2002 DEMO④画像を確認する(聞く側)
@inoue2002 DEMO④画像を確認する(聞く側) 「時間割を確認」を押す ↓ 秒で時間割を送ってくれる
@inoue2002 DEMO④画像を確認する(聞く側)(動画が⾒れなかった時⽤) ボタンを押す 秒で返してくれる
@inoue2002 DEMO⑤拡散
@inoue2002 DEMO⑤拡散 ボタンを押す ↓ QRとかURLとか⾊々送ってくれる
@inoue2002 DEMO⑤拡散 スクリーンショット LINEで送信 URLをコピペで共有
@inoue2002 DEMO⑥お問い合わせ 特にお問い合わせアカウントなど を設けず、頭に#をつけるだけでお 問い合わせできる お問い合わせグループにNotifyでお問い合わせがくる
@inoue2002 DEMO⑥お問い合わせ(まとめ)
@inoue2002 この⼤型アップデートはほぼ完成形? • この形になるまでに⼆年かかった • プログラミング未経験から運営を始めた • 最初は全て⼿動で更新していた • なかなか使ってもらえなかった
• 運営コストやみんなに使ってもらうための課題が⼭盛り どんなふうに進化していったのか振り返っていきます
@inoue2002 LINE BOOT AWARDS 2018 LINEBotの魅⼒に刺激を受け、なんにもできない状態でLINE@を触ってみた
@inoue2002 LINE@のみで動く第⼀号 ⾃分で準備して、LINEオフィシャルアカウントマネージャーで更新
@inoue2002 ⼀年⽣の間に100⼈を超え、来年もやることにした ⾼校⽣への宣伝は 基本インスタ 友達からの⼝コミ 陸上部→各クラス→いろんなグループに⼝コミで広がる
@inoue2002 時間を重ねるごとに登録者が増えるが、だんだん限界に近く • いろんな⼿を使って宣伝 • あだなが「ようかんBot」になったりする (ほぼ⼿動やし完全Botではなかった • なかなか200に到達しない →ユーザーの声を聞いて満⾜度や期待をあげたい
@inoue2002 初めてユーザーの声に⽿を傾けてみた
@inoue2002 ⾊々課題がわかってきた
@inoue2002 きっとこれなんだよなぁ(Webhookってなんやねん)
@inoue2002 とりあえず教えてもらう • ネットで調べまくった • ハンズオンに参加した
@inoue2002 基本知識がついた/LINEBotが作れるようになった🎉
@inoue2002 記事を⾒ながらコピペで実装(GAS)Google Apps Script • キーワード応答からリッチメニュー に • 画像のアップロードをGdriveに •
キーワードの応答はスプレッドシート →以前より運営もしやすく →ユーザーも少しは使いやすく
@inoue2002 ついに本物のBotなった!⾼2夏 • アイコンは同級⽣に書いてもらった • 登録者が結構増えた • G driveに権限を与えて運営を増やせる •
学校の先⽣から連絡を頼まれたり
@inoue2002 また⾊々問題点が.. GASは応答が若⼲もっさり
@inoue2002 AWSLambdaを⽤いたサーバレス構成を学習 ぶんせんせい本当にありがとう!!
@inoue2002 さらにLINEAPIドキュメントが読めるようになった&技術⼒が上がった • Flexメッセージ • Quick Reply • nodeJS ⾊々思い通りにできるようになってきた
できることが増えてUI・UXが爆上がり
@inoue2002
@inoue2002 Lambdaを使うようになってまた⾊々成果が 約⼀週間で900回応答とか
@inoue2002 コロナ休校のせいで仕事を奪われた
@inoue2002 泣きそう
@inoue2002 休校明け、ユーザーは帰ってきたけど、僕が忙しくなり運営が疎かに
@inoue2002 気がつけばそんな中登壇⼆週間前w このままじゃ登壇できない
@inoue2002 アップデート内容を考える lineBotは設計図を作 ると開発しやすい🔥
@inoue2002 ということで完成!⼤学版も作ってくかー
@inoue2002 • みんながアップロードできるから運営コスト0 • LIFFを使い倒してDB5つ、エンドポイント7つ • 同級⽣だけでなく、他学年、他校までも使えるように • 今後使ってもらいつつ⾼校⽣の情報共有の壁壊したい •
三年間の知⾒や経験がとっても活かせたものができた 最終形態のまとめ
@inoue2002 アーキテクチャ
@inoue2002 他にもいろいろ
@inoue2002 ⾼校の卒業記念に8,700枚の写真でモザイクアートに挑戦した話
@inoue2002 きっかけは懇親会(11/14) ようかんくん、⼀緒になんかやりません? わーい!ぜひぜひ! FBグループ作りますね!
@inoue2002 LINEDC ✖VoiceAppLab ✖ ようかん企画誕⽣🎂 ⾳声ユーザーインタフェース(VUI)の可能性を研究するクリエイター集 団。たくさんのスキルやアプリを開発されています。また、最近ではLINE 上で動くゲームを開発されています。
@inoue2002 ⽣徒会の⼦にも協⼒してもらい モザイクアートに挑戦する
@inoue2002 学校にも協⼒してもらい 校⻑先⽣の許可をもらいにいく 情報科の先⽣を仲間にする 学年団の先⽣と職員会議 学校の公式企画として開始
@inoue2002 投票は「Bot追加して画像をとにかく投げるだけ」
@inoue2002 学校の公式⽂章配布とともに募集開始 4⽇で⽬標の倍の数集まった
@inoue2002 上映会
@inoue2002 上映会
@inoue2002 上映会
@inoue2002 上映会
@inoue2002 上映会
@inoue2002 上映会
@inoue2002 ポストカードも作ってみた
@inoue2002
@inoue2002 技術構成 学校管理のサーバー 実はコード⾃体は2⾏
@inoue2002 みんなからものすごく褒めてもらえた🎉
@inoue2002 学校のHPで紹介された🙌(してもらった?)
@inoue2002 LINEBot開発したことないけどしてみたい⽅!
@inoue2002 LINENotify
@inoue2002 LINENotify ‒よく使われているケース- アクセストークンをコンソールで取得して、そこにPOST投げるだけ。 LINEBotと違って完全無料 開発者が設定をしないと⾶ばすことはできない
@inoue2002 LINENotify ‒あんまりみないケース- アクセストークンをコンソールで取得して、そこにPOST投げるだけ。 LINEBotと違って完全無料 開発者じゃなくても連携できるAPIが実はある 明⽇ぐらいにDEMOをリリースします!!
@inoue2002 LINE API Expertになるためにはどうするの? 記事 登壇 発信! ハッカソンとかも…?
@inoue2002 何が⾔いたかったかというと🎉 今後ともLAEとして活動していきますので、何卒よろしくお願いします! プログラミングの勉強になる LINEAPIに出会って⼈⽣変えられる
@inoue2002
@inoue2002 質問とか拾っていくこーなー
@inoue2002 アンケート回答お願いします!
@inoue2002