LINE BOT 作るハンズオンを支援するシステム作ってみた

LINE BOT 作るハンズオンを支援する システム作ってみた LINE DC 忘年大LT大会 ユニークビジョン株式会社 テックリード 山本 一将

自己紹介 kyamamoto9120 山本 一将 コメント・質問など 頂けると嬉しいです！ ハッシュタグ #LINEDC ユニークビジョン株式会社 テックリード 業務でRust書きつつ、チームの生産性を向上させる改善をします 実績：2015年 世界コンピュータ将棋選手権 9位 趣味：スポーツ観戦、将棋、キャンプ、リアル脱出ゲーム Copyright ©Unique Vision Company, All Rights Reserved. 2

会社概要 社員の50%以上がエンジニアの テクノロジー企業です。 早い開発スピード・高い開発力へ投資： エンジニア（フルタイム）中心の企業 社名 ユニークビジョン株式会社 SNSマーケティングツールの提供： 代表者 白圡 良之 SNSキャンペーン、SNSアカウントの統合管理（Belugaシリーズ） 設立 2008年1月15日 所在地 東京都渋谷区千駄ケ谷5-34-7 NX新宿ビル2階 従業員数 49名 事業内容 ソーシャルメディアを活用して企業のファンを 増やすマーケティング事業 SNSプラットフォームベンダーとの密な連携： 認定パートナーとしてキャンペーンメニューの共同開発 （Twitter社, LINE社）、迅速な情報共有 Copyright ©Unique Vision Company, All Rights Reserved. 3

きっかけ 文系学生に LINE BOT 作る ハンズオンする！ @UV_saito Copyright ©Unique Vision Company, All Rights Reserved. 4

LINE Bot 作るハンズオン、ハードル高い サーバー立てたり ngrok は 文系学生にはハードル高い… GAS だとちょっと 面白さが伝わりにくい… • サーバーを立ててデプロイする • ローカルで動かして ngrok などで公開する • GAS を使う Copyright ©Unique Vision Company, All Rights Reserved. 5

もっと簡単に ハンズオンをしたい！ Copyright ©Unique Vision Company, All Rights Reserved. 6

てことで、システム作ってみた その名も Codelight Canvas Code : コードを書く Delight : 喜びを体験する Canvas : キャンバス Copyright ©Unique Vision Company, All Rights Reserved. 7

コンセプト • ブラウザ上で API を作って公開できる • 学習用途の想定で、1ファイルのみの構成 • ライブラリは用意されたもののみ利用可能 • デプロイとかすぐに終わってストレスなく学べる！ Copyright ©Unique Vision Company, All Rights Reserved. 8

現時点での Codelight Canvas Copyright ©Unique Vision Company, All Rights Reserved. 9

「新規作成」ボタンをクリックして、 Copyright ©Unique Vision Company, All Rights Reserved. 10

名前を決めて「作成」ボタンをクリックすると… Copyright ©Unique Vision Company, All Rights Reserved. 11

15秒くらいでAPIが構築できます！ HTTPS の URL が 発行される！ Copyright ©Unique Vision Company, All Rights Reserved. 12

構築直後のソースコード Python & Flask で APIが書ける！ Copyright ©Unique Vision Company, All Rights Reserved. 13

当然、アクセスしたらレスポンス返ります！ Copyright ©Unique Vision Company, All Rights Reserved. 14

エコーボットのサンプルのコードをデプロイすると... Copyright ©Unique Vision Company, All Rights Reserved. 15

動きます！ Copyright ©Unique Vision Company, All Rights Reserved. 16

利用者の声 文系学生が楽しくプログラミングをやるのに 最適すぎますねー @UV_saito Copyright ©Unique Vision Company, All Rights Reserved. 17

技術的な話と今後の展望 Copyright ©Unique Vision Company, All Rights Reserved. 18

システム構成とこだわりポイント まずは動かしたい！ ローコードツールで 試しに実装してみる！ 自由度は高く！デプロイ時間は短く！ Copyright ©Unique Vision Company, All Rights Reserved. 19

今後の展望 • 今回は MVP の気持ちで実装 • いま、公開に向けてフロントエンド開発中 • 12/25 の LINE DC のアドカレでお披露目！ • Python / Flask 以外の構成も準備予定 Copyright ©Unique Vision Company, All Rights Reserved. 20

Codelight Canvasで コードを書く喜びを届けたい！ Copyright ©Unique Vision Company, All Rights Reserved. 21

乞うご期待 Copyright ©Unique Vision Company, All Rights Reserved. 22

ありがとうございました 懇親会でお話ししましょう Xのフォローお願いします 採用してます • 今日の発表について • ユニークビジョン • Rustについて • コードレビューの工夫 • 開発リーダーのお悩み • 東京ヤクルトスワローズ etc… Copyright ©Unique Vision Company, All Rights Reserved. 23