Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Messaging APIのメッセージオブジェクトを検証できるChrome拡張機能を作った話

tokku5552
January 24, 2023

Messaging APIのメッセージオブジェクトを検証できるChrome拡張機能を作った話

Messaging APIのメッセージオブジェクトを検証できるChrome拡張機能を作った話

tokku5552

January 24, 2023
Tweet

More Decks by tokku5552

Other Decks in Technology

Transcript

  1. はじめに • このスライドの元ネタ ◦ Reactでサクッとchromeの拡張機能を作る ◦ 【LINE API】Messaging APIのメッセージオブジェクトを検証する APIを試してみた

    ◦ Next.jsでLINE Messaging APIのバリデーターを作って Chrome拡張で使う • 対象リポジトリ ◦ https://github.com/milogos/validate-line-message-chrome-extension 3
  2. Chrome拡張の作り方 • Google Chromeで使える拡張機能 は自分で開発できる • SPAで作れればなんでもOK (React/Vue/Angular/Flutter Web) •

    今回はNext.jsで • ホスティングは不要だが、クライアン トコードは全て公開となる(ブラウザ の保存領域) • ストアへのアップロードはGoogle Developperへの登録が必要です。 ($5くらいかかります) 5
  3. API検証部分 • MessagingAPI検証用エンドポイント に送る関数 • Messaging APIリファレンス | LINE Developers

    • 【LINE API】Messaging APIのメッ セージオブジェクトを検証するAPIを 試してみた - Qiita 7