実装・検証勉強会開催レポート:アプリ制作プロジェクト、いよいよ実装作業へ!

by  更新

monacaが映ったPC&スマホ

「2016年働く女子・ママのお役立ちアプリを作ろう!プロジェクト~アプリ開発者になろう~」ではアプリ制作希望者を募り、アプリの設計・実装に向けて勉強会を開催しています(協力:Google Women Willプロジェクト)。これまで行ったハイブリッドアプリ制作ツール「Monaca」勉強会アイデアソン仕様・設計・工程管理勉強会に続き、去る10月15日(土)、実装・検証について学ぶ勉強会を開催しました。

まずはHTML、JavaScriptの基本をおさらい

今回、講師を務めていただいたのは前回のアイデアソンに引き続き合同会社アウラントの大越さん。MonacaではHTML、JavaScriptを使用するため、ひとまず基本をおさらいします。

▲合同会社アウラント 代表社員 大越 肇さん

▲合同会社アウラント 代表社員 大越 肇さん

 

~HTMLの基本~

  • <開始タグ>~</終了タグ>で内容を囲む
  • 属性を指定する
  • タグは入れ子にできる
  • HTMLの基本構造について

~JavaScriptの基本~

  • 大文字小文字は区別する
  • スクリプト内の空白と改行は無視される
  • 文の区切りにはセミコロンをつける

 

他のプログラミング言語に比べなじみ深い印象のあるHTMLですが、アプリ開発に使うとなると話はまた別。参加者の皆さんも真剣な表情で講師の話に耳を傾けていました。

TODO管理アプリを改修してみましょう

続いてはMonacaを使った実習です。今回の勉強会ではサンプルとして用意されているアプリの中からTODO管理アプリを使い、「日付の追加」と「リスト削除」を行いました。

▲HTML5ハイブリッドアプリ開発プラットフォーム「Monaca」

▲HTML5ハイブリッドアプリ開発プラットフォーム「Monaca」

index.htmlとapp.js、それぞれのファイルに入力・表示項目の追加やリスト削除を示すタグ、オブジェクトを追加してみます。ソースコードを保存するとすぐにスマホでアプリの動作確認ができるので、自分が書いたコードが正しいかどうかのチェックも簡単にできました(注:あらかじめお手持ちのスマホにMonacaデバッガーをダウンロードしておく必要があります)。

▲実際に作業してみることで参加者の皆さんの理解も深まったようです

▲実際に作業してみることで参加者の皆さんの理解も深まったようです

いよいよ実装作業に入ります

さらに、大越さんからは検証(テスト)を要所、要所で行うこと、またいきなりプログラミング作業を始めるのではなく、アプリの画面を描いたイラスト(デザイン画のようなもの)を各シーンごとにあらかじめ用意しておくとよいとのアドバイスもいただきました。

4回の勉強会を通して、アイデアソンから実装作業に至るプロセスまで多くのことを学びました。現在は参加者それぞれが限られた時間の中で様々なアイデアを盛り込んだアプリを制作中、実装作業を行っているところです。12月には最終プレゼンテーションも予定しています。どうぞご期待ください!

この記事を書いた人

倉井美穂
倉井美穂Miho Kurai
Happyデジタルのアプリレビュー、取材記事執筆を担当。神奈川県在住。
家電、パソコンの取扱説明書制作ライター&編集に携わった後、消費生活アドバイザー/ライターとして商品テスト、メルマガ&インタビュー記事執筆など多方面で活動中。趣味はカフェや書店、ブックカフェめぐり、ハンドメイド、読書、着物。二児の母として家事に育児に仕事に奔走中。 [ブログ][Facebook]

関連タグ

記事をシェアする