2021年2号「技能と技術」誌304号
12/34

図6 構成例4(SNS)図6 構成例4(SNS)図7 Twitterの画面集めたデータを表示するのにWebブラウザーを使用することで,パソコンやスマートフォンなどデバイスに依存する必要がなくなります。本システムでは表示にHTML,CSS,PHP,JavaScriptを使用-10-しています。HTMLとCSSを組み合わせて最低限の画面表示を行い,PHPで常にデータの表示を最新にし,JavaScriptでグラフの表示を行います。SQLとの連帯にはPHPを使用した方が何かと便利で,JsvaScriptを使用して視覚効果を高めます。外部サーバーを利用する場合は気温や湿度など表示させる機能が標準搭載されている場合があります。自身が自由に構成を決められない場合もありますので注意が必要です。HTMLとCSSはセットで使用することが昨今では必要条件で,動きのあるページを作成するためにはJavaScript,データが常に増えていき,最新の情報の表示を行うのであればPHPと各状況によって習得する言語が多くなります。システムではサンプルを提示することにより習得難易度を下げてはおりますが,複雑な動作を要求する場合はJavaScriptとPHPのある程度の知識の習得は不可欠になります。またデータベースを使用するためSQL構文の理解が必要ですが,初めて触る場合は全データを引き出し処理しても構いませんが,処理が遅くなる原因となるためある程度構成ができた時点で構文を見直すといいと思います。多数の言語を広く浅く使用することとなるためエディターには「Visual Studio Code」を推奨します。拡張機能をインストールすることにより柔軟に開発を進めることができます。世間の流れでは構成はおおむね数通りができ上がっております。しかし標準仕様というものが定義されておらず,まだまだオーダーメードに近い運用がされております。そのため,このシステムを応用しより訓練効果の高い訓練,教材を開発していきたいと考えております。ぜひともご連絡いただき新たなアプローチを一緒に模索していければ幸いです。6.集めたデータを表示させる(サーバー)7.使用している言語について8.おわりに

元のページ  ../index.html#12

このブックを見る