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要素 備考
ブロック 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内にのみ追加可能

class

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

div h p span
quote cite code button
img video table tr
th td ul ol
dl dd dt

style

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

key value
font-size 0.8em
color #ff0000
margin 0 auto

action

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

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

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

div h p span
quote cite button img
tr th td li
dd dt

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