書籍「Monacaで学ぶはじめてのプログラミング ~モバイルアプリ入門編〜 」

アプリ制作を通じて
プログラミングを楽しく学べる

著者:アシアル株式会社、生形可奈子、岡本雄樹

スマートフォンアプリ開発を通じて、Web制作に必要なHTMLやCSSと人気のプログラミング言語JavaScriptを基礎から学べます。章ごとにサンプルアプリが用意されており、ワンクリックでスムーズにアプリ開発ツールMonacaに展開できます。

各章は学校の授業時間を想定して1章1コマ程度で進められる分量になっています。また、指導者向けには和歌山県の「きのくにICT教育」で開発された指導案(PDF)やアプリ・プログラミングシートも用意されております。

通常版

ページ数: 210
サイズ: B5
Monacaライセンス:6ヶ月分付帯
ISBN:978-4-86584-099-5
価格:3,000円(税抜)

普及版

ページ数: 128
サイズ: B5
Monacaライセンス:オプション
ISBN:-
価格:10万円(100冊購入の場合)

無料公開版

ページ数: 64
サイズ: B5
Monacaライセンス:-
ISBN:-
価格:無料で今すぐダウンロード

本の紹介

目次・共通

  • はじめに
  • 第1章 アプリ開発入門
  • 第2章 HTML入門
  • 第3章 CSS入門
  • 第4章 JavaScript入門
  • 第5章 条件分岐
  • 第6章 関数
  • 第7章 イベント
  • 第8章 DOM
  • 第9章 フォーム
  • 第10章 いろいろな演算子
  • 第11章 配列
  • 第12章 繰り返し

目次・通常版のみ

  • 付録1 Monacaの使い方
  • 付録2 エラーの確認方法
  • 付録3 ハードウェア機能の使い方
  • 付録4 サンプルアプリ集
  • 付録5 連携サービスの紹介

本の内容

プログラミングを学ぶためには興味を持てる内容に挑戦することが大切です。最近ではスマートフォンなどのモバイルアプリ開発に興味を持っている人が増えています。本書はアプリ開発を通じてプログラミングの基礎を学べる入門書です。

一般的にアプリ開発はハードルが高いものだと考えられています。iOSやAndroidといったモバイルOSはOS毎に標準の開発言語やツールが異なり、またバージョンアップなどの変化が多いため開発者は常に最新の状況に追従できるように備える必要があります。

しかし、クラウドの開発環境ならツールのアップデートをクラウド側で行うため開発者はツールのセットアップから解放されます。また、HTML5やJavaScriptといった標準化された言語を応用したハイブリッドアプリ開発手法を用いることで複数のOSへの対応は容易になります。

本書ではクラウド開発環境Monacaを採用することで、プログラミング未経験者でも挫折せずにアプリ開発を学習できる本です。また、Monacaはハイブリッドアプリ開発手法に対応しているため、開発したアプリは各種モバイルOS用のアプリとしてアプリストアに登録することもできます。

通常版のみ

教育用のEducationプランを利用できる『アクティベーションコード』を6ヶ月分付録としてセットいたしました。 ※Monacaの基本機能は無料プランでも無期限で利用可能です。

これからプログラミングを学びたい方にお勧めの一冊です。

サンプルアプリ(通常版)

購入方法

一般の方

全国の書店で取り寄せ可能です。
大学生協でも購入可能です。
Amazonの通販には常時在庫ございます。
出版社のBookWayでも送料無料で販売中。

法人・学校単位

法人や教育機関の方が「5冊以上」まとめて購入する場合はアシアルから直接購入することができます。請求書払いもご相談に応じます。お気軽にお問い合わせ下さい。

普及版

法人や教育機関の方が大量一括購入する場合はアシアルから「普及版」を直接購入することができます。参考価格は100冊10万円(税別)です。普及版には付録やライセンスは付帯しません。普及版にオプションでライセンスやアカウントをバンドルすることも可能ですので個別にお問い合わせ下さい。

スライド教材


Monaca青本スライド(pptx版)
Monaca青本スライド(PDF版)
Google Classroom で共有

動画教材

動画配信プラットフォームより動画を配信しています。
Youtubeへの配信も行っていますアシアル情報教育研究所 Youtubeチャンネル

Vimeo版(Web閲覧可能・ダウンロード可能)

5章以降の動画およびダウンロード方法はサポートページにて公開中

サンプルプロジェクト紹介(1~4章)

第1章:アプリ開発入門

プログラミングを行うためには、まずプログラムを記述するためのソフトウェアが必要になります。そして記述したプログラムをコンピューターにインストールできる形に変換するソフトウェアや、動作確認を行うためのソフトウェアなども必要です。
こういったプログラミングに必要なソフトウェアを一つ一つ、自分のパソコンにインストールするのは大変です。そこで、最近はプログラミングに必要なソフトウェアを統合的にまとめた「統合開発環境(IDE)」を使うケースが増えています。

プロジェクトの作成

ひな形 ※「最小限のテンプレート」を利用します
完成版 ※ 完成版はありません

第2章:HTML入門

