「ぷよぷよプログラミング」は「Monaca Educationのサイト」をご参照ください
この一覧では現在メンテナンスをしていないアプリも掲載されています、あらかじめご了承ください。
図鑑アプリ
MonacaやWeb制作入門者向けに、HTMLとCSSだけで作成できる「図鑑アプリ」をサンプルコード付きで紹介。
続きを読むRDB(リレーショナルデータベース)蔵書管理アプリ
RDB蔵書管理アプリは、SQL言語を活用して本を管理できるアプリです。
データの管理にJavaScript製のSQLエンジンであるAlaSQLを採用しており、サーバー無しでSQLが実行できます。
スマートフォンでもSQLの学習・実習ができます。
クラウドデータベースでお小遣い帳アプリ
2021年6月より『Monaca Education』に搭載された『簡易データベース』機能を使用したサンプルアプリの『お小遣い帳』を紹介します。サンプルアプリのインポートお...
続きを読む気象庁の天気予報JSONファイルをWebAPI的に利用したサンプルアプリ
気象庁のWebサイトがリニューアルされ、天気予報情報がJSON形式で取得できるようになりました。
こちらのデータをWebAPI的に取得して表示するサンプルアプリを解説付きで公開します。
もなかるた(かるた読み上げアプリ)
アシアル情報教育研究所 所長の岡本雄樹です。
『かるた読み上げアプリ』を作ってサンプルとして公開します。
年末年始の需要に備えて、作品作りにご活用下さい。
DX図鑑アプリ
このDX図鑑アプリは連想配列のデータを元に動的に図鑑を表示する、ちょっとデラックスなアプリです。なお、JavaScriptを使用せずにHTMLとCSSだけで組まれた図鑑のサンプルア...
続きを読む貯金シミュレーション
この貯金シミュレーションアプリは、毎年N万円を利率M%で積み立てたときX円になることを確認できるアプリです。例えば、毎年1万円を10年間、利率2%で積み立てると10年後には複利の...
続きを読むチャットアプリを開発しよう(ニフクラ mobile backend版)
中学校の次期学習指導要領では「ネットワークを利用した双方向性のあるコンテンツのプログラミング」が入ってきます。そこで、クラウドデータベースを活用したチャットアプリのサンプルと教材をご紹介いたします。
続きを読むToDoアプリ(ローカルストレージ版)
プログラミングの基本は「順次・分岐・繰り返し」かもしれませんが、アプリ制作の基本は「データの保存と読み出し」ではないでしょうか?
データの保存と呼び出しを行うアプリの例として、簡単なToDOアプリを用意しました。
ToDoアプリ(連想配列版)
アシアル情報教育研究所・所長の岡本雄樹です。先日、シンプルな『ToDoアプリ』を公開しました。こちらは約50行のJavaScriptで『ToDoアプリ』を実現しているのです...
続きを読む音を鳴らすアプリ
HTML5から登場したAudioタグを使用して音を鳴らすサンプルアプリです。JavaScriptと組み合わせて、ボタンが押されたら再生するような記述例も盛り込んでいます。
続きを読む位置情報取得アプリ(Cordovaプラグイン版)
Monacaで位置情報を利用したアプリを作るためのサンプルコードを掲載しています。
WebAPIを組み合わせた逆ジオコーディングのサンプルも合わせてご紹介。
タイピングアプリ
テキスト型プログラミングを学ぶ前に「タイピング」に不安があるという声にお応えしてJavaScript約20行で作れる簡単なタイピグアプリをご用意しました。自分たちで作ったタイピングアプリなら、生徒達は楽しくプログラミングとタイピングを学べます(たぶん…)
続きを読むカメラアプリ(Cordovaプラグイン版)
Monacaでカメラを使って写真を取得する方法やアルバムの画像をアプリ内で利用する方法について紹介します。
続きを読む加速度センサー(Cordovaプラグイン版)
Monacaで加速度センサーの値を取得してx、y、z の3 つの軸の傾きを取得するサンプルアプリをご紹介します。
バレンタインToDo
アシアル情報教育研究所・所長の岡本雄樹です。先日、TODOアプリを教材として公開しました。シンプルな設計にしてあるため、端末にデータを記録する方法の学習に最適です。実際の...
続きを読むDXバレンタインToDo
アシアル情報教育研究所・所長の岡本雄樹です。先日、バレンタインToDoアプリを教材として公開しました。バレンタイン仕様にすることで、特定の目的に特化したエッジの立ったアプリの...
続きを読む模擬レジ(一部Cordova利用・無くても動作します)
アシアル情報教育研究所・所長の岡本ですみなさんんは高校や大学の文化祭・学園祭で模擬店を出されたことはありますでしょうか?私はありません!ちょっと憧れます。さて、今回...
続きを読む地図アプリ
この地図アプリはアシアル社内行事の高尾山ハイキング用に作ったアプリ(という設定です)。
東京方面から参加する人に向けて駅や重要スポットを案内しています、ピンをタップすると説明が表示されます。
おみくじアプリ
プログラミング入門者向けにJavaScriptとMonacaで開発できる「おみくじアプリ」をサンプルコード付きで紹介。
続きを読むバーコードリーダーアプリ(QRコードも対応)
Monacaでは一次元のバーコードや2次元のバーコードを読み込めます。JANコードやCODE39、QRコードなどに対応。「サードパーティー製プラグイン」である「PhoneGap BarcodeScanner プラグイン」が必要ですが、教育版のMonaca for Studyでは標準で組み込まれています。
続きを読む宝当てゲーム
プログラミング入門者向けにJavaScriptとMonacaで開発できる「宝当てゲーム」をサンプルコード付きで紹介。
続きを読むGPSデータロガーアプリ
このGPSデータロガーアプリは、スマホ端末などの位置情報をクラウドデータベースに定期的に記録し、また、一覧表示するアプリです。
続きを読むブロック崩しアプリと簡単なカスタマイズ
Monacaには組み込みのプロジェクトとして『ブロック崩し』が存在します。ブロック崩しをカスタマイズして、玉の数を変更したりブロックの配置を変更したり、玉の色を変更する方法を解説します。また、加速度センサーでパドルを動かす改造方法も紹介しております。
続きを読むバーコード生成アプリ(QRコードも対応)
JavaScript製のバーコードライブラリを利用すれば、ウェブサイトやMonacaアプリ上でバーコードを簡単に生成できます。簡単なバーコード生成アプリを題材に、生成方法を解説します
続きを読む英単語学習アプリ
プログラミング入門者向けにJavaScriptとMonacaで開発できる「英単語学習アプリ」をサンプルコード付きで紹介。
続きを読むコンパスアプリ(Cordovaプラグイン版)
Monacaでは、スマートフォンやタブレットの持つセンサーから値を取得してアプリ開発に利用することができます。今回は電子コンパス(地磁気センサー)の値を取得し、画面に方位を表示...
続きを読むブロック崩しの詳細解説と様々なカスタマイズ
アシアル情報教育研究所ですブロック崩しの簡単なカスタマイズについての記事は既に公開しております。Monacaを体験する1コマ程度の授業などでは引き続き、以下の記事をご参照くだ...
続きを読む加速度センサーによる垂直測定アプリ(Cordova版)
学級新聞や学会のポスター発表などで壁に貼ったポスターが、真っ直ぐに貼れているか気になることはないでしょうか?今回は、デバイスが持つ加速度センサーの値を取得し、画面に垂直・水平の...
続きを読むソーメンタイマー
実は「長崎県南島原市」の「島原手延べそうめん大使」の岡本雄樹です。ソーメンの茹で時間をカウントし、途中経過や茹で上がりのタイミング、その後の調理について音声で教えてくれるタイマ...
続きを読むくだもの図鑑(JavaScriptを用いて動作を追加する)
くだもの図鑑は、HTMLとCSSで作られている静的コンテンツです。以下では、JavaScriptによるプログラムを追加して、動的なコンテンツにしていきます。くだもの図鑑の概要...
続きを読む