複雑でネストの深いサイトの構造・設計を改良

[matchaism]

現状

• component/から各ページの<div class="simple-card">...</dv>をインクルードして，work.htmlを表示
• work/*.htmlについても，component/から各ページをインクルードして表示

graph LR;
    component/lifehack/hoge.html -->|import| work.html;
    component/work/fuga.html -->|import| work.html;
    component/work/piyo.html -->|import| work.html;
    component/work/piyo.html -->|import| work/piyo.html;

Loading

課題

• 成果物を掲載する際，component/work/artifact.htmlとwork/artifact.htmlの作成，work.htmlの更新が必要
  • 手間を減らしたい
• 直接component/work/artifact.htmlにアクセスされる
  • 問題はないが，閲覧者は困惑

改善案

以下の運用ができるよう，改良

graph LR;
    lifehack/hoge.html -->|import| work.html;
    work/fuga.html -->|import| work.html;
    work/piyo.html -->|import| work.html;
    work/piyo.html -.-> work/piyo.html;

Loading

To-do

• 本当に必要か，実現可能か検証
• 設計
• デモ開発，テスト
• 実装