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

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

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

Kazumasa Yamamoto

July 27, 2020
Tweet

More Decks by Kazumasa Yamamoto

Other Decks in Technology

Transcript

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

    View Slide

  2. 名前:⼭本 ⼀将(@kyamamoto9120)
    所属:ユニークビジョン株式会社
    ⾔語:C++, Rust, Python, Ruby
    趣味:将棋、キャンプ、DIY、野球観戦
    実績:2015年 世界コンピュータ将棋選⼿権9位
    ミニアプリ(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