LINEリッチメニューのタブ切り替え｜複数メニューの実装方法

LINEリッチメニューのタブ切り替えは、複数のメニューを用意し、タップに応じて表示するメニューを変える仕組みです。LINE公式アカウントManagerの標準画面だけで、タブ画像から別のリッチメニューへ切り替える設定はできません。Messaging APIで実装するか、対応する外部ツールを利用します。

タブらしい画像を描くことと、実際に切り替わる機能を用意することは別です。この記事では、実装方法の選び方、公式APIの仕組み、公開前の確認、依頼時の費用と保守の整理まで説明します。

1. タブ切り替え・期間変更・開閉は別の操作

「タブ」は、利用者が目的に合わせてメニューを選ぶ操作です。メニューバーの開閉は同じメニューを開く・閉じる動きで、別のカテゴリへ切り替わるわけではありません。表示期間による変更も、利用者がタブを選ぶ操作とは異なります。

テキストアクションで「メニューB」と送っても、それだけでリッチメニューBに変わることはありません。切り替えを行うAPI処理などが別途必要です。また、標準のリッチメニュー切替用ディープリンクを貼れば完了する、という手順にも依存しないでください。公式の実装方法を使います。

2. 本当にタブが必要か、入口を先に整理する

情報を全部載せたいだけなら、タブを増やす前に、予約や相談など最優先の行動を決めます。補足情報はWebページにまとめ、メニューからその一覧へつなぐ方法もあります。

タブが役立つのは、利用者が異なる目的で繰り返し使う場合です。例えば、店舗情報と予約、商品購入と会員情報など、分類が自然に分かれるときです。タブ数にはこの記事独自の一律上限を設けず、実際のスマートフォンで名称と操作が分かる数に絞ります。

この一覧は架空の設計例です。タブを増やすほど、画像、行先、確認する組合せ、更新の負担も増えます。1枚で必要な行動を済ませられるなら、その構成から始めて構いません。

3. 実装方法はAPI開発と外部ツールから選ぶ

外部ツールを比較する場合は、サービス名だけで判断せず、契約予定のプランでタブ切り替えができるか、既存の設定と併用できるかを提供元へ確認します。料金や機能は変更されるため、Lステップ・エルメ・Linyの比較記事と各公式案内を確認してください。

タブ切り替えだけのために外部ツールを追加する場合も、LINE公式アカウントの利用料、ツール料、設定代行、保守費を分けて比較すると総額を判断しやすくなります。導入前に、誰が月々の内容変更をするかを決めましょう。

実装方法と運用範囲を相談したい方へ

今のメニュー画像、載せたい入口、利用中の予約や顧客管理ツール、更新担当を整理していただくと、標準メニューで十分か、タブや追加連携が必要かを検討できます。Lキテへの相談では、API開発や外部ツール対応が必要な範囲を個別に確認します。すべての開発が基本プランに含まれるという意味ではありません。

4. 公式API方式：メニューとエイリアスを結び付ける

公式のタブ切り替えガイドでは、リッチメニューを識別するIDと、切替先を参照するエイリアスを使います。タブ領域にrichmenuswitchアクションを設定し、切替先のrichMenuAliasIdを指定します。LINE Developersの公式ガイド

公式例を参考に、A・Bの画像と領域を作成し、画像を各メニューへ登録します。互いの切替先を設定し、必要なエイリアスと初期表示を用意してから、実際の友だちで往復を確認します。公開中のアカウントで試す場合は、既存メニューと切戻し方法を先に保全してください。

richmenuswitchを使う標準的なタブ切り替えで、必ずWebhookサーバーが切替処理を毎回実行しなければならない、という説明は正確ではありません。独自の条件判断、処理、記録が必要な場合は別途サーバー処理を検討します。チャネルの認証情報は実装担当が安全に管理し、記事、画像、問い合わせ本文へ貼り付けないでください。

5. 画像は選択中のタブと戻り先を見せる

各メニューのタブ位置をそろえ、現在選ばれているタブに背景色などの違いを付けると、切り替わったことを把握しやすくなります。「戻る」が必要な構成なら、次のメニューから元へ戻れる領域も用意します。

ボタンを押したときの行先は、名前と一致させます。「予約」は予約先へ、「料金」は料金が分かるページへつなぎます。タブを切り替えた後にさらに何度も探す構成は、タブを増やす前に整理しましょう。画像のサイズは対応寸法の記事で確認できます。

• 各タブの名前は、利用者の目的に合わせる。
• 選択中のタブは、色だけでなく位置や下線などでも区別する。
• 戻りのタブと、予約・相談などの行先を確認する。
• 同じ場所に別の操作を重ねず、画像とタップ領域を一致させる。
• 実画面で文字とタブの押しやすさを確認する。

6. 切り替わらないときは、参照先と表示優先順位を確認

タブ操作後に利用者別メニューが表示される場合、デフォルトを変更しただけではその利用者の表示が変わらないことがあります。公開中のメニューや個別紐付けを一括削除せず、実装担当と影響範囲を確認して切戻してください。表示されない場合の確認手順

7. 費用と納品物は「動く範囲」で確認する

タブ画像だけの制作と、切替機能の実装、外部サービスへの連携は別の仕事です。一律の開発相場だけで判断せず、見積書で何が含まれるかを確認してください。

依頼時は「タブを3つ作る」だけでなく、誰がどのタブから何を行うかを伝えると、不要な実装を避けやすくなります。構築代行の依頼手順や費用の内訳も参考にしてください。

8. よくある質問

無料の標準管理画面だけでタブ切り替えできますか？

別のリッチメニューへ切り替えるタブは、Messaging APIでの実装または対応する外部ツールを検討します。標準管理画面のメニューバー開閉や表示期間の変更とは別です。

タブを付ければ予約や問い合わせは増えますか？

増えるとは保証できません。必要な入口を見つけやすくする手段の1つです。予約先の使いやすさや受付体制も確認し、タップと受付成立を分けて振り返ります。

外部ツールへ移るとき、既存メニューはどうしますか？

利用中の標準設定、API、外部ツールの管理範囲を確認し、既存画像と定義を保全してから移行します。誰が表示を管理するか、競合する設定をどう扱うかを決め、検証用の利用者で確認します。

出典・確認日

2026年10月7日確認。具体的な実装は、最新のAPI仕様と利用中のツールの契約条件に照合してください。図の画面は概念図で、実際の管理画面ではありません。

• LINE Developers：タブ切り替え
• LINE Developers：リッチメニューの設定
• LINE公式アカウントManager：リッチメニュー