ミニアプリページ

最終更新日：2025年12月15日

ミニアプリページについて

ミニアプリページはLINEミニアプリ、またはLIFFアプリとして公開されるウェブアプリに独自のページを追加する機能です。

Posterを導入したLINE公式アカウントのトークルーム内にオリジナルコンテンツを公開する事ができます。

ミニアプリページは基本的なHTML構造のウェブ画面を作成する事が可能ですが、ご利用にはHTMLに関する基礎的な知識や、JSONに関する知識が必要です。

ミニアプリページの作成に関するサポートや制作代行をご希望の場合はサポートプランのお問い合わせフォームよりご連絡下さい。

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

ウェブページへのリンクの他に、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内にのみ追加可能
スタイル定義	style sheet	cssをJSON形式で記述。クラス名の指定が可能 `{ ".class-name":{ "text-align":"center", "margin":"5px 10px 5px 10px", }, ".class-name p":{ "font-size":"1.5em" } }`

DOM要素のstyle sheetで指定したクラスを使用することができます。

クラスは以下のDOM要素に設定可能です。

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

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

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

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