爆速開発 リッチメニュータブ切替 ノーコードかつ無料!! #リッチメニューエディタ

## ノーコードでのリッチメニュータブを切り替えたい

 リッチメニュー便利ですよね。
 [LINE Official Account Manager](https://manager.line.biz/)から設定できるアクションは限定的で、
 下記のようなタブ切替を実装する場合、コードを書く必要がありました。
<font color="Red">**ノーコードで簡単に、リッチメニュータブが切り替えられたら素敵じゃないですか？**</front>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/d08a3308-d3a9-733a-d3d8-cca4efe28327.png)

 自由にリッチメニューを切り替えられると
 こんなWEBサイト風リッチメニューも簡単にノーコードで作ることができます。

 https://twitter.com/okinakamasayos1/status/1585229785890193408

  ## 神ツール リッチメニューエディタ

 使ってみるツールはこちら

 https://richmenu.app.e-chan.cf/

 コードを書かずに、直感的にリッチメニューが切替られます。
 やってみましょう。

 (そもそものリッチメニュー作成も鬼簡単にできます つくりかたは[こちら](https://qiita.com/okinakamasayoshi/items/c342506bc216417fd30f))

 https://qiita.com/okinakamasayoshi/items/c342506bc216417fd30f

 ## 事前準備 リッチメニュー1つめ

 こちらの3つのリッチメニュー画像を準備します。
 ![d.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/2635e280-27e0-7909-37f5-8b7d2e84f162.png)
![h.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4dcb8d38-23e7-2b4d-cdb8-ec0fd92f5874.png)
![j.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/80ec15a3-95d5-5643-9e34-061260586ac7.png)

 まずはLINE Botのアクセストークンをコピー

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/361d315e-fda8-7c8c-ec6f-a037c1d64320.png)

 あとは画像の通り進めてください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4540162f-c28b-789c-5705-cf9ae56bbca5.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/0ad5cdf6-e6fc-4688-4089-d3c2b213d87c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/8241a4f2-23cb-39d6-dad8-1af585db636a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/df5c2dd2-353f-1043-659f-6ae90d0ff6a6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/195126d7-9956-e530-0e99-42858698a7ec.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/ff849a47-2074-e5b0-9d40-0f195e283262.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/a0320595-2341-b5bd-9d19-e3e9e5ef8ec6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/85d0b689-4c02-1291-b474-ee98870daed1.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/921428c5-ac68-c1d2-c4db-0dbaa1ea0e65.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/c62fd0cf-aca4-b278-d1ae-bc9ae620d981.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/1a52036f-360c-8887-baad-86166951178b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4f2373c9-84a8-1929-289e-efc5dbea8618.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/bb0915ca-da67-f22d-4422-2086fe4386fe.png)

 ## リッチメニュー2つめ3つめ

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/381200c3-ce67-723f-8ece-66883ccf43eb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/489e3d91-2881-deb2-bab1-a3639fecba81.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/dad6e091-a647-ac2e-0167-0dd1503bfb2b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/514dba5d-2fa2-e428-0b15-2420f7aa209b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/68f633a2-595c-b663-56c8-b4628870553a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4fa9af80-cffe-8d62-1c9d-f9bfde233b0c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4f54b06d-21a5-4bc3-a8af-d3d7222f80ef.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4cf46107-848e-e002-bfe5-3a24881d18eb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/3aedd775-e1ca-2e5f-ab7d-5a087fb07917.png)

 最後に3つめのリッチメニュー

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/1b72a1b8-b1c4-8ba7-ae38-b6071bcac017.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/76210417-e819-5251-960e-54acd9dd5e1c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/aee5627d-1506-8dea-79e5-292ce7b48578.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/2050cab7-0ad1-5e83-ba36-b5d34d536e5e.png)

これで完成です!!

https://twitter.com/okinakamasayos1/status/1585229785890193408

 **これがノーコードで出来るなんて素晴らしすぎて泣けます**
 開発してくれた [いーちゃん](https://twitter.com/e_chan1007) さんをぜひフォローしましょう!!

 ## 感じたこと

 **すごくなりたいがくせいぐるーぷ** はすごい ([いーちゃん](https://twitter.com/e_chan1007)さんもメンバーです)

 https://sugokunaritai.dev/

 https://www.youtube.com/channel/UChVaX0bWn3W-X53FxQoxLBw

 そもそものリッチメニュー作成も鬼簡単にできます つくりかたは[こちら!!](https://qiita.com/okinakamasayoshi/items/c342506bc216417fd30f)

https://qiita.com/okinakamasayoshi/items/c342506bc216417fd30f