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

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

Avatar for tokku5552 tokku5552
January 24, 2023

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

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

Avatar for tokku5552

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