ソフトウェアエンジニアリング

2024/06/08

高徹 08:21 つれづれ: Reactお試し

React公式サイトのスタートガイドを習います。
https://ja.react.dev/learn
ローカルマシンで Reactを使うフロントエンドの開発環境を用意します。およそ次の流れとなります。
* Node.jsをインストール
* Node.js上でcreate-react-appで開発ディレクトリを作成
* App.jsなどのコンテンツの編集
* nom startでローカルのWebサーバーを実行し動作確認
create-react... 高橋 徹

2024/06/07

高徹 09:43 つれづれ: Webアプリケーションの動作パターン

> ウェブアプリケーションは静的なHTMLファイルによるウェブサイトと異なり、データベースなどに格納した情報を元に、動的にページ内容が変わるサービスです。
> ...
同書籍では、歴史的な経緯で次のように整理しています。
* 第1世代
サーバー上でデータベースなどにアクセスしたデータをテンプレートに流し込んでHTMLにする。テンプレートには、erb, Jinja2, JSP, JSFなど言語やフレームワークごとにより多数あり。データの送信（ブラウザ→サ... 高橋 徹

2024/06/04

高徹 20:19 つれづれ: フロントエンド開発環境

フロントエンド、すなわちWebブラウザ上で表示するコンテンツの表示・操作といったユーザーインタフェースは、HTML, CSS, JavaScriptなどを組み合わせて開発をします。
h5. エディタ
JavaScript、HTML、CSSの言語仕様に応じて文法を解釈してインデント、色付け、補完をする機能を持つ編集環境として、VS CodeやWebStorm、IntelliJ IDEA Ultimateなどがあると良いです。
h5. 動作確認のためのWe... 高橋 徹

2024/05/31

高徹 17:56 つれづれ: フロントエンドでのJavaScript開発情報

Webブラウザ上のJavaScript開発動向は、移り変わりが激しいようです。
* JavaScript自身の動向
* JavaScriptでWebアプリケーションの各機能の提供ライブラリ・フレームワークの動向
* 型安全なTypeScript
h5. 情報収集メモ
* 【2024年版】JavaScriptのおすすめライブラリ＆フレームワーク40選
https://kinsta.com/jp/blog/javascript-libraries/
... 高橋 徹

高徹 12:19 つれづれ: フロントエンドと呼ばれるユーザー側の端末での構成

ユーザーが操作するPC等の情報機器において、Webブラウザを使用し、Webサーバーで用意したHTML、CSS、JavaScriptのコードをHTTP通信で取得して描画するのが典型的な構成です。
最低限必要なコードはHTMLで記述されたコンテンツです。これに追加して、CSSでコンテンツの表示の制御（配置、色、フォントなどの制御）を行います。JavaScriptは、表示されるコンテンツに動的な処理を施します。（マウス操作に反応してコンテンツを変化させるなど）
> フ... 高橋 徹

高徹 10:10 つれづれ: Webアプリケーションの構成と開発技術

Webアプリケーションの構成と、Webアプリケーションの開発技術について調べたことをメモします。
普段は、ガチガチのデスクトップアプリケーションとサーバーアプリケーションで構成しているので、Webアプリケーションの構成はあっさりとの知識、開発技術については聞きかじりとJavaを使う技術（Servlet、JSP、JSFなどJEE関連）に関して自習レベルでの知識、Ruby on Railsについてプラグインを作った知識がある前提での調査です。
高橋 徹