Open
Conversation
Express + marked によるマークダウン→HTML変換サーバー、 3つの閲覧モード（A: 縦書き横スクロール、B: 縦書き段組縦スクロール、C: 横書き）、 自動縦中横・自動段落下げのトグル機能を実装。 Mode BではCSS columns + writing-mode: vertical-rl による 段組＋縦スクロール方式を採用し、行の途切れなく読める形式を実現。 Co-authored-by: Claude <noreply@anthropic.com>
- ベースフォントサイズをclamp(14px, 2.2vh, 20px)でビューポート連動に変更 - Modular Scale (比率1.25) で見出しサイズを決定 (h1: 1.953rem, h2: 1.5625rem, h3: 1.25rem) - --rhythm (= 1rem × line-height) を基準に全マージンを統一 - 行間・字間のスライダーコントロールを追加 - 固定px指定のフォントサイズ切替を--font-scaleによる相対値に置換 - blockquote, リスト, hr などのブロック要素にrhythm-alignedマージンを追加 Co-authored-by: Claude <noreply@anthropic.com>
CSS: - styles.css を7ファイルに分割 (variables/reset/typography/composition/reader/controls/responsive) - typography(書体) と composition(組版) の関心を明確に分離 段行スナップ: - Mode B (縦書き段組) でスクロール停止時に段行境界にスナップ - 左カラム→右カラムのX座標遷移から段行境界を自動検出 - PageDown/Space/↓↑ キーで段行単位のページ送り - ツールバー高さを考慮したスクロールオフセット Co-authored-by: Claude <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
writing-mode: vertical-rlで2段組＋縦スクロールを実現。行の途切れなし--rhythm), CSS Custom Properties ベース。文字サイズ・行間・字間をUIから即時調整可能styles.cssを7ファイルに分割: variables / reset / typography / composition / reader / controls / responsive閲覧モード
Test plan
🤖 Generated with Claude Code