こんにちは！テクニカルサポートを担当している岡です。LIFFアプリを開発するとき、アプリの初期設定やローカル開発環境の準備、デバッグなどに手間がかかることはありませんか？こうした作業を効率化するツールとして、LIFF CLIが用意されています。LIFF CLIを使うと、LIFFアプリの作成や管理、HTTPSを使ったローカル開発、LIFFブラウザ上でのデバッグなどをコマンドラインから行うことができます。前回のTips記事「LIFFアプリをローカルで開発するには？HTTPS対応の...

こんにちは！テクニカルサポートを担当している岡です。LIFFアプリを開発するとき、ローカル環境での動作確認に困ったことはありませんか？一般的なWebアプリケーションの開発では、ローカル開発サーバーを起動し、http://localhost:3000などのURLにアクセスして動作を確認します。一方、LIFFアプリでは、LINE Developersコンソールに登録するエンドポイントURLはHTTPS形式でないといけません。この記事では、ローカル開発サーバーを利用しながら、HTT...

こんにちは！LINE Developersサイトのドキュメントを担当している、テクニカルライターの岡島です。liff.requestFriendship()メソッドを使うと、LIFFアプリやLINEミニアプリ上で、LINE公式アカウントの友だち追加を促すことができます。このliff.requestFriendship()メソッドがLIFF v2.30.0でパワーアップし、templateプロパティを指定できるようになりました。このプロパティを使うと、あらかじめ用意されたテンプ...

LINEログインを組み込んだりLINEミニアプリを開発したりする過程で、エンドユーザーのユーザーIDや表示名などのプロフィール情報を取得できることにお気づきの方も多いでしょう。取得したプロフィール情報を自社サービスのサーバーへ送れば、そのままログインや会員連携に活用できそうに見えるかもしれません。しかし、セキュリティの観点から、クライアントはユーザーIDなどのプロフィール情報を、ユーザー認証の根拠としてそのままサーバー側に送信すべきではありません。この記事では、サーバーでユー...

こんにちは！テクニカルサポートを担当している岡です。今回のTipsでは、LIFFの実行環境についてご紹介します。LIFFアプリを開発していて、「手元のPCのブラウザでは動くのに、LINEアプリ上で開くと挙動が違う」と戸惑ったことはありませんか？あるいは逆に、「LINEアプリ上では動くのに、外部ブラウザで開くとボタンが押せない」といった報告を受けたこともあるかもしれません。LIFFアプリは複数の実行環境で動作するため、環境ごとの違いを理解しておくことが、安定したLIFFアプリ開...

今回のTipsでは、地味ながら便利なプロパティliff.readyと、その使い方の注意点を紹介します。liff.init()の完了をどこで待つかLIFFアプリでは、liff.getProfile()メソッドをはじめ多くのメソッドが、liff.init()メソッドの完了後にしか呼べません。アプリの規模が小さいうちはliff.init().then(...)の中にすべての処理を書けば済みますが、処理がモジュールやファイルに分かれてくると、イベントハンドラやユーティリティ関数の側で...

LIFF URLには、クエリパラメータを追加できることを知っていますか？今回のTipsでは、LIFF URLに追加したパラメータの便利な使い方と、それを読み取るときのコツを紹介します。LIFF URLには追加情報を付与できるLIFF URLには、パスやクエリパラメータ、URLフラグメントといった追加情報を付与できます。https://liff.line.me/{liffId}/?store=shibuyahttps://liff.line.me/{liffId}/summer...

こんにちは！LIFF SDKの開発を担当しているodanです。今回のTipsでは、LIFF SDKのプラガブルSDKに実装しているちょっとした型の工夫について紹介します。プラガブルSDKとは通常のLIFF SDKはimport liff from "@line/liff"の形でimportします。このときのliffオブジェクトにはliff.requestFriendshipメソッドやliff.permissionオブジェクトなどが含まれています。これらのメソッドやオブジェクト...