イベント情報→https://www.youtube.com/watch?v=TZF8fD3meTI
@inoue2002
View Slide
/ / 🎉# 2
About Me( )- B1- 2020- LINE API ExpertJAWSDAYS2021Civictech Challenge Cup U-22 2021 Code for japanSGG--(1.5km 10km)LINEAPI@inoue2002
Activities•• Web• LINE• /• /@inoue2002
••••••
••••••• etc..
SGGとは• 73• 2• Slack 3.2••• Flutter• LINEAPI•••••• CTF••
生息地
• ScrapBox••• GitHub•• Twitter••• Youtube••• Discord•• Qiita org•主な活動場所
※個人の感想小学生 中学生 高校生 大学生 大人イベントで見かける頻度中高生あんまりいないよね問題IoT/VR/RPA/LINE 各種界隈..小学生プログラミング教室
※個人の感想中高生の参加率をあげたい!!小学生 中学生 高校生 大学生 大人なんとかして中高生を盛り上げたいイベントで見かける頻度
「小学生向け」のプログラミング教室「エンジニア向け」の勉強会…「高校生向け」の？？中高生が集まるイベントがないからじゃね？なぜ中高生の参加が少ないの？
じゃあ作ればいいやん!!
数少ない中高生が集まって情報共有することで知識が増える・開発の相談可・モチベーション向上＋ ⼤⼈も巻き込んでいろいろ刺激をもらえたい!!＋ ⼤⼈の⽅にも楽しんでもらいたい!!
反響
SNS＠sggorg
チームとしての活動
SGGでさまざまな知見をお互い得ることができる• /•••• w•••
https://sugokunatitai.dev
＃すごくなりたいがくせいぐるーぷ
@sggorg
@inoue2002[LINEAPI]どれぐらい開発しているかというとサービス/ツールetc.. 50+
@inoue2002https://www.civichat.jp/
https://the-scratch.jp/@inoue2002
https://shiga-lg.jp/showcase/result@inoue2002
@inoue2002生徒会の子にも協力してもらいモザイクアートに挑戦する
@inoue2002学校にも協力してもらい校⻑先⽣の許可をもらいにいく情報科の先⽣を仲間にする学年団の先⽣と職員会議学校の公式企画として開始
@inoue2002投票は「Bot追加して画像をとにかく投げるだけ」
@inoue2002学校の公式文章配布とともに募集開始4日で目標の倍の数集まった
@inoue2002上映会
@inoue2002ポストカードも作ってみた
@inoue2002技術構成学校管理のサーバー実はコード⾃体は2⾏
@inoue2002みんなからものすごく褒めてもらえた🎉
@inoue2002学校のHPで紹介された🙌(してもらった?)
•••• 話••
普通科高校生の情報共有にある壁
どこでも誰もがやってそうな会話①
どこでも誰もがやってそうな会話②
僕は思った。これが全校で展開されてるんじゃないか。って。同じ情報が複数の場所でやりとりされるんじゃない？
それが頻繁に起こっている可能性⽉ ⽕ ⽔ ⽊ ⾦ ⼟ ⽇漢字テスト 英単語テスト 課題提出 英⽂法テスト 課題提出 週末課題⽉曜の漢字テストの範囲教えてー次のコミ英の提出物なんだっけ⾦曜⽇の課題の範囲くれー！
送る側負のサイクルの始まり始まり聞く側送るのめんどくさいいつ⾃分が聞く側になるかわからないから送るしかないk毎回毎回申し訳ない聞いてからの時差お互いのモチベが下がっていく可能性もある
なんか⼀括で共有できた⽅がよくね？⼤勢の前で発⾔するのは抵抗が多い⼈も結構いるグループLINEでいいやん→そこで..共有は⼀回だけでいい&みたい時に待ち時間無しで⾒れたらいい感じ✨
• ⾼校⽣みんなが導⼊しやすい• 広めやすい• 開発/運営しやすい• ⾼校⽣の普及率ほぼ100パーセントのLINE• QRコードやトークからアカウントをそのまま共有できる• LINEBotを使うことでみんなが慣れたチャットUIをベースに開発できるどこに作ろうか・・・
そうして出来上がった新しい情報共有ツール「ようかんBot」
実際に⼆年半同級⽣は使ってくれたの？３１０２５１割と⼝コミが広がってみんな使ってくれるようになった
三⽇前に⼤型アップデートを迎えたばかり！実際に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 2018LINEBotの魅⼒に刺激を受け、なんにもできない状態で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が爆上がり
Lambdaを使うようになってまた⾊々成果が約⼀週間で900回応答とか
コロナ休校のせいで仕事を奪われた
泣きそう
休校明け、ユーザーは帰ってきたけど、僕が忙しくなり運営が疎かに
気がつけばそんな中登壇⼆週間前wこのままじゃ登壇できない
アップデート内容を考えるlineBotは設計図を作ると開発しやすい🔥
ということで今週頭に開発、四⽇前リリース、週末登壇が実現しました🎉
• みんながアップロードできるから運営コスト０• LIFFを使い倒してDB５つ、エンドポイント７つ• 同級⽣だけでなく、他学年、他校までも使えるように• 今後使ってもらいつつ⾼校⽣の情報共有の壁壊したい• 三年間の知⾒や経験がとっても活かせたものができた最終形態のまとめ
アーキテクチャ
同時並⾏で⽣まれた副産物
同時並⾏で⽣まれた仕事学校内で技術を認めてもらえて、本当にありがたい
未踏ジュニアhttps://jr.mitou.org/ © 未踏社団 未踏ジュニア実行委員会
未踏ジュニア• CPUを自作してコンピュータが魔法でないことを証明したい!• 全く新しいエアガンを開発したい!• 勉強のモチベーションを維持するタスク管理アプリを作りたい!• VRで体を鍛えるゲームを作りたい!• Webアクセシビリティの問題を指摘する仕組みを作りたい!ほかにも色々!!https://jr.mitou.org/ © 未踏社団 未踏ジュニア実行委員会
未踏ジュニア「未踏エコシステム」「未踏」未踏IT人材発掘育成「未踏Advanced」未踏的IT企業家・事業家育成「未踏Target」次世代先端IT技術者育成「未踏ジュニア」U17未踏IT人材育成
••••• etc
inoue2002
konpay
takefumiyoshii
track3jyo
totokit4
hitokun
syumai
naokimrmt
manfredsteyer
pangmoo
heronshoes
nanya3737
philhawksworth
wjessup
lara
myddelton
aki_iinuma
stephaniewalter
hursman
malarkey
jennybc
morganepeng
cherdarchuk
jonyablonski