Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
17
Help us understand the problem. What is going on with this article?
@stachibana

Rich Menu APIをブラウザから使えるWebサービス

More than 3 years have passed since last update.

util.png

前置き

先日、LINE Messaging APIのRich Menu APIの使い方をご紹介しました。

LINE BotのRich Menu APIの使い方まとめ

本題

作成したり削除したり紐付けたりはcurlで出来るので分かりやすいのですが、やや面倒だったので、ブラウザで直感的に作成できるWebサービスを作成してみました。

Rich Menu API Util

util.png

開くとこんな感じ。

util.png

結構複雑な設定が可能なのもRich Menu APIのウリの一つだと思うのですが、ドローソフトとか入ってないと座標調べるだけで嫌になります。というわけでドラッグでエリアの定義が可能にしてあります。

ドラッグするとエリアが作られてActionのタイプや値を入力できるフィールドが有効に。全部入力してexecuteすればAPI叩いてリッチメニューが作られ、IDが返却。あら簡単。これがメイン機能。

あとは普通に削除したり、紐付けしたり、リスト一覧を表示したり。

スクリーンショット 2017-11-01 19.22.20.png

あとはリクエストとレスポンスが表示されるのもちょっと便利ですかね。一覧だして違うAPI叩いて比較とかも出来ます。

使ってみた

beef_ss.png

見るだけで作成したくなくなるようなこんな面倒くさいデザインのリッチメニューもサクサク作れました!

まとめ

Rich Menu API使うと最高にいいUIになりそうなボットがたくさんあるので、是非検討してみて下さい。

17
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
linedc_jp
LINE社外の有志メンバーを中心に国内で活動しているコミュニティ。LINEの技術好きな方とのネットワーク作り、LINE Platformの勉強会を通じ、参加者同士の情報交換を行い日々の開発運用に役立てることを目指します。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
17
Help us understand the problem. What is going on with this article?