infravis | 動かして理解するインフラ学習
動く可視化で、ネットワークとアルゴリズムを体感する
OSI参照モデル・ソート・DNS・ルーティング……教科書では分かりにくい仕組みを、操作して・目で見て理解できます。無料・インストール不要・入力した内容はサーバーに送信されません。実務用の計算ツールや図解記事もそろっています。
まず試したい — 注目の可視化
可視化で学ぶ
仕組みを動かして体感する — このサイトだけの学び方(全16種)
ネットワーク・セキュリティ
🖥️OSI参照モデル7層のカプセル化をステップ表示
🧭ルーティング構築パズル経路を設定してパケットを通す
🛡️ネットワーク境界FW・DMZ・プロキシを1枚の図で
🌐DNS名前解決ドメイン名からIPを引く流れ
🔀プライベート⇄グローバルIPNATによるIP変換の動き
📮IPアドレスとMACアドレスパケットが届くまで・ARP
🤝TCPコネクション3ウェイハンドシェイク・ACK・切断
🔀スイッチのMAC学習フラッディングとユニキャスト転送
🔒SSL/TLS証明書ハンドシェイクと信頼の連鎖
📜証明書チェーン検証なぜ警告が出るかをシナリオ別に
↩️リバースプロキシ負荷分散・SSL終端・キャッシュ
🧮サブネット分割アドレスの割れ方を帯グラフで
アルゴリズム・プログラミング
便利ツール
実務ですぐ使える計算・変換・生成ツール(全14種・ブラウザ内完結)
ネットワーク・IP
変換・エンコード
🔢基数変換2/8/10/16進数を相互変換
💾データ容量・転送時間KB/MB/GB変換と転送時間の計算
🔤Base64エンコード/デコード
🔗URLエンコードパーセントエンコーディング相互変換
⏱️UNIXタイムスタンプepoch⇄日時(JST/UTC)
テキスト・開発
✳️正規表現テスターマッチ箇所をその場でハイライト
🔠文字数カウンター文字数・バイト数・行数を集計
📋JSON整形・検証整形・圧縮・構文チェック
🐧Linux⇄PowerShell対訳コマンドを検索してコピー
サーバー運用・生成
読み物(図解記事)
用語や仕組みを図解でじっくり — 試験対策・入門に
⏳
待ち行列理論(M/M/1)をやさしく図解利用率・待ち時間の公式、利用率が上がると応答が急に遅くなる理由を計算例つきで。
›
🗜️
データ圧縮とハフマン符号をやさしく図解可逆・非可逆の違い、頻度が高い文字ほど短いビットにするハフマン木の作り方と圧縮率まで。
›
📅
PERT図とクリティカルパスをやさしく図解作業の依存関係、最短完了日数、クリティカルパス、余裕日数、ガントチャートとの違いまで。
›
📗
表計算の基本と関数をやさしく図解コピーで動く相対参照と固定する絶対参照($)、SUM・IF・VLOOKUPなどよく使う関数を図解で。
›
🧠
CPUとコンピュータの構成をやさしく図解五大装置、命令の実行手順(フェッチ→デコード→実行)、クロック、パイプラインまで図解で。
›
🧮
記憶階層とキャッシュメモリをやさしく図解レジスタ→キャッシュ→主記憶→補助記憶、ヒット率と実効アクセス時間の計算、SRAM/DRAMまで。
›
🛠️
誤り検出・訂正をやさしく図解パリティ・CRC・誤りを訂正できるハミング符号まで、XORの考え方とともに図解で。
›
🔎
SQL入門をやさしく図解SELECT・WHERE・JOIN・GROUP BYと集約関数を、具体的な表の例でやさしく。正規化と連動。
›
🔌
論理演算と真理値表をやさしく図解AND・OR・NOT・XOR・NAND・NOR、ド・モルガンの法則、半加算器まで。論理回路シミュレータで動かせます。
›
📈
計算量とO記法をやさしく図解O(1)・O(log n)・O(n)・O(n log n)・O(n²)の速さの違いと、データが増えたときの伸び方を図と数字で。
›
🔤
文字コードをやさしく図解ASCII・Unicode・UTF-8の違いと関係、文字がバイト列になる仕組み、文字化けが起きる理由まで。
›
🔬
浮動小数点数と誤差をやさしく図解符号・指数部・仮数部、固定小数点との違い、なぜ0.1が表せないのか、桁落ち・情報落ちまで。
›
🔢
2進数と基数変換をやさしく図解10進⇔2進⇔16進の変換、2進数の重み、負の数を表す2の補数(反転+1)、桁あふれまでを図解で。
›
📈
稼働率と信頼性設計をやさしく図解稼働率=MTBF÷(MTBF+MTTR)、直列は掛け算・並列は冗長化で上がる仕組みを図解。計算ツールつき。
›
🗄️
データベースの正規化をやさしく図解非正規形→第1→第2→第3正規形を具体的な表で段階的に分解。関数従属・更新時異常・主キーまで。
›
🌲
データ構造をやさしく図解配列・スタック(LIFO)・キュー(FIFO)・連結リスト・木構造の違いと使いどころを動きの図で。
›
🧩
基本情報 科目B 擬似言語の読み方代入・配列・ループ・ifを、トレース表と例題でやさしく解説。ステッパーで練習できます。
›
📝
基本情報 科目Bの解き方ガイド科目Bの出題構成と、合否を分ける「トレース」のやり方を図解で。時間配分・頻出テーマも解説。
›
🌐
IPアドレスの仕組みをやさしく解説プライベートIP・グローバルIP・NAT・IPv6を図解で。「自分のIPが2つある?」の謎も解けます。
›
📮
IPアドレスとMACアドレスの違い宛先IPは一定・宛先MACは1ホップごとに書き換わる関係、ARP、通信がどう届くのかを図解で。
›
🧮
サブネットマスクの計算をやさしく解説/24とは? 利用可能ホスト数の求め方を図解と手順で。基本情報の頻出計算に。
›
🔎
DNSとは? 名前解決の仕組みを図解ドメイン名からIPを引くまで、キャッシュとTTL、レコードの種類(A/AAAA/MX)を図解で。
›
🔐
HTTPとHTTPSの違いを図解鍵マークの意味、SSL/TLSの暗号化、公開鍵と共通鍵、サーバー証明書と信頼の連鎖を図解で。
›
📜
ディジタル証明書とは? 図解でやさしく信頼の連鎖・鍵の使い分け・DV/OV/EV・有効期限・失効(CRL/OCSP)・自己署名の警告・HTTPS以外の用途まで。
›
🖥️
OSI参照モデルとは? 7層を図解7層の役割、カプセル化とPDU、機器が何層で動くか、TCP/IPモデルとの対応を図解で。
›
🛡️
ネットワークセキュリティの基礎ファイアウォール・DMZ・プロキシの役割と違い、多層防御の考え方を図解で。
›
📚
記事一覧を見るネットワークやITの仕組みを図解でやさしく解説した読み物をまとめています。
›