Upgrade to Pro — share decks privately, control downloads, hide ads and more …

LINEAPIにどっぷりつかった2020.pdf

 LINEAPIにどっぷりつかった2020.pdf

3cfad86677c5966ecfe9b81955fa3489?s=128

ようかん(YosukeInoue

December 26, 2020
Tweet

More Decks by ようかん(YosukeInoue

Other Decks in Programming

Transcript

  1. どっぷりLINEAPIに使った2020 ようかん(@inoue2002) ようかん @SGG忘年会2020 LT スライド108枚あります スライド後で共有します

  2. ⾼校にもたらしたLINEAPIの可能性 ようかん(@inoue2002) 普通科 @LINEDC忘年会2020 LT スライドは23枚あります おそらく早⼝になります スライド後で共有します

  3. #LINEDC

  4. ⾃⼰紹介 ようかん(井上陽介) - ⾼校⽣エンジニア LDGKオンラインハッカソンLINE賞受賞 オンラインレッドハッカソン2020奨励賞受賞 未踏ジュニア2020修了 LPF REV UP2020

    登壇 ⼤学を決めた ヒーローズリーグLINE賞受賞 - 今年やったこと - 得意なこと ⻑距離を⾛ること(1.5km ‒ 10km) LINEAPIをいじること イベントを主催したり登壇したりすること 学校の同級⽣や後輩を巻き込んでいろいろやる 絵:同級⽣の⽥中君作
  5. 2020年を少し振り返り… ハンズオン講師 1回(LINEBot) イベント参加 62回 イベント登壇 26回(LINEAPI関連24回) ▼ 開発に参加したサービス

  6. LINE BOOT AWARDS 2018 ▷ LINEAPIに出会う ▷ プログラミングを始める

  7. ▷ ⾼校の同級⽣や後輩にLINEAPIを使ったツールを作ってみた

  8. ▷ 1つめ

  9. LINEで部活動相談サービス(2020/4) 背景 思ったこと LINEAPIを活⽤して、なんとか解決できないかと考えた。リリースまでに与えられた期間はわずか2⽇ ⾃分も部活選び悩んだので、新⼊⽣にもじっくり選択して欲しい。

  10. ▷ モック&チラシ

  11. 新⼊⽣ LINEBot オープンチャット キャプテン・部員 ▷ 全24部活中21部活が参加 / 最終190名が利⽤してくれた キャプテン・部員 キャプテン・部員

  12. ▷ 利⽤中の様⼦

  13. 利⽤者アンケート 1⼈でもありがとう!って⾔ってくれる⼈がいてくれたならやって良かったと思えた 「沢⼭部員が⼊ってきてくれた!」「無事部活動決めることができました!」 ▷ サービスを終えて ▼活動報告書

  14. ▷ 2つめ

  15. LINEで同級⽣と情報共有ツール 背景 思ったこと 毎回毎回聞いたり送ったりするのめんどくさいし、⼀括でできるツールがあればいいなと。 同じようなやりとりが全校で⾏われているんじゃないか。 セッションアーカイブ ▶

  16. 教える⼈ LINEBot ▷ 同級⽣の80%以上が利⽤してくれている・最近は他学年+他校まで展開 画像をupload user user user 画像を⾒る/保存

  17. ▷ 画像を共有する(教える側) LIFFが開く 画像の種類を選択 画像を選択する 画像の種類を選択

  18. ▷ 画像を確認する(聞く側) LIFFが開く 画像を保存 トークに残る

  19. ▷ 時間割を確認する(聞く側) ボタンを押す 秒で返してくれる

  20. ⾃分の⾼校に向けてサービスを2つ展開 → ⾼校⽣ × LINEAPI の可能性を感じた ⾊んな意味で

  21. ▷ ⾼校⽣にLINEAPIを展開して ・たくさんの感謝(機会)(反響)を得た ・⾊んな学びを得た ・⾼校⽣の⽣活にはまだまだLINEAPIで変えられる部分があるということ 便利になった / 助かった > 利⽤者の声

    滋賀県で再⽣回数Topに!! ▶ 学校からオーキャン動画の制作依頼 コミュニティに出会った プロジェクトを進める過程 / お仕事 etc.. 部活動の県⼤会をYoutubeLive
  22. ▷ ⾼校⽣にLINEAPIをアプローチする⼈を増やしたい ⾼校⽣にツールを展開するときに考えること(個⼈の感想) ・⼤⼈と学⽣との間にギャップがある ex ) ⾼校⽣は割とアプリケーションのインストール嫌がらない メインで使うSNSはInstagram 少し前に書いたnote ▷

    ・⼝コミで⼀気に広がる ex ) インスタのストーリーの影響⼒とかめっちゃすごい ⾼校⽣の⼼を動かすのは結構難しい! 学⽣の気持ちは学⽣にしかわからない! のかもしれない..
  23. まとめ!! 1⼈の普通科⾼校⽣がLINEAPIに出会っただけなのにこれだけいろいろなことができたのは 『⾃分にしかできないことにこだわってきた』から。 来年になっても、⼤学⽣になってもこのキーワードを⼤事にしていこうと思います。 LINEAPI神!!!

  24. ⾼校にもたらしたLINEAPIの可能性 普通科 @LINEDC忘年会2020 LT ようかん(@inoue2002)

  25. None
  26. None
  27. ⾼校の同級⽣250⼈に使われるLINEBot を開発/運営して⾒えてきたもの ようかん(@inoue2002) 普通科

  28. ⾃⼰紹介

  29. ようかん(井上陽介) ⾃⼰紹介 • 滋賀の普通科⾼校3年⽣(現在進⾏形) • 陸上競技部キャプテン(過去形) • LDGKオンラインハッカソン LINE賞受賞 •

    レッドハッカソン2020 奨励賞受賞 • 「⾼校⽣主催のIT勉強会」を主催(#⾼校⽣ミーティング) • 今までに40くらいLINEBotをリリースしてる • LINEDCによくいる⾼校⽣エンジニア • ポートフォリオ( youkan.me ) • Twitter(@inoue2002 ) → • LINE Green Badge貰った
  30. #LPF_REVUP_O

  31. @inoue2002

  32. 今⽇の発表の要約とまとめ! • ⾼校三年間開発/運営したサービスの総まとめ発表 • LINEAPIを使った⾼校⽣の事例紹介 • LINEAPIを使った開発の参考になる部分があると嬉しい! • ⾼校⽣らしく⾃由に喋ります! REVUP最後の登壇セッションとなります。

    みなさんお疲れだと思いますのでぜひリラックスして聞いていただけると嬉しいです とか⾔いつつもコミュニティカンファレンス!いつもの感じでゆるーくやっていきます! ←この30分僕が喋ること
  33. 本編スタート▶

  34. 普通科⾼校⽣の 情報共有にある壁

  35. どこでも誰もがやってそうな会話①

  36. どこでも誰もがやってそうな会話②

  37. 僕は思った。これが全校で展開されてるんじゃないか。って。 同じ情報が複数の場所で やりとりされるんじゃない?

  38. それが頻繁に起こっている可能性 ⽉ ⽕ ⽔ ⽊ ⾦ ⼟ ⽇ 漢字テスト 英単語テスト

    課題提出 英⽂法テスト 課題提出 週末課題 ⽉曜の漢字テストの範囲教えてー 次のコミ英の提出物なんだっけ ⾦曜⽇の課題の範囲くれー!
  39. 送る側 負のサイクルの始まり始まり 聞く側 送るのめんどくさい いつ⾃分が聞く側に なるかわからないか ら送るしかない k 毎回毎回申し訳ない 聞いてからの時差

    お互いのモチベが下がっていく可能性もある
  40. なんか⼀括で共有できた⽅がよくね? ⼤勢の前で発⾔するのは抵抗が多い⼈も結構いる グループLINEでいいやん→ そこで.. 共有は⼀回だけでいい&みたい時に待ち時間無しで⾒れたらいい感じ✨

  41. • ⾼校⽣みんなが導⼊しやすい • 広めやすい • 開発/運営しやすい • ⾼校⽣の普及率ほぼ100パーセントのLINE • QRコードやトークからアカウントをそのまま共有できる

    • LINEBotを使うことでみんなが慣れたチャットUIをベースに開発できる どこに作ろうか・・・
  42. そうして出来上がった 新しい情報共有ツール「ようかんBot」

  43. 実際に⼆年半同級⽣は使ってくれたの? 310 251 割と⼝コミが広がってみんな使ってくれるようになった

  44. 三⽇前に⼤型アップデートを迎えたばかり! 実際にLIVEDEMOしていきましょう!↑

  45. DEMO①クラス設定をする DEMO⾼校 ⼀年⼀組で登録する

  46. DEMO②画像を共有する(教える側)

  47. DEMO②画像を共有する(教える側) アップロードするLIFFが開く ↓ 画像の種類を選択する ↓ 画像を選択してアップロードする

  48. DEMO②画像を共有する(教える側)(動画が⾒れなかった時⽤) LIFFが開く 画像の種類を選択 画像を選択する 画像の種類を選択

  49. DEMO③画像を確認する(聞く側)

  50. DEMO③画像を確認する(聞く側) 共有された画像を⾒るLIFFが開く ↓ 知りたい画像を選択 ↓ 保存ボタンを押してトークに保存

  51. DEMO③画像を確認する(聞く側)(動画が⾒れなかった時⽤) LIFFが開く 画像を保存 トークに残る

  52. DEMO④画像を確認する(聞く側)

  53. DEMO④画像を確認する(聞く側) 「時間割を確認」を押す ↓ 秒で時間割を送ってくれる

  54. DEMO④画像を確認する(聞く側)(動画が⾒れなかった時⽤) ボタンを押す 秒で返してくれる

  55. DEMO⑤拡散

  56. DEMO⑤拡散 ボタンを押す ↓ QRとかURLとか⾊々送ってくれる

  57. DEMO⑤拡散 スクリーンショット LINEで送信 URLをコピペで共有

  58. DEMO⑥お問い合わせ 特にお問い合わせアカウントなど を設けず、頭に#をつけるだけでお 問い合わせできる お問い合わせグループにNotifyでお問い合わせがくる

  59. DEMO⑥お問い合わせ(まとめ)

  60. この⼤型アップデートはほぼ完成形? • この形になるまでに⼆年かかった • プログラミング未経験から運営を始めた • 最初は全て⼿動で更新していた • なかなか使ってもらえなかった •

    運営コストやみんなに使ってもらうための課題が⼭盛り どんなふうに進化していったのか振り返っていきます
  61. LINE BOOT AWARDS 2018 LINEBotの魅⼒に刺激を受け、なんにもできない状態でLINE@を触ってみた

  62. LINE@のみで動く第⼀号 ⾃分で準備して、LINEオフィシャルアカウントマネージャーで更新

  63. ⼀年⽣の間に100⼈を超え、来年もやることにした ⾼校⽣への宣伝は 基本インスタ 友達からの⼝コミ 陸上部→各クラス→いろんなグループに⼝コミで広がる

  64. 時間を重ねるごとに登録者が増えるが、だんだん限界に近く • いろんな⼿を使って宣伝 • あだなが「ようかんBot」になったりする (ほぼ⼿動やし完全Botではなかった • なかなか200に到達しない →ユーザーの声を聞いて満⾜度や期待をあげたい

  65. 初めてユーザーの声に⽿を傾けてみた

  66. ⾊々課題がわかってきた

  67. きっとこれなんだよなぁ(Webhookってなんやねん)

  68. とりあえず教えてもらう • ネットで調べまくった • ハンズオンに参加した

  69. 基本知識がついた/LINEBotが作れるようになった

  70. 記事を⾒ながらコピペで実装(GAS)Google Apps Script • キーワード応答からリッチメニュー に • 画像のアップロードをGdriveに • キーワードの応答はスプレッドシート

    →以前より運営もしやすく →ユーザーも少しは使いやすく
  71. ついに本物のBotなった!⾼2夏 • アイコンは同級⽣に書いてもらった • 登録者が結構増えた • G driveに権限を与えて運営を増やせる • 学校の先⽣から連絡を頼まれたり

  72. また⾊々問題点が.. GASは応答が若⼲もっさり

  73. AWSLambdaを⽤いたサーバレス構成を学習 ぶんせんせい本当にありがとう!!

  74. さらにLINEAPIドキュメントが読めるようになった&技術⼒が上がった • Flexメッセージ • Quick Reply • nodeJS ⾊々思い通りにできるようになってきた できることが増えてUI・UXが爆上がり

  75. None
  76. Lambdaを使うようになってまた⾊々成果が 約⼀週間で900回応答とか

  77. コロナ休校のせいで仕事を奪われた

  78. 泣きそう

  79. 休校明け、ユーザーは帰ってきたけど、僕が忙しくなり運営が疎かに

  80. 気がつけばそんな中登壇⼆週間前w このままじゃ登壇できない

  81. ということで今週頭に開発、四⽇前リリース、週末登壇が実現しました

  82. • みんながアップロードできるから運営コスト0 • LIFFを使い倒してDB5つ、エンドポイント7つ • 同級⽣だけでなく、他学年、他校までも使えるように • 今後使ってもらいつつ⾼校⽣の情報共有の壁壊したい • 三年間の知⾒や経験がとっても活かせたものができた

    最終形態のまとめ
  83. 同時並⾏で⽣まれた副産物

  84. 同時並⾏で⽣まれた仕事 学校内で技術を認めてもらえて、本当にありがたい

  85. 同時並⾏で⽣まれた仕事

  86. 同時並⾏で⽣まれた経験

  87. ご質問/感想などをお待ちしています! slido #lpf_revup_o

  88. ⾼校の同級⽣250⼈に使われるLINEBot を開発/運営して⾒えてきたもの ようかん(@inoue2002) 普通科

  89. 時間があればスライド

  90. LINEPAYガチャガチャを 作ってみた話 v2 @ LIFFアプリ LT祭り 2020/10/20 ようかん(@inoue2002)

  91. みなさん、ガチャガチャを⾃作したくなることありますよね!

  92. - 先⽇段ボールでガチャガチャを作った

  93. 結構いいね付く 決済

  94. 加川さんの影響を受けました ちなみに・・・

  95. None
  96. Botデザインしてみた⚒

  97. 試作品 最新版

  98. %&.0

  99. None
  100. 最新版 デザインはまだですw

  101. 最新版_裏側

  102. LINEPAYAPIを初めて使った • ドキュメントはわかりやすいが、仕組みがむずかった • 近頃ソースコードと記事(qiitaかZenn)書くのでお楽しみに https://qiita.com/inoue2002 /items/49a2e36c6f3008737b ab

  103. ΞʔΩςΫνϟ LINEBot/PayConfirm デバッグ

  104. まとめ • 時間が空いたらデザインを含めて改造していきたい! • LIFFをもっと凝っていきたい! • LINEAPIをもっとマスターしたい!

  105. LINEPAYガチャガチャを 作ってみた話 v2 @ LIFFアプリ LT祭り 2020/10/20 ようかん(@inoue2002)