Tips for Developers

Flex Messageは、画像に頼らず、自由度の高いレイアウトを作成できるメッセージです。一方で、見た目を作り込むことに集中すると、届いたメッセージをユーザーが実際にどう利用するかについての配慮が後回しになりがちです。この記事では、Flex Messageを実装するときに忘れがちな設定と、実運用の前に確認しておきたいポイントを紹介します。altTextを具体的に設定するFlex Messageでは、メッセージオブジェクトにaltTextを設定する必要があります。altTex...

Flex Messageは、画像に頼らず、自由度の高いレイアウトを作成できるメッセージです。一方で、端末の画面幅、OS、LINEアプリのバージョン、言語設定、フォントなどによって、同じJSONでもテキストの改行位置や表示範囲が異なる場合があります。パート1では、現在Flex Messageで送信可能なメッセージの例をいくつか紹介しました。この記事では、端末による表示の違いを踏まえてFlex Messageのレイアウトを作るときのポイントを紹介します。maxLinesは表示文字...

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(...)の中にすべての処理を書けば済みますが、処理がモジュールやファイルに分かれてくると、イベントハンドラやユーティリティ関数の側で...

Messaging APIを利用しているLINE公式アカウントにおいて、Messaging APIを利用する別のツールを追加で導入する場合があります。たとえば、メッセージを送信する導入済みのツールに加えて、リッチメニューを管理するツールを導入する場合などです。1つのLINE公式アカウントで、複数のツールを併用する構成は可能です。ただし、LINE公式アカウントに紐づけられるMessaging APIチャネルは1つのみのため、チャネル単位で適用される設定や制限を考慮する必要があり...

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

こんにちは。LINE Developersサイトのドキュメントを担当している、テクニカルライターの堀越です。新しい店舗やサービスのLINE公式アカウントを準備するとき、正式なリリース日まではそのLINE公式アカウントがうっかり人目に触れないよう非公開にしておきたい、と思ったとします。LINE公式アカウントをリリース日まで非公開にしておく、ということは可能なのでしょうか？LINE公式アカウントには「非公開」と「公開」のような状態はない残念ながらLINE公式アカウントには「非公開...