すべての記事

ハードウェア基礎 #5 ストレージ ② 構成と接続 — RAID と DAS / NAS / SAN
読了 7分

ハードウェア基礎 #5 ストレージ ② 構成と接続 — RAID と DAS / NAS / SAN

ディスクを束ねて速度と安全性を得る RAID (0・1・5・6・10)、そしてディスクをサーバーに付ける 3 つの方式である DAS・NAS・SAN を整理します。これらの概念がインスタンスストア・EBS・EFS のようなクラウドストレージへどう置き換わったかまで見ます。

非開発者のための IT 常識 #2 API とは何か — サービス同士が会話する約束
読了 6分

非開発者のための IT 常識 #2 API とは何か — サービス同士が会話する約束

開発者がよく使う単語 API を、コードなしで説明します。決まった方法でリクエストし、決まった形式でレスポンスを受け取る約束とは何か、地図や決済のような外部 API までを非開発者の目線で解きほぐします。

React基礎講座 #12 useContext
読了 7分

React基礎講座 #12 useContext

prop drilling 問題を解決するツール、React Context API と useContext フックの使い方を学びます。

ハードウェア基礎 #4 ストレージ ① デバイス — HDD / SSD / NVMe と IOPS / スループット / レイテンシ
読了 6分

ハードウェア基礎 #4 ストレージ ① デバイス — HDD / SSD / NVMe と IOPS / スループット / レイテンシ

HDD、SSD、NVMe がどんなものか、そしてどこが違うのか、容量とよく混同される IOPS・スループット・レイテンシを切り分けます。gp3 と io2 のようなクラウドディスクの選択肢がなぜ分かれるのかまで一度に整理します。

React基礎講座 #11 stateのリフトアップ (lifting state up)
読了 8分

React基礎講座 #11 stateのリフトアップ (lifting state up)

2つの兄弟コンポーネントが同じデータを共有する必要があるときに使う中核パターン、stateのリフトアップを学びます。

ハードウェア基礎 #3 メモリ — RAM と階層構造、スワップが始まると起きること
読了 7分

ハードウェア基礎 #3 メモリ — RAM と階層構造、スワップが始まると起きること

RAM が何で、なぜ揮発性なのか、レジスタからディスクまで続くメモリ階層、そしてメモリが足りなくなったときにスワップへ落ちて性能が崖のように落ちる過程まで。メモリを容量ではなく動作として理解できるよう整理します。

React基礎講座 #10 useEffect
読了 10分

React基礎講座 #10 useEffect

コンポーネントの外部とインタラクションするside effectを扱う標準ツール、useEffectフックの動作とよくあるパターンを見ていきます。

ハードウェア基礎 #2 CPU — コア / スレッド / クロック / キャッシュ、そして vCPU の正体
読了 8分

ハードウェア基礎 #2 CPU — コア / スレッド / クロック / キャッシュ、そして vCPU の正体

コアとスレッドの違い、クロックだけで性能を比較できない理由、キャッシュが速度を左右する仕組み、そしてクラウドが言う vCPU が実際は何かまで。CPU をスペック表ではなく動作として理解できるよう整理します。

オープンソースはどのように世界を変えたのか
読了 8分

オープンソースはどのように世界を変えたのか

オープンソースとは、ソースコードを公開して誰もが読み、修正し、再配布できるようにしたソフトウェアです。GNU と Linux から始まった流れがどのように現代 IT 全体の土台になったのかを、教養レベルで整理していきます。

React基礎講座 #9 フォームの扱い (controlled inputs)
読了 9分

React基礎講座 #9 フォームの扱い (controlled inputs)

Reactでフォームを扱う定石パターンであるcontrolled component、そしてtextarea/select/checkbox/radioなど様々な入力要素の扱い方を整理します。

ハードウェア基礎 #1 コンピュータを動かす 4 つのリソース — CPU / メモリ / ストレージ / ネットワーク
読了 7分

ハードウェア基礎 #1 コンピュータを動かす 4 つのリソース — CPU / メモリ / ストレージ / ネットワーク

サーバーが遅い・高い理由は、結局 CPU・メモリ・ストレージ・ネットワークの 4 つのリソースのどれかに絞られます。シリーズ全体を貫く全体像として、4 つのリソースが何で、1 回のリクエストの中でどう協力するかから整理します。

React基礎講座 #8 リストとkey
読了 8分

React基礎講座 #8 リストとkey

配列を画面にレンダリングする方法と、その際必ず登場するkey propの意味、そしてインデックスkeyの落とし穴を見ていきます。