Web ページやモバイルアプリの画面には、さまざまな色や画像が散りばめられ、とても華やかに装飾されていると思います。しかし実は、画面の元となっているファイル(「ソース」と呼びます)には文字だけでページの内容が記述されています。その記述言語がHTML と呼ばれるものです。

第3章:CSS入門

前章で学んだHTML は、画面に表示する内容を定義するための技術でした。本章で学ぶCSSをHTML に組み込んで使うことで、画面を装飾することができます。

プロジェクトの作成

ひな形 ※前の章の完成版をご利用ください。

第4章:JavaScript入門

本章からはいよいよアプリを動かすための技術、JavaScriptを学んでいきます。JavaScriptは、主にWebページやモバイルアプリの画面上の部品を操作するために利用されます。なおJavaScriptと似たような名前のプログラミング言語に「Java」というものがありますが、これはJavaScriptの略ではありません。

プロジェクトの作成

ひな形 ※「最小限のテンプレート」を利用します

5章以降のサンプルプロジェクトはサポートページにて公開中

連携サービスのアプリと提供企業紹介(発刊時点)

Monacaで学ぶはじめてのプログラミング~モバイルアプリ入門編の発刊に賛同頂いた企業より、ドキュメントやサンプルアプリの提供を受けました。こちらは、発刊当時の情報のため、動作保証は致しかねます。

なお、「富士通クラウドテクノロジーズ株式会社」が運営する「ニフクラ mobile backend」の資料に関しては2019年度に更新がございました。
また、同社は姉妹本として
「Monaca と ニフクラ mobile backend で学ぶはじめてのプログラミング ~クラウド連携アプリ開発編~」
を発刊しております。

Microsoft Azure
提供元:マイクロソフト

サービス紹介

Microsoft Azureは、Webサイトを公開するための「Webサーバー」や、大量のデータを蓄積・選別し、必要に応じて引き出す技術である「SQLデータベース」などクラウド上で利用できるさまざまな機能を包括したサービスの総称です。モバイルアプリで利用するデータを管理する機能は「App Service」という名称で提供されています。App Serviceは、学生が無償利用できる「Microsoft Azure for DreamSpark」からも利用可能です。

サンプル紹介

ユーザーが回答したアンケートを収集する『アンケートアプリ』と、ユーザー間でコミュニケーションを行うための『匿名SNS』アプリを提供しています。

PDF教材をダウンロード

ニフクラ mobile backend
提供元:富士通クラウドテクノロジーズ株式会社

サービス紹介

ニフクラ mobile backendはモバイルアプリの「サーバー」側機能を、APIで提供するものです。スマートフォンへの通知を送る「プッシュ通知」、ログイン・ログアウトを行う「会員管理」、データの保存ができる「データストア」、写真・動画等のファイルを保存する「ファイルストア」、SNS認証を行う「SNS連携」、データストア上で位置情報の保存・管理が行える「位置情報検索」、簡易的なプログラムを配置して実行できる「スクリプト」などの機能を提供しています。
サンプル紹介

サンプル紹介

ランキング機能を組み込んだ『ブロック崩しアプリ』と様々な人が訪れた場所を地図上に登録する『あしあとマップアプリ』を提供しています。ランキングのスコアやGPSで取得した位置情報を、ニフクラ mobile backendの「データストア」に保存します。

PDF教材をダウンロード

Onsen UI
提供元:アシアル株式会社

サービス紹介

Onsen UIは、独自のHTMLタグを記述するだけで簡単にモバイルアプリの画面を作ることができるUIフレームワークです。ボタンやテキストボックスなどの入力項目や、ツールバーやタブバーといった画面のレイアウトを構成するパーツが豊富に用意されています。
サンプル紹介

サンプル紹介

『Yes/Noチャート式 性格診断アプリ』と『道路標識暗記アプリ』の2点を提供しています。これらのサンプルアプリは複数の画面から構成されており、Onsen UIの機能によってアニメーション付きで画面が遷移します。

PDF教材をダウンロード

関連教材

指導案とAPS(アプリプログラミングシート)

和歌山県「きのくにICT教育」サイトにて「きのくにICT教育 高等学校<共通教科情報科>プログラミング教育 学習指導案」が公開されています。

和歌山県「きのくにICT教育」サイト

小テスト

授業後の確認テストや理解度チェックにお使い頂ける小テストをご用意いたしました。
Excelデータで提供しますので、ご活用下さい。
出題範囲は書籍に準拠しております。

問題数は60問(5問 x 12章)ございます。
回答方式は四肢択一です。
Monacaで学ぶはじめてのプログラミング_小テスト_20200605



学校でお使いの教科書や授業内容に合わせてカスタマイズしてお使いください。

索引

成城中学校・成城高等学校の松原圭太先生よりご提供頂いた「索引」を再配布しています。

Monacaで学ぶはじめてのプログラミング-索引-docx
Monacaで学ぶはじめてのプログラミング-索引-pdf

書籍サポート情報(記事)

正誤表・増刷・OSアップデートに伴うお知らせ情報

追加記事

※ 記事、準備中