Open Source / 2026.10
最近つくったOSS
Hono関連のライブラリと、
リポジトリ整理用のCLI
プロフィールの一文から
OSS、何をつくってるの？
今回紹介するOSS
リポジトリ管理と、Hono関連のライブラリ
01
リポジトリ管理
リポジトリを目的別に整理
ghq-sector02
inertia-hono-jsx
ページの実装
Hono JSXでページを実装
void-plugin-hono-jsxinertia-hono-jsx
03
hono-decks
ドキュメント・スライド
ドキュメントとスライドを配信
honoxpresshono-decks
01 / リポジトリ管理
ghqのリポジトリを、
シンボリックリンクで分類
ghq-sector
ghqで管理するリポジトリを、
シンボリックリンクで分類。
作業用ディレクトリの例
workspace/
projects/ → アプリのリポジトリ
tools/ → 開発ツール
docs/ → 資料のリポジトリクローンの場所はそのままに、
分類用のディレクトリを追加。
02 / ページの実装
Void用のHono JSXアダプター
void-plugin-hono-jsx
Voidのルーティング・データ取得と、
Hono JSXによるページ描画をつなぎます。
サーバー描画クライアント遷移フォーム
メインサイトとこのポートフォリオでも使用しています。
02 / ページの実装
Inertia.js用のHono JSXアダプター
inertia-hono-jsx
Honoのサーバーと、Hono JSXの画面を
Inertia.jsでつなぎます。
クライアント遷移フォーム履歴管理
実験的な非公式アダプター。SSRには制約があります。
参考動画 / Hono × Inertia.js
Hono × Inertiaの登壇動画
Hono の Hono による
Hono のための Inertia！？
Hono Conference / asahi
HonoとInertia.jsの組み合わせを紹介。
03 / ドキュメント
Markdown / MDXから、
ナビゲーションと目次を生成
honoxpress
HonoXやVoidのサイトに、
ドキュメント用の機能を追加。
- ページ情報からナビゲーションを生成
- 見出しから目次・アンカーを生成
生成する内容
Markdown / MDX↓本文 ＋ ナビ ＋ 目次 ＋ 言語リンク
翻訳ページの言語リンクにも対応。
03 / スライド
MDXのスライドをHonoで配信
実際の使い方 / このポートフォリオ
このサイトの構成
Void ＋ Hono JSX
ポートフォリオのページを描画
void-plugin-hono-jsxMDXのスライド
同じアプリの /decks で配信
hono-decksページと資料を、同じリポジトリで更新できます。
用途と公開先
リポジトリ一覧
ghqのリポジトリを分類
VoidでHono JSXを使用
Inertia.jsでHono JSXを使用
ドキュメント用の機能を追加
MDXのスライドを配信