昨日は、@KMimさんの朝イチで知りたいことをLINEで教えてくれるプログラム(Python)でした。Message」「LIFF」の違いや、それぞれの機能がどんな場面で活用できそうかを解説します。Webアプリを組み込めるリッチメニュー:ユーザ起点のアクションにリッチメニューとは、LINEトーク画面の下にある画像メニューです。ユーザがアクションを起こすスタート地点に最適です。変更・送り状発行などの呼び出し元に使われています。最大で6つまでのアクションを埋め込めるため、主要な操作はリッチメニューに入れておくと便利です。リッチメニューで出来ること任意の画像をメニューとして表示するタップされたらアクションを実行するタップ時にテキストを投稿させるタップ時にURLを内蔵ブラウザで開く期間指定でメニュー内容を切り替えるメリットサイズが大きいためユーザが気づきやすいキャンペーン期間限定のお知らせ表示などが容易デメリットトーク画面内での占有率が高いリッチメニューは、トーク画面を開いた際にデフォルト表示させることが可能です。ユーザに何らかの操作を促す場合は、デフォルト表示ONが良いかと思います。Messageとは、レイアウトの自由度が高いメッセージです。公式アカウントから届く見た目がきれいなメッセージは大体これです。Flexboxに近い仕組みで実装されており、コンテナの中に自由なレイアウトでコンテンツを入れ込むことができます。Messageを上手く活用することで可読性が向上します。Messageにはボタンを埋め込むことができ、内蔵ブラウザでURLを開く・Webhook経由でサーバに文字列を送信するなどのアクションが登録可能です。Webhookとしてリクエストを受け取れるため、サーバ側のイベント実装がシンプルになります。汎用性が高い分、シンプルなメッセージでもやや面倒な実装が必要です。上手く活用すると多少楽になります。LIFF:LINEに組み込めるWebアプリLIFFとは、自作のWebアプリをLINEに組み込める機能です。IDを連動させることもできます。ユーザの同意があればWebアプリ側からLINEのユーザIDを取得できるため、自前の会員サービスと紐付けることで、個別のプッシュ通知や問い合わせ対応などが実現できます。ヤマト運輸の例では、クロネコメンバーズとの連携時に出てくる画面がLIFFです。IDを把握できるため、LIFFブラウザ内でクロネコメンバーズにログインするだけで紐付けが完了します。会員登録時の入力フォームとして使う副業で携わった案件では会員登録フォームとしてLIFFを活用しました。既存のWebフレームワークが使えるため、Webアプリ側としてはフォームをただ1つ作っただけです。テキストで「名前は?」「都道府県は?」「性別は?」と何往復するよりも早く、ドロップダウンや日付指定UIも使えて、送信前のバリデーションも載せられる便利さがあります。BotのUIまとめLINEには、構造化データを取り扱える仕組みが多数用意されています。テキストでのやりとりを最小化し、リッチメニュー・FlexMessage・LIFFをなるべく活用しましょう。実装は面倒ですが、ユーザも開発者も幸せになれます。22日目の記事でした。明日は、@masaki925さんが担当されます。はてなブログProインフラエンジニアですが、アプリやセキュリティにも手を出しています。適した条件を考えてみた。行ってきた当ブログについてプライバシーポリシーおよび免責事項お問い合わせフォームスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。