backend(mBaaS)。Tipsプッシュ通知は従来のマーケティング手法で言えばメールマーケティングに相当します。一度配信してしまうと、後から取り消すのが難しい拡散方法ということです。そのため企業によっては一旦承認フローを経てからプッシュ通知を送りたいという要望も聞かれます。そこで独自のプッシュ通知管理画面を作成して、承認フローを経るようにしてみたいと思います。今回から複数回に分けて、作成していく過程をステップを踏んで説明していきますので、自社のフローに合わせてカスタマイズしてみてください。利用するアーキテクチャについて今回は以下の技術を組み合わせて実装していきます。SDKVue2Vue2は最近流行のバーチャルDOMを実装したビューフレームワークになります。素のHTMLを使って記述するのでReactなどに比べると学習の敷居が低く、使いやすいと思います。Vue2のコンポーネントについてVue2ではコンポーネントという概念によって、UI部品の再利用性を高めたり、機能の独立性を高めてメンテナンス性を向上させられます。いうファイルで、HTML/JavaScript/CSSがまとめて管理されます。次のような内容になります。HTML、がJavaScript部分になります。後はでスタイルシートの内容を記述できます。header-menu/header-status/header-loginというのは独自に定義したタグで、内容はまた別なvueファイルになります。やってHTMLをテンプレート化するのと一緒に処理(JavaScript)部分も切り出しておけます。コンポーネントは親子関係になりますので、親から子へはデータを渡せて、子から親はイベントを実行して(親はイベントを購読して)データの送受信を実現します。いうファイルは一般的なJavaScriptではありませんので、vueifyというライブラリを使ってJavaScriptファイルに変換します。処理としては次のように実行します。assets/build.js今回はES2015を使いつつBabelでES5にしています。