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

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... 高橋 徹