30秒で分かる要点
chitamaru-study-portalとは？
知多丸式 挫折から学んだ効率的学習のすゝめ 中学数学 / 高校数学 / 高校英語 / 高校物理 / TOEIC を科目別に学べる静的学習ポータル 主にHTMLを使用し、公開コミットから機能追加と改善を積み重ねた過程を確認できます。
01 / 概要
プロジェクトの概要と目的
知多丸式 挫折から学んだ効率的学習のすゝめ 中学数学 / 高校数学 / 高校英語 / 高校物理 / TOEIC を科目別に学べる静的学習ポータル。 学習法は『受験は要領』（和田秀樹）に学んだ「暗記数学・解法暗記・3回転復習・逆算計画」を軸に構成しています。 構成 ビルド不要の静的サイトです。ローカル確認は次のとおり。 解説動画の作り方 シーン定義（JSON）にナレーション原稿とスライドの行を書き、スクリプトを実行すると 合成音声（edge tts / ja JP NanamiNeural・やや低速）付きの mp4 が生成されます。 シーン定義の各要素: キー 説明 narration 読み上げ原稿。数式は「エックスの2乗」のように読み方で書く lines .style head / formula / text / note lines .active true のとき強調表示（そのシーンで新しく出た行に付ける） caption 画面下部の字幕（1行・40字程度まで）
本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。
02 / 使用技術
使用技術と役割
主要な実装言語として、プロダクトの中心機能を構成します。
03 / 設計
構成から読み解く設計
主な項目は です。
- 単一アプリケーション構成
- 機能単位の責務分割
04 / 変更履歴
コミットから見る実装の変遷
以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。
- 英語動画生成を再トリガー (#3)8812d37をGitHubで確認 ↗
- 高校英語の解説動画を自動生成 [skip ci]964bbbbをGitHubで確認 ↗
- 高校英語 基礎9講を完成485d619をGitHubで確認 ↗
- 高校英語の解説動画を自動生成 [skip ci]ad7282dをGitHubで確認 ↗
- 英語解説動画の自動生成を軽量化e818a5eをGitHubで確認 ↗
- 高校英語トップに第2回 時制を追加c227d08をGitHubで確認 ↗
- 高校英語 第2回：時制の解説ページを追加ab70317をGitHubで確認 ↗
- 高校英語 第2回：時制の動画教材データを追加d1ea978をGitHubで確認 ↗
- 解説動画を自動生成するGitHub Actionsを追加dd2747dをGitHubで確認 ↗
- 高校英語トップに第1回5文型を公開282eb2cをGitHubで確認 ↗
- 高校英語 第1回：5文型の解説ページを追加af74652をGitHubで確認 ↗
- 高校英語 第1回：5文型の動画教材データを追加fe454a7をGitHubで確認 ↗
05 / 学び
このプロジェクトから得られる学び
- 変更を小さく記録する
コミット単位で目的を分けると、実装の意図を追跡しやすくなります。
- 構成と技術選定を結び付ける
HTMLの採用理由と各ディレクトリの責務を説明できることが保守性につながります。
- READMEと実装を同時に育てる
説明とコードを近い状態に保つことが、再利用と振り返りを助けます。
06 / よくある質問
よくある質問
chitamaru-study-portalは何を作るプロジェクトですか？
知多丸式 挫折から学んだ効率的学習のすゝめ 中学数学 / 高校数学 / 高校英語 / 高校物理 / TOEIC を科目別に学べる静的学習ポータル
chitamaru-study-portalの主要技術は何ですか？
HTMLを中心に構成されています。
この記事の情報源は何ですか？
公開README、リポジトリ構成、既定ブランチのGitHubコミット履歴です。
コメント
この記事へのコメント
お名前だけで投稿できます。アカウント登録やログインは不要です。 いただいたコメントは確認のうえ公開します。