Posterミニアプリ(β)

Posterミニアプリについて

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

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

βテスト版について

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

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

ハイパーリンク

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

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

  • プロフィール登録画面
  • 会員証
  • クーポン
  • アンケート
  • スタンプラリー
  • 発券機
  • 決済ページ
  • etc.

使用可能な要素

DOM要素

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

種別DOM要素内包可能なDOM要素備考
ブロックdivdiv,h,p,span,quote,cite,
code,br,hr,img,video,
table,ul,ol,dl
見出しhなし
段落pspan,br,code
テキストspanなし
引用quotep,span,br
citeなし
コードcodeなし
ボタンbuttonなし
改行brなし
水平線hrなし
画像imgなし
動画videoなし
tablethead,tbody
trth,tdtheadまたはtbody内にのみ追加可能
セルthp,span,brtr内にのみ追加可能
tdp,span,brtr内にのみ追加可能
リストulli
olli
lip,span,br,div,ul,olulまたはol内にのみ追加可能
定義リストdldd,dt
dddiv,h,p,span,quote,cite,
code,button,br,hr,img,
video,table,ul,ol,dl
dl内にのみ追加可能
dtdiv,h,p,span,quote,cite,
code,button,br,hr,img,
video,table,ul,ol,dl
dl内にのみ追加可能

class

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

divhpspan
quotecitecodebutton
imgvideotabletr
thtdulol
dldddt

style

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

keyvalue
font-size0.8em
color#ff0000
margin0 auto

action

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

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

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

divhpspan
quotecitebuttonimg
trthtdli
dddt

※ LINE 及び LINE公式アカウント はLINE株式会社の商標または登録商標です。PosterはLINE株式会社が提供する LINE Messaging API を利用しています。