Skip to content

docs: テーマの使い方・開発ガイドを追加、ナビゲーション整備#144

Merged
ogwata merged 7 commits intomainfrom
docs/update-theme-guides
Apr 20, 2026
Merged

docs: テーマの使い方・開発ガイドを追加、ナビゲーション整備#144
ogwata merged 7 commits intomainfrom
docs/update-theme-guides

Conversation

@ogwata
Copy link
Copy Markdown
Member

@ogwata ogwata commented Mar 31, 2026

概要

docs/ のドキュメントを拡充し、テーマの使い方・作り方に関するガイドを追加しました。

関連する開発計画: docs/ja/PLAN.md

変更内容

Phase 0: 既存ドキュメントの修正

  • docs/ja/spec.md, docs/spec.md
    • theme.css セクションの SCSS 言及を削除し、CSS カスタムプロパティの活用を推奨する記述に変更
    • 理由: リポジトリ内に .scss ファイルは存在せず、全テーマが CSS 変数ベースに移行済みのため

Phase 1: テーマの使い方ガイド(新規)

  • docs/ja/usage.md(日本語版)/ docs/usage.md(英語版)
    • テーマのインストール・指定方法(単一 / 複数 / 特定 CSS ファイル)
    • CSS 変数(--vs-*)によるカスタマイズ方法と命名規則
    • 公式テーマの用途別一覧表
    • theme-base のプリセットとモジュール一覧

Phase 2: テーマの開発ガイド(拡充・新規)

  • docs/ja/development.md(空スタブを実体化)/ docs/development.md(英語版・新規)
    • create-vivliostyle-theme CLI の使い方と生成ファイル構成
    • theme.css の編集方法、theme-base モジュールの活用
    • CSS 変数のオーバーライドによるカスタマイズ
    • vivliostyle-theme-scripts validate / preview の使い方
    • package.json 必須フィールドと npm publish 手順

Phase 3: 既存ページの整備

  • docs/ja/README.md, docs/ja/index.md, docs/README.md, docs/index.md
    • usage.mddevelopment.md へのリンクを追加
  • docs/ja/gallery.md, docs/gallery.md
    • 各公式テーマに CSS 変数によるカスタマイズが可能である旨と各テーマの README リンクを追記

今後の予定

Phase 4 として、本 PR マージ後に docs2.vivliostyle.org 側で以下を実施予定:

  • submodules/themes の参照を最新コミットに更新
  • vivliostyle.config-themes-{ja,en}.jsusage / development ページのエントリを追加

ogwata added 4 commits March 31, 2026 18:50
- Update docs/ja/spec.md and docs/spec.md theme.css section
- Replace SCSS mention with CSS custom properties recommendation
- All theme packages already use plain CSS + CSS variables
- Add docs/ja/usage.md: Japanese theme usage reference
- Add docs/usage.md: English theme usage reference
- Add docs/ja/PLAN.md: development plan document
- Cover: installation, configuration, CSS variable customization,
  official theme list, and theme-base module reference
- Expand docs/ja/development.md from empty stub to full reference
- Add docs/development.md: English development reference
- Cover: create-vivliostyle-theme CLI, file structure, theme.css editing,
  theme-base modules, CSS variable override, validation, publishing
- Add links to usage.md and development.md in README.md/index.md (ja/en)
- Add CSS variable customization info and README links to gallery.md (ja/en)
- Each official theme entry now notes CSS variable customization capability
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR expands the docs/ documentation set by adding end-user and theme-authoring guides (EN/JA), updating the theme spec to reflect the current “CSS variables first” approach, and improving navigation between docs pages.

Changes:

  • Add new “Using Themes” and “Developing Themes” guides in both English and Japanese.
  • Update spec.md (EN/JA) to recommend CSS custom properties instead of mentioning SCSS.
  • Update docs navigation/index pages and enrich the themes gallery entries with customization/README links.

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated 8 comments.

Show a summary per file
File Description
docs/usage.md New EN guide for installing, selecting, and customizing themes (incl. theme-base overview).
docs/ja/usage.md New JA counterpart of the usage guide.
docs/development.md New EN guide for scaffolding, customizing, validating, and publishing themes.
docs/ja/development.md Expand existing JA development stub into a full guide.
docs/spec.md Update theme.css spec text to recommend CSS variables (remove SCSS mention).
docs/ja/spec.md Same spec update as EN version.
docs/index.md Add links to the new usage/development guides.
docs/ja/index.md Add links to the new usage/development guides (JA).
docs/gallery.md Add notes that official themes support CSS-variable customization + README links.
docs/ja/gallery.md Same gallery enrichment as EN version (JA).
docs/ja/PLAN.md Add a JA development plan document describing phases and checklist.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread docs/usage.md Outdated
Comment thread docs/usage.md Outdated
Comment thread docs/ja/usage.md Outdated
Comment thread docs/ja/usage.md Outdated
Comment thread docs/gallery.md
Comment thread docs/ja/gallery.md Outdated
Comment thread docs/development.md Outdated
Comment thread docs/ja/development.md Outdated
Copy link
Copy Markdown
Member

@MurakamiShinyu MurakamiShinyu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

よさそうだと思います。あとは実際にこのドキュメントを見ながら使ってみた人からのフィードバックで改良するとよいと思います。

@ogwata ogwata merged commit 057567e into main Apr 20, 2026
1 check passed
@ogwata ogwata deleted the docs/update-theme-guides branch April 20, 2026 10:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants