Slide 1
Slide 1 text
Dockerで作る
ServerlessなLIFFアプリの開発環境
ミニアプリ(LIFFアプリ) LT祭り！
@kyamamoto9120
1
Slide 2
Slide 2 text
名前：⼭本 ⼀将（@kyamamoto9120）
所属：ユニークビジョン株式会社
⾔語：C++, Rust, Python, Ruby
趣味：将棋、キャンプ、DIY、野球観戦
実績：2015年 世界コンピュータ将棋選⼿権９位
ミニアプリ(LIFFアプリ) LT祭り！
⾃⼰紹介
@kyamamoto9120
2
Slide 3
Slide 3 text
LINE Front-end Framework（LIFF）は、LINEが提供するウェブアプリのプラ
ットフォームです。このプラットフォームで動作するウェブアプリを、LIFFア
プリと呼びます。
LINE Front-end Frameworkの概要より引⽤
ミニアプリ(LIFFアプリ) LT祭り！
LIFFとは
@kyamamoto9120
3
Slide 4
Slide 4 text
LIFFを勉強して思ったこと
ミニアプリ(LIFFアプリ) LT祭り！
@kyamamoto9120
4
Slide 5
Slide 5 text
ミニアプリ(LIFFアプリ) LT祭り！
LIFFはアイデアが命
Photo by AbsolutVision on Unsplash
5
Slide 6
Slide 6 text
ミニアプリ(LIFFアプリ) LT祭り！
ビジネスサイドの⼈間とエンジニアの会話
@kyamamoto9120
6
Slide 7
Slide 7 text
素早くプロトタイプを作れる環境が欲しい！
ミニアプリ(LIFFアプリ) LT祭り！
@kyamamoto9120
7
Slide 8
Slide 8 text
デプロイせずに動作確認が出来る
開発環境の構築が環境に依らず容易
開発時は変更がオートリロードされる
運⽤はサーバレス！
ミニアプリ(LIFFアプリ) LT祭り！
理想（？）のLIFFアプリ開発環境
@kyamamoto9120
8
Slide 9
Slide 9 text
ミニアプリ(LIFFアプリ) LT祭り！
想定する運⽤環境
@kyamamoto9120
9
Slide 10
Slide 10 text
Github : liff-boilerplate
技術要素
frontend: Vue.js
backend:
Chalice (Python)
ミニアプリ(LIFFアプリ) LT祭り！
出来た構成がこちら
@kyamamoto9120
10
Slide 11
Slide 11 text
最低限、当初掲げた⽬標は達成した
開発時はfrontend, backendともにオートリロード
ngrok経由ですぐにLIFFアプリとして動作確認
dockerさえ動けばすぐに開発が始められる
今後対応したいこと
デプロイ⼿順を整える
boilerplateを名乗ったからには継続して改善する
ミニアプリ(LIFFアプリ) LT祭り！
現状と今後の展望
@kyamamoto9120
11