アプリ中津川篤司Monacaを使って何かアプリを作ってみたいと思っても、いざとなるとアイディアが出てこないかも知れません。最初から大きなアプリを作ろうと思うと、何から手を付けて良いのか分からないことでしょう。そこで、この記事では手順を踏んで簡単なアプリを開発してみます。最初の一歩として、ぜひチャレンジしてみてください。backend)と組み合わせて、目安箱アプリを開発してみます。記事は全部で2回に分けており、前半になるこの記事ではアプリの概要と、匿名認証を終えるところまで解説します。利用している技術、ライブラリこのアプリで利用している技術やライブラリは次の通りです。要望を投稿する画面です。この画面が最初に表示されます。この画面ではログインしているかどうかを確認します。目安箱は匿名の方が入力しやすいので、匿名認証を利用します。今回の目安箱アプリはユーザー側から会員登録する機能を作らないため、基本的に未ログイン状態となり、ログインしていなかった場合に匿名認証が実行されることになります。投稿された要望を閲覧する画面です。通常ユーザは、自分の投稿した要望だけを一覧できます。管理者グループのユーザは、他のユーザの投稿も見られます。自分の投稿であれば、タップして編集画面に遷移します。編集画面は、入力画面と同じ画面を再利用して開発します。要望データは本人と管理者ユーザだけが閲覧できます。要望の編集が行えるのは本人のみです。backendにユーザ登録、またはログインしてアプリを作成します。その結果として、次の2つのキーが取得できます。アプリケーションキークライアントキーライブラリのインストールでは、ここから開発を行っていきます。UIのテンプレートを利用しています。外部フレームワーク(VueやReactなど)は用いず、素のJavaScriptのものを選択しています。外部ライブラリとして、ncmbを追加します。JavaScriptライブラリなので、JS/CSSの追加と削除から行ってください。チェックするのを忘れないで下さい。backendを初期化します。上記で紹介したアプリケーションキーとクライアントキーを適用してください。