LIFFの最新情報を紹介 （2024年10月）

2024年のLINE Front-end Framework (LIFF) 最新情報を凝縮してまとめたスライドです。
【主な内容】
・SDK & ロードマップ: v2.24.0への更新や新メソッド liff.getAppLanguage() の紹介、ダークモード対応を含む最新ロードマップを網羅
・LIFF CLIの活用: アプリの登録・更新・削除・一覧表示を、ターミナルから一括で行う効率的な管理手法を解説
・開発・デバッグ: serve コマンドによるローカルhttps起動の注意点や、LIFF Inspectorと連携したデバッグ方法を紹介

しばらくLIFFから離れていた方から現役の開発者まで、今年のアップデートを短時間でキャッチアップできる内容になっています。

※2024/10/25に開催されたLT会の登壇資料となります。
イベントページ：https://linedevelopercommunity.connpass.com/event/331447/
動画：https://www.youtube.com/watch?v=w-d8IX0j-68

Transcript

1. LIFFの最新情報を紹介 今年のトピックをまるっとおさらい
2. course_k 北海道札幌市出身、仙台市在住 ITエンジニア歴が丸8年くらい エンジニアの前は塾講師(3年ほど) ちょっと前までLIFFとかやってた が、ここ1年くらいほとんど触って ない TypeScript/Node.js(Express)/ Reactを書いている
3. 最近の主なトピック
4. 2024年に入ってからのトピック1 ・LIFFのバージョン 　v2.23.1→v2.23.2→v2.24.0 v2.24.0 liff.getAppLanguage()メソッドの追加 →LINEアプリの言語設定を正しく取得できるように
5. 2024年に入ってからのトピック2 ・ロードマップの公開 →サブウィンドウ機能、ダークモード対応、 　ブラウザ最小化（Android） 　※いずれも対応時期未定
6. 2024年に入ってからのトピック3 LIFF CLI のリリー ス
7. LIFF CLIを詳しくみる
8. LIFF CLIにできること ・LIFFアプリの登録、更新、削除、一覧の表示 ・ローカルでのhttps起動 ・LIFF Inspectorと連携したLIFFアプリのデバッグ
9. 従来のLIFFアプリの登録
10. 従来のLIFFアプリの登録
11. LIFFアプリの登録（事前準備） ・チャネルはあらかじめ作成しておく必要がある ・チャネルID、チャネルシークレットを控えておく
12. channel add LIFF CLIで使用するチャネルを設定 LIFFアプリの登録（事前準備） 実行すると、チャネルシークレットIDの入力を求められる
13. channel use デフォルトで使用するチャネルを指定 LIFFアプリの登録（事前準備）
14. LIFFアプリの登録 app create アプリ名、エンドポイントURL、アプリのサイズ を指定できる
15. LIFFアプリの更新 app update アプリ名、エンドポイントURL、アプリのサイズ を変更可能
16. LIFFアプリの削除 app delete LIFF IDを指定して削除
17. LIFFアプリの一覧表示 app list 指定したチャネルIDに紐づくLIFF ID、アプリ名の一覧を表示
18. ローカルでのhttps起動 serve URLを指定する方法と、host/portを指定する方法の2つがある
19. ローカルでのhttps起動 注意点 ・指定できるLIFF IDはデフォルトチャネルに紐づくものであること ・mkcertなどを使用してSSL証明書と秘密鍵を作成しておくこと ・serveコマンドは上記のファイルのある場所で実行すること ・公開済のLIFFアプリで実行しないこと →LIFFアプリのエンドポイントURLが書き換えられるため
20. LIFF Inspectorとの連携 --inspectオプションを付ける LIFF Inspectorと連携してデバッグモードで起動 →LIFF Inspectorの設定が必要
21. ネタ元（拙記事） 最速でLIFF CLIを試す LIFF CLIのserveコマンドを 最速で徹底解説する