概要

GE Rich Menu Editorは、LINEリッチメニューのJSON設定を視覚的に作成・編集できるWebベースのツールです。画像をアップロードし、タップ領域を設定することで、LINE公式アカウントで使用するリッチメニューの設定を簡単に作成できます。

ツール

ge_richmenu_editor_v1.html

動作環境

画面構成

エリア 説明
左サイドバー メニュー一覧の管理（作成・複製・削除）
中央エリア 画像表示とタップ領域の編集キャンバス
右サイドバー メニュー設定・領域設定の詳細編集
下部パネル JSON出力・プレビュー・バリデーション

基本的な使い方

1. 新規メニューの作成

  1. 左サイドバーの「+ 新規メニュー作成」ボタンをクリック
  2. 新しいメニューが作成され、自動的に選択されます

2. 画像の読み込み

以下のいずれかの方法で画像を読み込みます：

方法 手順
ドラッグ＆ドロップ 画像ファイルを中央エリアにドラッグ
ファイル選択 「画像読込」ボタンをクリックしてファイルを選択
URL読込 「URL読込」ボタンをクリックして画像URLを入力