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

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

Flex Messageでは、CSS Flexible Box（CSS Flexbox）の仕様に基づいて、非常に自由度が高く高度なメッセージを作成することができます。Flex Messageでは、従来のメッセージタイプでは表現が難しかったメッセージを、画像に頼ることなく送信できます。この記事では、現在Flex Messageで送信可能なメッセージの例をいくつか紹介します。縦棒グラフを再現した例Flex MessageのBOXコンポーネント自体に対して、backgroundCo...