🏠
🌡️ 📆 令和6年7月18日

Java Script

クライアントサイドの Webアプリを作るのに向いています。


表   1 プログラミング言語の種類
種類 分類 言語 特徴
インタプリタ Webアプリ JavaScript Webブラウザ上で動作(クライアントサイド)
vb script(vbs,vba,asp) 1 ) 1964 開発 キーボードとディスプレイが必要
AI Webアプリ python ( パイソン ) 2 ) * ビッグデータ データサイエンス * 、 マテリアルズインフォマティクス *、AI
教育 Scratch ビジュアルプログラミング
コンパイル OS C 3 ) ポインタ、構造体
汎用 VB.NET オブジェクト指向(多重継承なし)
汎用 Kotlin アンドロイドアプリ向け
OS C++ オブジェクト指向
colab jupyter

ファイルベースのシステムでは、コンパイラ言語は実行可能なファイルを生成し、 インタプリタ言語はそれを生成しないという違いがありました。 しかし、クラウドベースになって、実行ファイルそのものをクライアントにダウンロードしなくなり、 ジャストインコンパイルで実行結果だけを利用するようになると コンパイラ言語とインタプリタ言語の違いは、あまり本質的でなくなりました。

科学技術用の伝統的な言語としては、FORTRANがあります。 FORTRAN系列の言語としては、BASIC、pythonがあります。 統計用言語としてRがあります。

アルゴリズム重視の伝統的な言語としてALGOLがあります。 ALGOLは、Pascal, C, C++, C#,java, javascript, typescript, Kotlinと進化してきました。 juliaはCに迫る計算速度を誇ります。

サーバーサイドで使われてきたPerlや Ruby もクラウドで利用できるようになってきました。

人工知能で伝統的な言語Lispは、F#、 Schemeもクラウドで利用できるようになってきました。

人気 プログラミング言語 は、java script、そしてpython*と続きます。 *


注釈(コメント)

表   2 注釈(コメント)
言語 例 説明
html <!-- コメント -- >
Python (パイソン)
# 注釈
#(クロスハッチ)を使います。
Basic (ベーシック)
REM 注釈
' 注釈
予約語REMを使うか、'(アポストロフィー)を使います。
C
/* 1行コメント */

/*
複数行に渡る
コメント
*/
javascript
// 1行コメント
/* 1行コメント */

/*
複数行に渡る
コメント
*/

ほとんどの言語には、注釈機能があります。 人間がよみやすくするためです。 (可読性)


javascript

表   3 javascript 言語の使い方
応用例
注釈
// 注釈
Webアプリ の例: BodeNyquist.asp

2dグラフィクス

表   4 2dグラフィクス
言語 形式
java script canvas png インタラクティブ、 アニメーションが可能。 Webアプリ向け。 3次ベジェ曲線 実装。
svg svg htmlに埋め込み可能。 ベクトルグラフィックスに関する機能が豊富。 3次ベジェ曲線 実装。 viewBox=を設定することで、ワールド座標系でグラフィクス可能。 一旦、svgファイルにしてpptにインポートすれば、pngに変換可能。 asp(Basic、サーバーサイド)で記述することも可能。
python matplotlib png

ワールド座標系でグラフィクス可能。ビュー座標系 / スクリーン座標系への煩わしい変換から解放されます。 ベジェ曲線とか、コーディングが必要かも。 縦軸、横軸にTeXが使えるので超便利。

svg matplotlibから svgに出力するには、
plt.savefig('fig1.SVG')
files.download("fig1.SVG")
plt.show()
のようにする。 *
PIL png Colaboからでは、img.show()ではなく、IPython.display のdisplay(img)を使うなど、ちょっと変則的。
OpenCV png グラフィックスというより画像処理向け。 Colaboからは、 matplotlib を使った出力になるので、ベクトルグラフィックスならば、matplotlib.patchesを使うのとあまり変わらないかも。

ワイブル分布の形

図   1 ワイブル分布の形
© K.Tachibana , C1 Lab.
確率分布

寿命時間の 確率分布として ワイブル分布が知られています 4 ) 。

JavaScriptで表示した ワイブル分布のグラフです。


電池の内部抵抗とSOC- OCV曲線

図   2 198 🖱 電池の内部抵抗とSOC- OCV曲線
©K.Tachibana

電池の内部抵抗 が大きくなると、カットオフ電圧に到達する時間が短くなり、電池の容量が小さくなります。 電池の内部抵抗 は、溶液抵抗( 抵抗過電圧)と接触抵抗からなります。 接触抵抗は、オーミックコンタクトでは、固体間接触の集中抵抗からなり、 またショットキーコンタクトでは、反応抵抗( 活性化過電圧)や皮膜抵抗となります。 SOCの推定に使われます。


量子化によるノイズ(ビット深度と分解能)


電気エネルギー

図   4 電気エネルギー
©2022 K.Tachibana

エネルギー〔 Wh(ワットアワー) 〕=示強変数×示量変数

電気エネルギー(電力量)〔Wh〕=電圧〔V〕× ◇電気量〔 Ah(アンペアアワー) 〕

電気エネルギー〔Wh〕=電圧〔V〕× ◇電流〔 A(アンペア) 〕×時間〔h〕

電気エネルギー〔Wh〕=電力〔 W(ワット) 〕×時間〔h〕


コールコールプロット(ナイキストプロット)とボードプロット


Webアプリと言語

表   5 Webアプリに使われる 言語
言語 説明
マークアップ言語 ◇ html, xml, svg,mathML,css 例:test.html
クライアントサイド .NET(ドットネット)
JavaScrpt
VBscript
例: 🖱 コールコールプロット 🖱 ワイブル分布
クライアントサイド言語、フロントエンド言語といいます。
サーバーサイド .NET(ドットネット)
Python(パイソン)+Django(ジャンゴ)
VBscript(asp)
JavaScript(+Node.js)
Ruby
PHP
サーバーサイド言語、バックエンド言語といいます。 IISとPythonで、Webアプリを作れます。 * test.asp test.py
データベース SQL データベースでデータの取得、保存、更新、削除などを行う言語です。
11 05 情報処理概論 01. 卒業研究 test


QRコード
https://edu.yz.yamagata-u.ac.jp/Public/52210/languages/javascript/javascript.asp
名称: 教育用公開ウェブサービス
URL: 🔗 https://edu.yz.yamagata-u.ac.jp/
管理運用 : 山形大学 学術情報基盤センター

🎄🎂🌃🕯🎉
名称: サイバーキャンパス「鷹山」
URL: 🔗 http://amenity.yz.yamagata-u.ac.jp/
管理運用 : 山形大学 データベースアメニティ研究会
〒992-8510 山形県米沢市城南4丁目3-16

Copyright ©1996- 2024 Databese Amenity Laboratory of Virtual Research Institute,  Yamagata University All Rights Reserved.