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

2024/06/26

高徹 21:41 つれづれ: React.jsでTypeScript（続）

TypeScriptでReactコンポーネントを記述する例
h5. Propsを取る関数（引数が１つ）
型を指定しないとエラーとなります。Propsは次のように指定します。
|_. JavaScriptコード |_. TypeScriptコード |
| 高橋 徹

2024/06/24

高徹 19:29 つれづれ: React.jsでTypeScript

React.jsライブラリを使ったWebクライアントアプリケーション作成プロジェクトで、ScriptをTypeScriptで記述する際の環境構築、コーディングのメモです。
LEAR REACT > インストール > TypeScriptの使用（公式サイトチュートリアル）
https://ja.react.dev/learn/typescript
プロジェクトの雛形を create-react-appで生成時にオプション @--template typesc... 高橋 徹

2024/06/23

高徹 19:48 つれづれ: Vue.jsお試し

"Vue.js公式サイトのクイックスタートを習います。
https://ja.vuejs.org/guide/quick-start
2020年にリリースされたv3.0で導入のComposition APIを使います。
h5. クイックスタート
MacOSで、node.jsがインストール済みの環境で実施しました。
npm create vue@latest でVue.jsフレームワークを使うフロントエンドのプロジェクトの雛形を生成 高橋 徹

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についてプラグインを作った知識がある前提での調査です。
高橋 徹