実例
デザイン済みの公開デッキと、登壇資料をポートフォリオへ組み込むHonoX構成を確認できます。
実際のWorkerでデッキを開く
すべての例は同じhono-decksパッケージを使いながら、目的に合わせて情報量、色、レイアウトを変えています。
Basic
コード、画像、埋め込み、Fire、Islandを1つずつ確認できる総合例。
Minimal
1デッキ、1つのfacade、1回のmountだけで動く最小Worker。
HonoX portfolio
通常ページと登壇資料を同じHonoXアプリから公開するポートフォリオ例。
Build-time OGP
Satoriとresvgで、デッキ情報から1200×630の共有画像を生成。
登壇資料をポートフォリオの一部にする
examples/honoxは、作品紹介ページの中に同一オリジンのembedを置き、viewerとpresentationへつなぎます。HonoXがSEOとナビゲーション、hono-decksが発表用の各画面を担当します。
同じデプロイに含まれる画面
//decks/honox/decks/honox/presentation/decks/honox/print
目的に近い構成から始める
- Minimal
- 既存のHono Workerへ、最小のデッキ配信を追加するとき。
- HonoX
- ブログ、プロフィール、作品一覧と登壇資料を同じサイトで公開するとき。
- Basic
- R2、埋め込み、アニメーション、出力まで含めて検証するとき。
- OGP
- SNSで共有する画像をbuild時に自動生成するとき。