Linuxサブホームを作りたい その3 【tukumolog-ぺちぺち改修記 #3】

pechipechi #3

はじめに、

こんにちは、tukumolog管理人の lumenhero です。

2026年4月8日、ついにLinux Academyのアルファ版を公開しました! 現在は、メインとなるAcademy Homeに加え、環境構築ガイド、コマンド入門のロードマップ、そして私の自己紹介を兼ねたAboutページが閲覧可能な状態になっています。

今回の改修記では、今回実装した機能の概要と、その裏側にある設計についてお話しします。

1. 今回アップデートされた主要コンテンツ

学習を視覚化する「コマンド入門ロードマップ」

ただコマンドを羅列するのではなく、どの順番で学べば効率が良いかを可視化しました。

既存の記事形態だと、linuxコマンドの記事一覧やどれとどれを読んでいて、どれを読んだことがないのか分かりづらかったため、自身で読んだ(習得した)かどうかを記録できるようにしてみました。

  • 進捗表示機能: 自分が今どこまで進んだのか、次に何をすべきかを一目で把握できるように設計しています。
  • 実践的な動線: 各ステップから詳細な解説記事へスムーズに遷移できます。
linuxコマンド入門のロードマップを作製。読んだかどうかの進捗をローカルストレージ管理

画像:ロードマップの表示と進捗

記事の中には、別に知らなくてもよいが知っておいた方がいいというような必須ではない”推奨”の記事もあるので、それは進捗に入れず、読んだかどうかを記録できるようにしてあります。該当記事については、記事の一番下で読んだかどうかを記録できます。

読んだらチェックできるボタン

記事下に追加した習得したかどうかのボタン

迷わないための「環境構築ガイド (WSL)」

Linux学習の最初の壁は「環境構築」です。ここをスムーズに突破できるよう、WSL(Windows Subsystem for Linux)に特化したガイドを設置しました。参考資料が集まり次第、ネイティブでの導入やVPSでの導入方法なども公開予定です。

  • ロードマップ内の各記事から、必要なタイミングで構築ガイドへリンクされるよう設計。
  • 「とりあえず触ってみたい」という初心者が、挫折せずにターミナルを立ち上げられるまでをサポートします。
linuxの環境構築ガイドページの現在の実装状態

環境構築ガイド(アルファ版)

「サブホーム」と「Aboutページ」の公開

Linux Academy専用のサブホームを作成しました。これにより、電子工作やディープラーニングといった他のコンテンツと混ざることなく、体系的にLinuxを学べる「特化空間」を実現しています。また、管理人のプロフィールや当サイトのビジョンをまとめたAboutページも併せて公開しました。

linux-subhome-page おすすめ記事や検索欄が表示されている

画像:linuxAcademy (linuxサブホーム) おすすめ記事と検索機能回りのUI

おすすめ機能は、検索欄を $ls tagsとかlinuxコマンド風に操作できる機能です。慣れると便利ですが、まだまだ対応コマンドが少ないので、邪魔にならない程度に追加していきたいですね。

2. 開発の裏側:なぜ「サブホーム」が必要だったのか

今回の開発で一番こだわったのは、サイトの「情報設計(アーキテクチャ)」です。

階層構造の工夫

tukumologは現在、Linux、電子工作、Deep Learningなど多岐にわたる技術を扱っています。しかし、初心者の方が「Linuxを学びたい」と思った時、他のジャンルの記事が混ざっていると集中力が削がれてしまいます。

そこで、特定のトピックに特化したポータルとしての「サブホーム」を実装しました。

裏話: 実は、この構造はDockerのコンテナ設計や、最近触っているSilverBulletのWiki的な「知識の繋がり」から着想を得ています。情報を独立させつつ、リンクで有機的に繋ぐ。

「進捗表示」へのこだわり

ロードマップに進捗表示機能を付けたのは、私自身が独学で苦労した経験があるからです。 「今、全体の何%まで理解できているのか」が分かると、学習のモチベーションは格段に維持しやすくなります。この機能は、現状ローカルストレージ(ブラウザごとに保存できるデータ)を使って実装しています。この要領はちょっとしたゲームのデータを保存できるくらいには余裕があるので今回の利用なら十二分に余っています。ほかのページとかの機能でも活用していきたいと思っています。

3. これからの展望

アルファ版として形にはなりましたが、中身の記事(edgeでのセットアップ方法やlinuxコマンドシリーズの続き)はまだまだ拡充予定です。

  • Linux Academy: 基本コマンドからシェルスクリプト、サーバー構築までを網羅。
  • 技術の交差点: いずれはLinuxの知識を活かした「自作OSの可視化」や「エッジAIのデプロイ」など、他のカテゴリとリンクする応用記事も増やしていきます。

「ぺちぺち」と一歩ずつではありますが、より使いやすく、学びがいのあるサイトに育てていきます。新しくなった Linux Academy をぜひ覗いてみてください!


関連記事・リンク

ここまで読んでいただきありがとうございます。

では、次の記事で。 lumenHero