TypeScript

TypeScript

【番外編】開発環境の全体像 ― 自宅サーバー・VS Code・GitHub の構成

組み込み32年のエンジニアが Web 開発を学ぶシリーズの番外編。自宅サーバー(仮想マシンの AlmaLinux、Apache、Node.js、PM2)、手元の VS Code と Remote-SSH、GitHub の非公開リポジトリ、ポートを開けない Cloudflare Tunnel まで、開発環境の全体像を構成図と組み込みの言葉で紹介します。
TypeScript

【番外編】VS Code の Remote-SSH で、自宅サーバーを直接開発する

はじめにこのシリーズの開発は、すべて自宅サーバーの上で行っています。手元の Windows PC で VS Code を開き、Remote-SSH という拡張機能でサーバーに接続して、サーバー上のファイルを直接編集し、サーバー上のターミナル...
TypeScript

【番外編】組み込みエンジニアが Git でつまずいた6つのこと

番外編として、組み込みエンジニアがGitで実際につまずいた6つのことを、表示された内容・確かめ方・直し方のセットでまとめました。VS CodeのRemote-SSHで自宅サーバーにつないで作業しています。
TypeScript

【入門編 第8回】振り返りと「Web と組み込みの対応表」(Step 0・1 のまとめ)

連載の第8回は、Step 0・1の振り返りです。作った2つのツールと残した文書を整理し、ここまでに出てきたWebの考え方を組み込みの言葉に置き換えた「Webと組み込みの対応表」をまとめました。
TypeScript

【入門編 第7回】本番配信 ― ビルドから自宅サーバーでの公開まで(Step 1)

組み込み32年のエンジニアが Web 開発をゼロから学ぶシリーズの第7回。単位換算ツールをビルドし、ファイルを返すだけの Node.js サーバー、PM2 での常駐、Apache の中継を経て、自宅サーバーで外から使えるようにするまでを、手順と実行結果つきで紹介します。
TypeScript

【入門編 第6回】イベント駆動は割り込みだった ― 画面の部品とハンドラ(Step 1)

embedded-to-web-06-eventsメタディスクリプション:組み込み32年のエンジニアが Web 開発をゼロから学ぶシリーズの第6回。単位換算ツールの画面とプログラムのつながりを、レジスタの読み書き、割り込み要因、割り込みハンドラといった組み込みの言葉に置き換えて、HTML・TypeScript・CSS のコードつきで紹介します。
TypeScript

【入門編 第5回】TypeScript を C と比べる ― 構造体、enum、タグ付き共用体(Step 1)

連載の第5回では、単位換算ツールで書いたTypeScriptのコードを、C言語と比べながら読みます。構造体やenumにあたる書き方、import/export、タグ付き共用体、型チェックを厳しくする設定を紹介します。
TypeScript

【入門編 第3回】小さなツールでも要件定義書と設計書を書く ― 検査値の単位換算ツール(Step 1)

組み込みエンジニアがWeb開発を学ぶ連載の第3回です。血液検査の値の単位を換算する小さなツールを題材に、プログラムを書く前に作った要件定義書と設計書を、実際の内容に近い形で紹介します。
TypeScript

【入門編 第4回】Vite を組み込みの言葉で理解する ― ビルド、開発サーバー、base(Step 1)

組み込み32年のエンジニアが Web 開発をゼロから学ぶシリーズの第4回。ブラウザ用のビルドツール Vite を、コンパイル&リンク、ICE での開発、リンカスクリプトの配置アドレスといった組み込みの言葉に置き換えて、手順と実行結果つきで読み解きます。
TypeScript

【入門編 第2回】Web 版の「Lチカ」― 自宅サーバーで1ページを公開するまで(Step 0)

組み込み32年のエンジニアが Web 開発をゼロから学ぶシリーズの第2回。Hello と時刻を表示するだけのツールを題材に、TypeScript のビルド、PM2 での常駐、Apache の中継と認証、外部からの受け入れ確認まで、Web 版の「Lチカ」として経路を一本通した手順とつまずきを紹介します。