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

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

C5e26822fb2aa64410b50eac63ef7d84?s=47 Kazumasa Yamamoto
July 27, 2020
Technology
2
550

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

C5e26822fb2aa64410b50eac63ef7d84?s=128

Kazumasa Yamamoto

July 27, 2020
Tweet

More Decks by Kazumasa Yamamoto

See All by Kazumasa Yamamoto
ストラクチャードコミュニケーション
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
45
Cloudflare PagesにVue.jsアプリをデプロイしてみた
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
160
Rustでディープラーニング
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
190
Rustで定数式を扱う
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
170
LINE BotとLIFFを使って謎解きアプリを作った話
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
410
Vue.js + TypeScriptで作るLIFF v2アプリ
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
250

Other Decks in Technology

See All in Technology
DOM Invader - prototype pollution対応の衝撃 - / DOM Invader - prototype pollution
2c4ef0f20c4f05ca30e6c9917f0c17b6?s=48 okuken
0
170
拡散確率モデルと音声波形生成
B8224b243a146b8fd9a2e783fe3eb371?s=48 yumakoizumi
0
490
What's Data Lake ? Azure Data Lake best practice
0d7a3b61c5c1f64a50136cf4bb5702b7?s=48 ryomaru0825
2
760
Inside out - abusing archive file formats
261a01e1b07b7387b0d675322199fb58?s=48 ange
3
580
Google Cloud Updates 2022/05/16-05/31
609308e6510e41133d30460eef1ccd36?s=48 no24oka
2
110
データ分析基盤のはじめかた
69a81d6d4d66a348e72f7a28b265fdbe?s=48 chanyou0311
0
130
Modern Android dependency injection
A9f24621ff57d380b4e85799edd4a984?s=48 hugovisser
1
140
History of the ML system in KARTE
290d6f09d5a1df2c2ecb6601011fe5c1?s=48 kargo113
1
670
The application of formal methods in Kafka reliability engineering
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
1
210
俺の Laravel がこんなに速いわけがない！ / My Laravel Too Fast
F04982ad61107b5408ad139966596316?s=48 hanhan1978
0
120
モブに早く慣れたい人のためのガイド / A Guide to Getting Started Quickly with Mob Programming
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
2
1.9k
XRとシビックテック
9e4ea8b3f81c2acc322cc6ed0db32be9?s=48 satoshirobatofujimoto
0
110

Featured

See All Featured
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.9k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
5
510
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Easily Structure & Communicate Ideas using Wireframe
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
15k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
61k
Building an army of robots
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
299
40k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
Designing Dashboards & Data Visualisations in Web Apps
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
49k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
3.9k

Transcript

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

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

    ミニアプリ(LIFFアプリ) LT祭り！ ⾃⼰紹介 @kyamamoto9120 2

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

    LIFFとは @kyamamoto9120 3

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

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

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

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

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

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

  10. Github : liff-boilerplate 技術要素 frontend: Vue.js backend: Chalice (Python) ミニアプリ(LIFFアプリ)

    LT祭り！ 出来た構成がこちら @kyamamoto9120 10

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

    現状と今後の展望 @kyamamoto9120 11