ホームページ上に、動的にデータを出力したい!!

 

とのお話がありまして、、、

どうやってデータ持たせるのかな?

何がいいのかな?

と、気になっておりましたが・・・

 

 

JavaScriptならば、JSON形式でしょ?

みたいなお話もありまして・・・

 

膨大なデータ量になるなら、、、

データベースかな?

そうなると、少々環境も難しいかも・・・

 

ということで、

データさえしっかり作れれば、

JSONといった拡張子を使うファイル

 

JavaScript Object Notationの略なんだけど。

簡単にデータ構造として、オブジェクトデータとして

parse できるので

 

プログラムコード何で扱いやすい。

 

 

で、実際に作って見たページがこちら

 

https://curiostationokayama.pw/access/parkingdata.html

 

データ化せずに、プログラミムのコードに 

直接値を指定して作ったのが、こちら

 

https://curiostationokayama.pw/access/parking.html

 

 

ハイ!!

 

見て解るように、どちらも見た目は同じです。

(*'ω'*)

 

する必要ないんじゃないの?

みたいに思われるかも知れませんが、

 

 

データ構造化すると、

修正したり、追加、削除といったことが

データファイルだけでできます。

(これ、凄く便利だと思わない?)

 

 

見た目は同じでも、中身は・・・・

ってことよくあるでしょ?

 

 

パソコン教室なんて、どこも同じじゃないの?

みたいな人もいるけど・・・

 

全然違うよね。

テキストを使用して、表面上だけのお話しかされないとか・・・

 

カリキュラムが決まっているから

時間割通りに、解っていようが、ついてきてなかろうが、

お構いなしに、進んでいくとことか

(仕組みのお話なのでいい・悪いとは違います)

 

 

見た目だけでは解らないことっていっぱいあります。

 

 

ロボット教室の一コマ

必死で部品を探している図(*'ω'*)

 

必死で部品を探して、集めた後は・・・

 

 

「これから、どうするの?何するの?」

みたいな(笑)

 

小さい子は、部品を探すだけでも大変なこと

頑張れ!!

っと応援しながら見守ってます。

 

 

組み立てるとこは、少々、お手伝いしますけど・・・

 

自分で出来ることを少しづつ増やしていこうね

 

 

フォローしてね!

 

 

おまけ

 

ホームページ(HTML)を外部データファイルから

読み込むとか、書き出す場合

ローカルファイル(公開サーバではなくパソコン)で操作すると

エラーになるブラウザがあります。

 

パラメータとか、設定を変更する必要があります。

 

面倒だったので、

Edgeで試しました。

(*'ω'*)

 

 

 

今日もいっぱい汗かけました。

毎日、ストレッチしながら、

自重による負荷トレで動ける範囲が広がって

調子に乗ってたら自分の汗で

こけてたのは、ここだけの秘密です。

 

 

 

メール配信・イベント・HP作成

メール配信とかイベント告知用のランディングページとか簡単につくれます
簡単作成、サポート有りだから安心
無料で使えるサイト
ネットショッピングするその前に(^^)!
もう知っているかな?楽天ポイントをもっとゲット♪

Rebatesお友達紹介キャンペーン

 

メルマガ配信中♪

プログラミングに興味のある人、お子さんに教えてみようと思っている人へ
プログラミング無料講座

初心者のためのアメブロ講座
はじめてのアメブロ講座

 

初心者向けの簡単な内容です。

読者登録すると、「ちょっとしたお小遣いが入る方法」をプレゼント♪