Nuxt.jsで作るLINEボット

2018年12月12日に開催された「【東京】LINE Bot & Clova CEK開発者2018大忘年会」で発表したスライドです。
https://line.connpass.com/event/109192/

Transcript

1. Copyright ©2018 Grandream Inc. All Rights Reserved. Nuxt.jsで作るLINEボット 【東京】LINE Bot & Clova CEK開発者2018大忘年会 @nori3tsu
2. - 2 - Copyright ©2018 Grandream Inc. All Rights Reserved. 自己紹介 興味: 仮想通貨, チャットボット, VUI, PWA 技術: AWS, Heroku, JavaScript, Ruby 好き: 開発, 蒸留酒(Koval) 山下 徳光 @nori3tsu 目黒駅西口で 株式会社グランドリーム という会社をしています。
3. - 3 - Copyright ©2018 Grandream Inc. All Rights Reserved. Nuxt.jsで作るLINEボット 1, Nuxt.js 2, なぜNuxt.jsでLINEボット？ 3, 詳細・実装の説明
4. Copyright ©2018 Grandream Inc. All Rights Reserved. - 4 - 1, Nuxt.js
5. - 5 - Copyright ©2018 Grandream Inc. All Rights Reserved. • Vue.jsアプリを作成するためのフレームワーク • すぐに開発を始められる機能がそろっている ◦ シングルページアプリケーション(SPA) ◦ サーバーサイドレンダリング(SSR) ◦ ルーティング(Vue-Router) ◦ AltJS, AltCSSのトランスパイレーション ◦ HTTPサーバー(Node, Express, Koa, Hapi 等) ▪ 静的ファイルの配信, SSR 1, Nuxt.js
6. Copyright ©2018 Grandream Inc. All Rights Reserved. - 6 - 2, なぜNuxt.jsでLINEボット？
7. - 7 - Copyright ©2018 Grandream Inc. All Rights Reserved. 1. Nuxt.jsですぐにLINEボット開発をはじめられる ◦ Nuxt.jsの様々な開発支援機能 ◦ HTTPサーバー(Node.js) x Messaging API ◦ SPA(Vue.js) x LIFF 2. Messaging APIでメッセージングキューが不要 ◦ Node.jsのイベントループ・非同期IO ◦ ※CPU負荷が高い処理の場合はワーカーも検討 3. SPAでLIFFを高速化できる ◦ SPAだとLIFF SDKの初期化が一度だけでよい 2, なぜNuxt.jsでLINEボット？
8. Copyright ©2018 Grandream Inc. All Rights Reserved. - 8 - 3, 詳細・実装の説明
9. - 9 - Copyright ©2018 Grandream Inc. All Rights Reserved. 3, 詳細・実装の説明 • テーマを決めて、12月1日から12月25日のクリスマスま で毎日技術記事を投稿するイベント。 • 毎年様々なテーマのカレンダーでたくさんの記事が投 稿される。 • 年に1度のお祭りのような企画。
10. - 10 - Copyright ©2018 Grandream Inc. All Rights Reserved. 3, 詳細・実装の説明
11. Copyright ©2018 Grandream Inc. All Rights Reserved. - 11 - ご清聴 ありがとうございました