BLOG

[LINE Messaging API]カルーセルテンプレート(新しい仕様)

2018/11/6


LINE Messaging APIはアップデートされていて、新しい仕様が出ています。よさそうなものをピックアップしていきます。

LINE Messaging API ドキュメント

https://developers.line.me/ja/reference/messaging-api/#carousel

改善ポイント

画像のアスペスト比

以下のいずれかの値を指定できます。
rectangle: 1.51:1
square: 1:1
rectangleからsquareに変更してみる。

画像表示形式

以下のいずれかの値を指定できます。
cover:画像領域全体に画像を表示します。画像領域に収まらない部分は切り詰められます。
contain:画像領域に画像全体を表示します。縦長の画像では左右に、横長の画像では上下に余白が表示されます。
coverからcontainに変更してみる。

画像、タイトル、テキストの領域のタップアクション

ボタンにしかリンクが設定できなかったが全体にもリンクを設定することができる。

カラム数

LINE Messaging APIの仕様変更で最大カラム数:5→10に変更になっています。

その他

上記対応にはLINE SDKのアップデートは必要かも
https://github.com/line

Tag:

SEARCH

BLOG