AI Dev Lab
CmdDojo

CmdDojo ができるまで — ブラウザだけで動くLinuxコマンド練習サービスの設計と実装

インストール不要のLinuxコマンド練習サービス。不変FSと純粋関数コマンドエンジンの設計、HackSimとの技術的差別化、詰まったバグを全公開。

·decision改善·stage検証中

title: "CmdDojo 開発ログ: Linux コマンド入門をブラウザだけで練習できる形へ" description: "CmdDojo を、Linux コマンドを記事で読むだけで終わらせない学習サービスとして改善した記録。入門コース、ファイル操作コース、設計意図、SEO の考え方まで整理します。" publishedAt: "2026-05-01"

Linuxコマンドを覚えたいけど、環境構築で止まりやすい

Linux コマンドは学習需要がずっとあります。
ただ、最初の壁は意外とコマンドそのものではありません。

  • 何をどの順番で覚えればいいか分からない
  • WSL や VM の準備で止まる
  • 記事を読んでも、手を動かさないまま終わる
  • 実際に打ってみる場がない

CmdDojo は、この「読むだけで終わる」状態を減らすために作っています。

ブラウザだけで Linux コマンドを入力し、その場で正誤と進捗が返ってくる。
まずはそこまでを最短で用意する、というのが今回の改善テーマでした。

いま公開しているコース

1. Linuxコマンド入門

最初の公開コースです。

  • pwd
  • ls
  • cd
  • cat
  • grep

「今どこにいるか」「何があるか」「どう移動するか」「どう読むか」「どう探すか」という、最初に必要になりやすい流れを 5 レッスンに分けています。

2. ファイル探索と整理

2本目として追加したコースです。

  • find
  • head
  • cp
  • mv
  • rm

こちらは、基礎の次に必要になりやすいファイル操作へ寄せています。
実務では「場所を探す」「中身を少しだけ見る」「複製する」「移動する」「不要なものを消す」が頻繁に出るので、検索意図にも合いやすい内容です。

記事ではなく、入力までつなぐ

CmdDojo の狙いは、単なるコマンド一覧を増やすことではありません。

一般的な入門記事は、理解のきっかけとしては強いです。
ただ、そのまま「分かった気がする」で終わることも多いです。

このサービスでは、

  • 1レッスンを短く切る
  • その場で入力させる
  • 正解を返す
  • クイズで確認する
  • 次レッスンへつなぐ

という流れを入れています。

つまり、読むコンテンツではなく、小さく入力して覚える学習ツールとして設計しています。

今回の改善ポイント

今回の改善では、見た目だけではなく公開価値に直結する部分を優先しました。

公開面の修正

  • cmd-dojo のランディングを、用途が分かる説明に変更
  • コースページとレッスンページの文言を正常化
  • 完了後にクイズ、次レッスン、コース一覧、開発ログへ戻れる導線を追加
  • サービス一覧や内部導線で見ても意味が通る文言に整理

教材データの修正

  • 入門コースの 5 レッスンを clean な日本語に修正
  • 2本目の公開コースとして「ファイル探索と整理」を追加
  • find / head / cp / mv / rm の練習課題とクイズを実装

実装面の修正

  • find のパス計算バグを修正
  • ターミナル入力欄や完了画面の文字化けを修正
  • E2E テストに 2 本目の公開コース確認を追加

SEO の考え方

CmdDojo は共有よりも検索で伸ばす前提が強いサービスです。

狙っているのは、たとえば次のような意図です。

  • Linux コマンド 練習
  • Linux コマンド 初心者
  • Linux コマンド 入門
  • LPIC 勉強前 コマンド
  • ブラウザ Linux 学習

この手の検索は、記事単体でも取れます。
ただ、記事だけだと学習が終わらず、サービスの再訪にもつながりにくいです。

だからこそ、

  • 記事からサービスへ戻す
  • サービスから次のコースへ進ませる
  • レッスン完了後にクイズと次の導線を置く

という回遊を重視しています。

まだ足りないこと

まだ完成ではありません。今後は次を優先します。

  1. コース数を増やす
  2. 難易度の見せ方を強くする
  3. LPIC / LinuC 手前の検索意図に合わせた記事を増やす
  4. 入門後にどこへ進むべきかの道筋をもっと分かりやすくする

特に、学習系サービスは「最初の数ページだけある」状態だと弱いです。
このまま教材の厚みと検索導線を増やして、主力候補まで持っていけるかを見ます。

まとめ

CmdDojo は、Linux コマンドを記事で読むだけで終わらせないための学習サービスです。

今回の改善で、

  • 文字化けしていた公開面を正常化
  • 入門コースを整理
  • 2 本目の公開コースを追加
  • クイズと回遊導線を強化

まで進めました。

まだ「改善枠」ではありますが、検索流入と継続利用の両面で伸ばせる余地はあります。
この先は、教材の厚みと記事導線を積み上げながら、主力に上げる価値があるかを見ていきます。

[ ./next_action ]

読んだら、 CmdDojo を実際に動かす。

この開発ログは CmdDojo をどう作ったかの記録です。 読み終わったらそのままサービス本体へ戻って、 実物で価値を確かめてください。

[ ./related_logs ]

関連する開発ログ

all logs →
BioWave

BioWave ができるまで — バイオリズムを正弦波で描く

生年月日からの経過日数を使い、 身体23/感情28/知性33日の sin 波で調子を計算。 ゼロ交差を要注意日として抽出し、 2人の誕生日差から cos で位相一致度=相性を算出。 占い手帳 motif で 組んだ サービス設計記録。

read log →
GanttPad

GanttPad ができるまで — 日付軸タイムラインのレイアウト計算

タスクの開始/終了日から全体期間を求め、 各バーの offset(日数) と duration を算出して SVG に配置。 期間に応じて日/週/月の目盛りを自動切替し、 今日ライン・週末シェード・進捗塗りを描く。 プランニングボード motif で 組んだ サービス設計記録。

read log →
HeirShare

HeirShare ができるまで — 相続税の早見表ロジックを実装する

家族構成から法定相続人と法定相続分を判定し、 基礎控除 → 課税遺産総額 → 法定相続分按分 → 速算表 → 相続税の総額 → 配偶者の税額軽減 (法定相続分 or 1.6億) という早見表と同じ流れを純 JS で実装。 相続関係図 motif で 組んだ サービス設計記録。

read log →
ChromaLens

ChromaLens ができるまで — 色覚シミュレーションとダルトナイズ補正

色覚特性 (1型/2型/3型) を 3×3 色変換行列でシミュレートし、 ダルトナイズ法 (失われる色差を別チャンネルへ再配分) で 区別しやすく補正。 画像処理は全て Canvas で端末内。 検眼/カラーチャート motif で 組んだ サービス設計記録。

read log →
GridNine

GridNine ができるまで — 唯一解の数独をブラウザで生成する

MRV バックトラッキングで完成盤を作り、 セルを抜くたびに解の個数を 2 で打ち切り数えて『唯一解』を保ったまま穴掘り。 候補メモ・重複ハイライト・ヒント・タイマーを 文庫パズル誌 motif で 組んだ サービス設計記録。

read log →
PlotPad

PlotPad ができるまで — ブラウザで動く関数グラフ電卓

式の解析・評価・記号微分は mathjs に委譲し、 canvas に 1 ピクセル刻みでサンプリング描画 (発散点で線を切る) + ドラッグ平行移動 + カーソル基準ズーム + 導関数の重ね描き を 自前実装。 グラフ用紙 motif で 組んだ サービス設計記録。

read log →