【LINEミニアプリ】LIFF Deep Dive【LIFFプラグインリリース記念】

mochiko @mochikoAsTech

Create LIFF App、めちゃんこ便利！ ▶️ youtu.be/5BHIduzIis8 #LINEDC pic.twitter.com/BsFHskSHRL

拡大

sumihiro3 @ LAE @sumihiro3

create-liff-app Svelte 対応しているのが何気にツボってます #LINE_DC

LINE Developer Community(JP) @linedc_jp

#LINEDC 実際に同人用アプリの機能を実装してみたサンプル LIFF URL: liff.line.me/1657073332-2r9… GitHub: github.com/so99ynoodles/l…

Okamoto Takuya @takuya_lkt

本日の demo app の LIFF App と repository です LIFF URL: liff.line.me/1657073332-2r9… GitHub: github.com/so99ynoodles/l… #LINEDC

mochiko @mochikoAsTech

Create LIFF App、2022年4月末に出たばっかりなんですが、Next.jsでもNuxtでもReactでもVue.jsでもSvelteでも、好きなフレームワークを指定してLIFFアプリの開発環境を構築できるんですよ！ developers.line.biz/ja/news/2022/0… #LINEDC

sumihiro3 @ LAE @sumihiro3

SvelteKit もほしいのですが、対応していないのは、SvelteKit がまだベータ版だからですかね #LINE_DC

mochiko @mochikoAsTech

最初に出てきた「開発者Aさんが作りたいと思っている同人サークル用のLIFFアプリ」を作っちゃったんですか！LINEでこのQRコードを読み込むと、実際のLIFFアプリを使ったり試したりできる…すごい！ ▶️ youtu.be/5BHIduzIis8 #LINEDC pic.twitter.com/r7vevOGfaN

拡大

LINE Developer Community(JP) @linedc_jp

#LINEDC LIFF APIリファレンスはこちらから！　developers.line.biz/ja/reference/l…

LINE Developer Community(JP) @linedc_jp

#LINEDC 上野さんのセッションでは、いよいよLIFFアプリの単体テスト・デバッグに入っていきます pic.twitter.com/NGep00qWmU

拡大

mochiko @mochikoAsTech

LIFFアプリを作ったけど、テストってどうやればいいの？という話。 ▶️ youtu.be/5BHIduzIis8 #LINEDC pic.twitter.com/kWUbN54Qae

拡大

山下 徳光 / 株式会社グランドリーム @nori3tsu

liff.init から liff.login にフォールバックする実装、開発でもとても役立つ。 [マイ豆知識] liff.initのwithLoginOnExternalBrowserでも同様の機能が実現できるけど、LIFF URLにパスパラメータを渡している場合はliff.login+redirectUriオプション推奨。 #LINEDC

ひょうどう @hyodoblog

【DBの無い世界線でECアプリを作ってみた】 友だち登録から商品詳細 #LINEDC pic.twitter.com/BERk80hyqr

LINE Developer Community(JP) @linedc_jp

#LINEDC LIFFFに依存した関数のテストは難しい。確かに。。。 pic.twitter.com/AtxDmJFydp

拡大

LINE Developer Community(JP) @linedc_jp

#LINEDC そこでLIFF Mockが登場したので、単体テストがしやすくなる pic.twitter.com/Q5GjXdKY46

拡大

河本(Kawamoto)|Rebel1100T🏍 @kawamoto_LINER

流れるようにセッションがバトンタッチされてお話されています！ そして皆んな大好き、テスト・デバック機能のお話！ 上野さんから👏 #LINEDC #LIFF pic.twitter.com/ZxpIGcPVD2

拡大

拡大

拡大

sumihiro3 @ LAE @sumihiro3

LIFF Mock ありがたすぎます🙏 #LINE_DC

LINE Developer Community(JP) @linedc_jp

#LINEDC LIFF Mockプラグインはこちらから！ github.com/line/liff-mock

mochiko @mochikoAsTech

LIFFに依存した関数のテストは難しい…難しかった…今までは…でも2022年4月末に出たLIFF Mockを使えば！！ ▶️ youtu.be/5BHIduzIis8 #LINEDC pic.twitter.com/DBk2WTyFJm

拡大

チャラ電Mitz @CharaDenMitz

LIFFに依存した関数のテストは難しい 単体テストを不安定にさせる要素 ⇒ LIFF Mock おすすめ！ #LINEDC #LIFF pic.twitter.com/T42NEEa0iI

拡大

拡大

拡大

mochiko @mochikoAsTech

> LIFF Mockを使うと、LIFF SDKにモックモードを追加できます。モックモードでは、LIFFアプリがLIFFサーバーから独立し、LIFF APIがモックデータを返すため、単体テストや負荷テストをより簡単に行うことができます。 #LINEDC developers.line.biz/ja/news/2022/0…

河本(Kawamoto)|Rebel1100T🏍 @kawamoto_LINER

実際の開発画面見せていただくの分かりやすくて良いですね✨ LIFF Mock、LIFFアプリのテストが捗りますね😁 #LINEDC #LIFF #フロントエンド pic.twitter.com/6cliff0SEP

拡大

mochiko @mochikoAsTech

LIFF Mockを使って、APIの戻り値を自由に変更してテストをしている様子。 ▶️ youtu.be/5BHIduzIis8 LIFF Mockのドキュメント： developers.line.biz/ja/docs/liff/l… #LINEDC pic.twitter.com/m2vvS8Hu6n

拡大

田中みそ @miso_develop

LIFF Mock便利！ #linedc pic.twitter.com/Eg6c43Q7z3

拡大

拡大

LINE Developer Community(JP) @linedc_jp

#LINEDC LIFF InspectorでLIFFブラウザのデバッグが容易に！ github.com/line/liff-insp… pic.twitter.com/Np4R5vLSJL

拡大

ひょうどう @hyodoblog

【DBの無い世界線でECアプリを作ってみた】 単品商品購入手順 #LINEDC pic.twitter.com/V4joi8Bk95