Dockerで作るServerlessなLIFFアプリの開発環境

Transcript

1. Dockerで作る
   ServerlessなLIFFアプリの開発環境
   ミニアプリ(LIFFアプリ) LT祭り！
   @kyamamoto9120
   1
   

   View Slide

2. 名前：⼭本 ⼀将（@kyamamoto9120）
   所属：ユニークビジョン株式会社
   ⾔語：C++, Rust, Python, Ruby
   趣味：将棋、キャンプ、DIY、野球観戦
   実績：2015年 世界コンピュータ将棋選⼿権９位
   ミニアプリ(LIFFアプリ) LT祭り！
   ⾃⼰紹介
   @kyamamoto9120
   2
   

   View Slide

3. LINE Front-end Framework（LIFF）は、LINEが提供するウェブアプリのプラ
   ットフォームです。このプラットフォームで動作するウェブアプリを、LIFFア
   プリと呼びます。
   LINE Front-end Frameworkの概要より引⽤
   ミニアプリ(LIFFアプリ) LT祭り！
   LIFFとは
   @kyamamoto9120
   3
   

   View Slide

4. LIFFを勉強して思ったこと
   ミニアプリ(LIFFアプリ) LT祭り！
   @kyamamoto9120
   4
   

   View Slide

5. ミニアプリ(LIFFアプリ) LT祭り！
   LIFFはアイデアが命
   Photo by AbsolutVision on Unsplash
   5
   

   View Slide

6. ミニアプリ(LIFFアプリ) LT祭り！
   ビジネスサイドの⼈間とエンジニアの会話
   @kyamamoto9120
   6
   

   View Slide

7. 素早くプロトタイプを作れる環境が欲しい！
   ミニアプリ(LIFFアプリ) LT祭り！
   @kyamamoto9120
   7
   

   View Slide

8. デプロイせずに動作確認が出来る
   開発環境の構築が環境に依らず容易
   開発時は変更がオートリロードされる
   運⽤はサーバレス！
   ミニアプリ(LIFFアプリ) LT祭り！
   理想（？）のLIFFアプリ開発環境
   @kyamamoto9120
   8
   

   View Slide

9. ミニアプリ(LIFFアプリ) LT祭り！
   想定する運⽤環境
   @kyamamoto9120
   9
   

   View Slide

10. Github : liff-boilerplate
    技術要素
    frontend: Vue.js
    backend:
    Chalice (Python)
    ミニアプリ(LIFFアプリ) LT祭り！
    出来た構成がこちら
    @kyamamoto9120
    10
    

    View Slide

11. 最低限、当初掲げた⽬標は達成した
    開発時はfrontend, backendともにオートリロード
    ngrok経由ですぐにLIFFアプリとして動作確認
    dockerさえ動けばすぐに開発が始められる
    今後対応したいこと
    デプロイ⼿順を整える
    boilerplateを名乗ったからには継続して改善する
    ミニアプリ(LIFFアプリ) LT祭り！
    現状と今後の展望
    @kyamamoto9120
    11
    

    View Slide