backend(mBaaS)。伊藤みなみのアプリ開発シリーズプログラミングを始めようとしている方、教える立場の方、プログラミング大好きな方......皆様のお役に立つ情報をご紹介するとともに、プログラミング初心者の筆者が3か月でアプリ開発をマスターする過程を綴るブログです。今回、このブログはMonacaのアドベントカレンダー記事に掲載されております。adventar.org様々なMonacaユーザーの方が記事を書かれているのでぜひご覧ください。一緒に勉強しませんか?はじめにこんにちは。backend企画担当の伊藤です。気が付いたらクリスマスが近づいて、もうすぐ2019年になりますね。皆さん今年はどんな年でしたか?私はプログラミングを始めたり、新しい世界でたくさん初めての経験ができた年でした!ということで今回はプログラミング力試しをしてみようと思います。backendを使用して掲示板アプリを開発します!図1:上記が完成したアプリです。SDKをMonacaに導入します。SDKとはアプリを開発するために必要なプログラムやコードの集まりで、APIで直接コーディングするより簡単に実装できます。MonacaにSDKを導入1Monacaにログイン後、プロジェクトを作成します。選択3コンポーネント画面が表示されたら、コンポート名に「ncmb」を入力して検索します。backendの頭文字です)4SDKに「ncmb」が表示されるので、「追加」をクリック5インストールして「components/ncmb/ncmb.min.js」にチェックを入れてから「保存する」をクリックこれでSDKの導入は完了です!想像よりも簡単に導入できました。コーディングしていきます。発行されますのでコピーしておいてください。APIキーから確認できますのでコピーしてください)コピーしたらMonacaプロジェクトに戻り、www/index.htmlの内か、.js内にアプリケーションキーとクライアントキーを下記のように設定します。backendのデータストアにTestClassが作成されてて、messageフィールドに「Hello!」という文字が格納されていたらOKです!ではアプリを作成していきましょう今回は、CSSやフロントエンドの部分はすでにコーディングしてある問題なので、バックエンド側(データの保存機能等)をコーディングします。backendの会員管理のデータを参照して決めますよね。そのために下記のメソッドをコーディングしてください。ncmb.signUpByAccount()これでOKです。既存ユーザーをログインさせるために登録してあるデータか否か、というのも会員管理のデータを参照する必要があります。password)上記のようにコーディングしてみてください。上記のように登録されていたらOKです。次に新規登録が成功したユーザーとログインに成功したユーザーをチャット画面に遷移させます。window.location.href="./index.html"上記は別の画面に遷移させるコーディングです。locationは省略が可能です。"./index.html"は戻り値と言って遷移させたいページを書きます。nullログアウトしたらログイン/新規登録画面に遷移させます。5参照権限の設定ACLと呼ばれる参照権限を設定します。});正直、最初は「参照権限」というワードが出てきた時点で拒否反応が出ました。backendのデータストアを確認してください。図5のように保存されていたらOKです。});上記の例は「降順、5件のみ取得、userフィールドに設定されたポインターの実態も含めて取得」してねというコーディングをしています。保存したメッセージデータを画面に表示させる為にはsetData(records)をお忘れなく★(私はいつも忘れますw)アプリ開発まとめここまで一気に進めていってしまいましたが理解できましたでしょうか?(不安)アプリ開発は、1回できると自信が持てると同時に、「画面をこだわってみよう」「画面増やそう」みたいなアレンジができて楽しいですよ!そして、だんだんと早く開発できるようになります。頭の中で、画面遷移と、「このボタンを押したら何をする」みたいな流れを頭の中で考えながら1つ1つ確実に実装していってください。テスト大事です!1つ機能を実装するたびにテストをしてください。(当たり前かもしれませんがw)3つくらい機能を実装してテストして動かないとどこで間違えたのか発見しづらくなります。あ、今回の場合ですとログアウトの実装後はテストは行わないでくださいね~。最初は、アプリ開発をしていて「これで合っているのか...?」という気持ちをずっと抱えながら開発を進めていました。最終的には、楽しすぎて機能を一気にコーディングして「はいできた!!動かそう!!」→動かないといった絶望を味わいました(笑)さらに、完璧に何も見ないで完成させたい!教本見たらもう一回作る!という決意を持って取り組んだので、2,3回掲示板アプリを作りました(笑)その結果、完璧に自力で掲示板アプリを開発でき、このブログも書きたいことがたくさんですぐ書き終わることができました(笑)一緒に勉強しませんか?毎月弊社富士通クラウドテクノロジーズの社内で「もくもく会」を行っております!「もくもく会」とは名前の通り、みんなで集まってもくもくと作業をする会です!もちろん質問をしたり発表をしたり親睦を深めたりもします。backend企画担当。2018年4月、富士通クラウドテクノロジーズに新卒で入社。backendが採用されましたエヴァンジェリストの一條です。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。