JSONを用いた、Webアプリの試作プログラムを作りました。「学習システム」を念頭に置いた試作プログラム(プロトタイプ)です。試作プログラム」の続き記事になります。今回の試作プログラムは前回と比べて、データ構造が複雑になっています。そのため、「学習システム」としてできること(機能)が増えました。「初級」と「中級」の2画面ある。「初級」修了者のみ「中級」に進める。学習記録は消去できる。試作プログラム」に詳細を記述しました。試作プログラム」をご参照ください。データ構造JSONを用いて、以下のデータ構造としました。上記データ構造は、以下の形をしています。それぞれ以下となります。valueのペアとして保存します。Storageに保存しました。アクセス、JSON関連のプログラムです。操作する各種関数)とほぼ同じです。試作プログラム」をご参照ください。新たに加わった部分を説明します。JSON.parse()JSON形式のデータを、JavaScriptオブジェクトに変換するメソッドです初級ページ2頁ある学習ページの初級ページです。入力要素(<input>)が3個、出力要素(<output>)が1個です。関数この関数で、レッスンを「疑似的に学習」しています。以下の順に処理します。Lesson]ボタンの表示/非表示を判断します。値により、処理が分岐します。使用可能かどうかを調べます。その後、以下の処理を順次、実行します。中級ページ2頁ある学習ページの中級ページです。入力要素(<input>)が2個、出力要素(<output>)が1個です。関数この関数で、レッスンを「疑似的に学習」しています。以下の順に処理します。B!]ボタンの表示/非表示を判断します。値により、処理が分岐します。使用可能かどうかを調べます。その後、以下の処理を順次、実行します。コメントをキャンセルメールアドレスが公開されることはありません。高齢者が使用するラジオを購入しました。カメラにはピントが合う範囲があります。ページ上にJavaScriptを用いて点を描画します。ここでも、やはり、Canvasを使用します。「PhpSpreadsheet」というPHP対応のExcel操作ライブラリを利用しました。カメラの「絞り」により、ピント合わせに限界が生じます。ページを開けると、1分のカウントダウンが始まる、1分タイマーを作ります。プログラムで判別します。デジタルカメラには撮像素子が使われています。撮像素子は長方形で、大きさは縦3.6cm、横2.4cm程度です。Submitボタンを設置する方法を調べました。ライセンスの下に提供されています。WordPress.。