アプリ中津川篤司Monacaを使って何かアプリを作ってみたいと思っても、いざとなるとアイデアが出てこないかもしれません。最初から大きなアプリを作ろうと思うと、何から手を付けて良いのか分からないことでしょう。backend)と組み合わせて、簡単な「掲示板アプリ」を開発してみます。記事は全部で2回に分けており、前半になるこの記事ではアプリの概要と、認証を終えるところまで解説します。以前解説した「目安箱アプリ」と合わせ、ぜひチャレンジしてみてください。利用している技術、ライブラリこのアプリで利用している技術やライブラリは次の通りです。UIの最小限のテンプレートを選択しています。仕様このアプリの画面は次の通りです。掲示板のスレッドが一覧表示される画面です。この画面が最初に表示されます。アイコンをタップすると新しくスレッドを立てるための入力ダイアログが表示されます。ここでは以下の情報を入力します。画像(オプション)スレッド詳細画面スレッド一覧画面をタップするとスレッド詳細画面が表されます。ここではスレッドの内容と、そのスレッドに対するコメントが一覧表示されます。コメント入力ダイアログ画面下にあるアイコンをタップするとコメントを入力するダイアログが表示されます。ここでは以下の情報を入力します。画像(オプション)データの権限スレッド、コメントともに誰でも閲覧可能です。作成者は削除可能です。adminグループに所属しているユーザーも削除可能です。ユーザーデータの権限ユーザーデータは自分のみ閲覧可能です。backendにユーザー登録、またはログインしてアプリを作成します。その結果として、次の2つのキーが取得できます。アプリケーションキークライアントキーライブラリのインストールではここから開発していきます。UIのテンプレートを利用しています。外部フレームワーク(VueやReactなど)は用いず、素のJavaScriptのものを選択しています。外部ライブラリとして、ncmbを追加します。JavaScriptライブラリですので、JS/CSSコンポーネントの追加と削除から行ってください。読み込むファイルとしてncmb.min.jsをチェックするのを忘れないでください。backendを初期化します。上記で紹介したアプリケーションキーとクライアントキーを適用してください。