teratail
回答率
85.37%
teratail 10th-anniversary
teratail 10th-anniversary
質問するログイン新規登録
トップLINE Messaging APIに関する質問LINEのタブ付きリッチメニューにGASで選択ボタンを設置したい

編集履歴

回答編集履歴

5

領域座標の修正

2023/11/30 12:45

投稿

退会済みユーザー
test CHANGED
@@ -43,15 +43,15 @@
43
43
  "action": bot.aMessage({"text": "タブAの選択３がタップされました"})
44
44
  }),
45
45
  bot.area({
46
- "x": 0, "y": 1019, "width": 833, "height": 668,
46
+ "x": 0, "y": 1018, "width": 833, "height": 668,
47
47
  "action": bot.aMessage({"text": "タブAの選択４がタップされました"})
48
48
  }),
49
49
  bot.area({
50
- "x": 834, "y": 1019, "width": 833, "height": 668,
50
+ "x": 833, "y": 1018, "width": 833, "height": 668,
51
51
  "action": bot.aMessage({"text": "タブAの選択５がタップされました"})
52
52
  }),
53
53
  bot.area({
54
- "x": 1668, "y": 1019, "width": 833, "height": 668,
54
+ "x": 1666, "y": 1018, "width": 833, "height": 668,
55
55
  "action": bot.aMessage({"text": "タブAの選択６がタップされました"})
56
56
  }),
57
57
  ]
@@ -83,23 +83,23 @@
83
83
  "action": bot.aMessage({"text": "タブBの選択１がタップされました"})
84
84
  }),
85
85
  bot.area({
86
- "x": 834, "y": 350, "width": 833, "height": 668,
86
+ "x": 833, "y": 350, "width": 833, "height": 668,
87
87
  "action": bot.aMessage({"text": "タブBの選択２がタップされました"})
88
88
  }),
89
89
  bot.area({
90
- "x": 1668, "y": 350, "width": 833, "height": 668,
90
+ "x": 1666, "y": 350, "width": 833, "height": 668,
91
91
  "action": bot.aMessage({"text": "タブBの選択３がタップされました"})
92
92
  }),
93
93
  bot.area({
94
- "x": 0, "y": 1019, "width": 833, "height": 668,
94
+ "x": 0, "y": 1018, "width": 833, "height": 668,
95
95
  "action": bot.aMessage({"text": "タブBの選択４がタップされました"})
96
96
  }),
97
97
  bot.area({
98
- "x": 834, "y": 1019, "width": 833, "height": 668,
98
+ "x": 833, "y": 1018, "width": 833, "height": 668,
99
99
  "action": bot.aMessage({"text": "タブBの選択５がタップされました"})
100
100
  }),
101
101
  bot.area({
102
- "x": 1668, "y": 1019, "width": 833, "height": 668,
102
+ "x": 1666, "y": 1018, "width": 833, "height": 668,
103
103
  "action": bot.aMessage({"text": "タブBの選択６がタップされました"})
104
104
  }),
105
105
  ]
@@ -131,23 +131,23 @@
131
131
  "action": bot.aMessage({"text": "タブCの選択１がタップされました"})
132
132
  }),
133
133
  bot.area({
134
- "x": 834, "y": 350, "width": 833, "height": 668,
134
+ "x": 833, "y": 350, "width": 833, "height": 668,
135
135
  "action": bot.aMessage({"text": "タブCの選択２がタップされました"})
136
136
  }),
137
137
  bot.area({
138
- "x": 1668, "y": 350, "width": 833, "height": 668,
138
+ "x": 1666, "y": 350, "width": 833, "height": 668,
139
139
  "action": bot.aMessage({"text": "タブCの選択３がタップされました"})
140
140
  }),
141
141
  bot.area({
142
- "x": 0, "y": 1019, "width": 833, "height": 668,
142
+ "x": 0, "y": 1018, "width": 833, "height": 668,
143
143
  "action": bot.aMessage({"text": "タブCの選択４がタップされました"})
144
144
  }),
145
145
  bot.area({
146
- "x": 834, "y": 1019, "width": 833, "height": 668,
146
+ "x": 833, "y": 1018, "width": 833, "height": 668,
147
147
  "action": bot.aMessage({"text": "タブCの選択５がタップされました"})
148
148
  }),
149
149
  bot.area({
150
- "x": 1668, "y": 1019, "width": 833, "height": 668,
150
+ "x": 1666, "y": 1018, "width": 833, "height": 668,
151
151
  "action": bot.aMessage({"text": "タブCの選択６がタップされました"})
152
152
  }),
153
153
  ]

4

a

2023/11/30 12:39

投稿

退会済みユーザー
test CHANGED
@@ -1,5 +1,5 @@
1
1
  タップ領域は、タブの切り替え用領域と同様に、areas 配列に追加すればよいです。
2
- 元のコードでは、すべてのタブについて単一のリッチメニューが設定されているため、タブごとに切り替えができていませんでした。（この点を前の回答で見落としておりすみませんでした）
2
+ 元のコードでは、すべてのタブについて単一のリッチメニューが設定されているため、タブごとに切り替えができていませんでした。（前の回答でこの点を見落としておりすみません）
3
3
  下記のように、異なるリッチメニュー構造を３つ作って設定することで、タブごとに異なるアクションをさせることが可能です。
4
4
  ```
5
5
 

3

a

2023/11/30 12:39

投稿

退会済みユーザー
test CHANGED
@@ -1,5 +1,5 @@
1
1
  タップ領域は、タブの切り替え用領域と同様に、areas 配列に追加すればよいです。
2
- 元のコードでは、すべてのタブについて単一のリッチメニューが設定されているため、タブごとに切り替えができていませんでした。
2
+ 元のコードでは、すべてのタブについて単一のリッチメニューが設定されているため、タブごとに切り替えができていませんでした。（この点を前の回答で見落としておりすみませんでした）
3
3
  下記のように、異なるリッチメニュー構造を３つ作って設定することで、タブごとに異なるアクションをさせることが可能です。
4
4
  ```
5
5
 

2

修正

2023/11/30 12:04

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,6 @@
1
1
  タップ領域は、タブの切り替え用領域と同様に、areas 配列に追加すればよいです。
2
2
  元のコードでは、すべてのタブについて単一のリッチメニューが設定されているため、タブごとに切り替えができていませんでした。
3
- 下記のように、異なるリッチメニュー構造を作って設定することで、タブごとに異なるアクションをさせることが可能です。
3
+ 下記のように、異なるリッチメニュー構造を３つ作って設定することで、タブごとに異なるアクションをさせることが可能です。
4
4
  ```
5
5
 
6
6
  const bot = new LineBotSdk.client("**チャンネルトークン**");

1

修正

2023/11/30 12:02

投稿

退会済みユーザー
test CHANGED
@@ -157,11 +157,11 @@
157
157
  const richmenu_id_a = createRichMenu_(richmenu_a);
158
158
  uploadRichmenuImage_("メニューAの画像ファイルID", richmenu_id_a);
159
159
 
160
- // リッチメニューAを作成し、画像をアップロード
160
+ // リッチメニューBを作成し、画像をアップロード
161
161
  const richmenu_id_b = createRichMenu_(richmenu_b);
162
162
  uploadRichmenuImage_("メニューBの画像ファイルID", richmenu_id_b);
163
163
 
164
- // リッチメニューAを作成し、画像をアップロード
164
+ // リッチメニューCを作成し、画像をアップロード
165
165
  const richmenu_id_c = createRichMenu_(richmenu_c);
166
166
  uploadRichmenuImage_("メニューCの画像ファイルID", richmenu_id_c);
167
167