Posterミニアプリ(β)

公開日：2023年5月22日

Posterミニアプリについて

Posterミニアプリは、LINE Developersから提供されるLIFFアプリをPoster上で作成、デプロイする機能で、Posterと連携したLINE公式アカウントのトーク画面に表示するウェブページを作成する事が出来ます。

Posterミニアプリは基本的なHTMLで構成されるウェブページで、テキスト、画像、動画を使用したページを作成する事が出来ます。
ページを構成する各要素にはstyleとbootstrap3.3.6で提供されるclassを使用した自由度の高いデザイン、レイアウトを作成する事が出来ます。

現在Posterミニアプリはβテスト版での提供となっており、予告なく仕様変更や提供の中断、中止が行われる可能性がありますので予めご了承下さい。

β版ではテキスト、画像、動画、ハイパーリンクで構成されるウェブページの作成機能のみの提供となりますが、製品版に向けてLIFF-SDKが提供する各種機能への対応を進めて参ります。

Posterミニアプリで設定可能なハイパーリンクは通常のHTMLのanchorタグではなく、各要素に設定可能な独自のプロパティ(action)で設定します。

ウェブページへのリンクの他に、Poster内で作成した以下のページへのリンク、トークルームへのキーワード発言アクションを設定可能です。

Posterミニアプリでは以下の要素が使用出来ます。

種別	DOM要素	内包可能なDOM要素	備考
ブロック	div	div,h,p,span,quote,cite, code,br,hr,img,video, table,ul,ol,dl
見出し	h	なし
段落	p	span,br,code
テキスト	span	なし
引用	quote	p,span,br
引用	cite	なし
コード	code	なし
ボタン	button	なし
改行	br	なし
水平線	hr	なし
画像	img	なし
動画	video	なし
表	table	thead,tbody
行	tr	th,td	theadまたはtbody内にのみ追加可能
セル	th	p,span,br	tr内にのみ追加可能
セル	td	p,span,br	tr内にのみ追加可能
リスト	ul	li
	ol	li
	li	p,span,br,div,ul,ol	ulまたはol内にのみ追加可能
定義リスト	dl	dd,dt
	dd	div,h,p,span,quote,cite, code,button,br,hr,img, video,table,ul,ol,dl	dl内にのみ追加可能
	dt	div,h,p,span,quote,cite, code,button,br,hr,img, video,table,ul,ol,dl	dl内にのみ追加可能

bootstrap3.3.6で提供されるclassを使用出来ます。
classは以下のDOM要素に設定可能です。

styleは以下のようなkey-value形式で各要素に設定可能です。
※ 設定可能な要素はclassと同じです

特定の要素をタップした際の動作を定義する独自のプロパティです。
β版ではウェブサイトへのリンク、Poster内の各種ページへのリンクを設定可能です。

actionプロパティではリンクの他にトークルームへのキーワード発言アクションを設定する事が出来ます。
※キーワード発言機能を使用する場合は、Posterに連携したLIFFのScopeで chat_message.write を有効にする必要があります。

actionプロパティは以下のDOM要素に設定可能です。