2022年4月22日 / 最終更新日 : 2022年4月22日 岡本 雄樹 アシアル情報教育研究所ブログ p5.jsで図形を描き、色を付ける p5.jsを使って図形を描いてみよう この記事では、JavaScriptライブラリp5.jsを使って、画面（HTML Canvas）に図形を描く方法を紹介します。 完成するのは、下の絵です。シンプルな絵ですが、直線（地平 […]
2022年4月22日 / 最終更新日 : 2022年4月22日 岡本 雄樹 アシアル情報教育研究所ブログ p5.jsを使って、図形を描いたり、ボタンを表示してみよう Monaca Educationでは、新しくアプリケーションを作成するとき、p5.jsのテンプレートを選んで、プロジェクトを作成できます。そうして作ったプロジェクトでは、5.jsを使って、簡単に図形を描画するアプリケーシ […]
2021年11月8日 / 最終更新日 : 2021年11月8日 岡本 雄樹 アシアル情報教育研究所ブログ HTMLxCSSをデバッグする方法 Microsoft EdgeなどのブラウザにはHTMLやCSSをデバッグするための「DevTools」が搭載されています。Web作品を制作する際に画像の表示が正しく行えない場合や、CSSによるレイアウトが上手く行かない場 […]
2020年6月15日 / 最終更新日 : 2020年6月15日 岡本 雄樹 アシアル情報教育研究所ブログ JavaScriptをオススメする記事をご紹介 IchigoJamを開発した福野 泰介さんがIchigoJam BASICの次に学ぶ言語としてJavaScriptを推薦しており、入門記事やサンプルアプリを公開されていたのでご紹介します。
2020年6月13日 / 最終更新日 : 2020年6月13日 岡本 雄樹 アシアル情報教育研究所ブログ ローカルストレージ上にAlaSQLのデータベースを構築する ローカルストレージ上にAlaSQLのデータベースを構築して、データの恒久的な維持を行えるようにします。これによりSQLのINSERT文やDELETE文やUPDATE文を利用してデータを管理できます。
2020年6月13日 / 最終更新日 : 2020年6月13日 岡本 雄樹 アシアル情報教育研究所ブログ AlaSQLのデータベースに外部ファイルやWebAPIを使う方法 AlaSQLには外部ファイルをデータベースとして扱う仕組みがあります。外部のCSVやJSON、WebAPIなどを参照してSQLを実行する方法を紹介します。外部ファイルを使うときの注意点として「非同期処理」の考え方が必要になります。なお、外部ファイルなどを扱う場合は非同期処理が必須となります。
2020年6月12日 / 最終更新日 : 2020年6月12日 岡本 雄樹 アシアル情報教育研究所ブログ Monaca(JavaScript)だけでSQL言語を学ぶ方法② JavaScriptだけでSQLを実行できるAlaSQLを使って「結合(JOIN)」や「集計(Group By)」を行う方法を学習します。
2020年6月12日 / 最終更新日 : 2020年6月12日 岡本 雄樹 アシアル情報教育研究所ブログ Monaca(JavaScript)だけでSQL言語を学ぶ方法① 高校教科「情報」の新学習指導要領では「データベース」も学習内容に入ってきます。そこで、JavaScriptだけで動作するデータベースシステムAlaSQLを利用したSQL学習方法をご紹介。入門として列指定(選択)とWHERE句(射影)とORDER BY句(ソート)の方法を解説します。
2020年6月8日 / 最終更新日 : 2020年6月10日 岡本 雄樹 アシアル情報教育研究所ブログ Monaca(JavaScript)でステップ実行して変数の中身を確認したい Monaca(JavaScript)でステップ実行して変数の中身を確認する方法を紹介します。実行中のプログラムを任意の場所で止めて、その時の変数の状態を確認したいときにはステップ実行が有効です。
