すべての記事
モダンReact + Next.js #1 なぜNext.jsとServer Componentsなのか
クライアントサイドReactの限界と、Server Componentsが解決する問題、CSR/SSR/RSCの違いを整理します。
ReactでTodoアプリを作る #5 永続化と締めくくり
localStorageでデータを永続化してリロードしても維持されるように仕上げます。シリーズ全体を振り返りながら次のステップも案内します。
非開発者のための IT 常識 #3 サーバー、クラウド、そしてデプロイ
開発者が口にする「サーバーが落ちました」「今デプロイ中です」「本番に反映されました」が何を意味するのかを、コードなしで説明します。バックエンドが実際にどこで動いているのか、サーバーとクラウドとデプロイを非開発者の目線で解きほぐします。
ReactでTodoアプリを作る #4 編集機能
項目をダブルクリックするとインライン編集モードに入り、Enterで保存 / Escapeでキャンセルする編集機能を作りながらuseRefも初めて使ってみます。
ハードウェア基礎 #9 クラウドインスタンスのスペックの読み方 — ワークロードに合わせて選ぶ
c5.xlarge のようなインスタンス名をファミリー・世代・サイズに分解し、vCPU・メモリ・ストレージ・ネットワークでスペック表を読んで、ワークロードに合った種類を選ぶ順序を整理します。シリーズが積んだ 4 つのリソースの知識を一か所に集めます。
クラウドとは結局のところ他人のコンピュータを借りること
クラウドを専門外の人にもわかる目線で定義し、なぜサーバーを買わずに借りるのか、AWS のようなサービスにどうつながるのかまで噛み砕いて説明します。
ReactでTodoアプリを作る #1 開始と追加/削除
基礎講座で学んだReactで本物のTodoアプリを作ってみます。最初の記事は要件定義、コンポーネント設計、そして追加/削除機能までを作ってみます。
ハードウェア基礎 #8 クラウド — 所有から賃借へ、オンプレミスから IaaS / PaaS / SaaS まで
ハードウェアを所有から賃借へ変えた変化、オンプレミスとコロケーションとクラウドの違い、そして IaaS・PaaS・SaaS がハードウェアをどこまで隠すかまで。クラウドをハードウェアの所有と賃借の観点から整理します。
React基礎講座 #15 ルーティング概要 (React Router)
SPAのルーティング概念とReact Routerの基本的な使い方、動的経路/ナビゲーション/ネストルートまでを一度に見ていきます。
ハードウェア基礎 #7 仮想化とコンテナ — 物理サーバー 1 台が複数台になる仕組み
ハイパーバイザーがハードウェアを分ける方式、仮想マシンとコンテナがリソースを共有する仕組みの違い、そしてクラウドの性能がばらつく原因であるオーバーコミットまで。1 台の物理サーバーが複数台になる仕組みを整理します。