RE:CZ

CZON JSXリファクタリングとAI分類機能の計画

AIツール開発

👤 フロントエンド開発者、コンテンツ管理システム設計者、AIアプリケーション開発者、プロジェクト管理者
この記事では、まずCZONプロジェクトがPlaceholder-ReplacementベースのテンプレートエンジンからReact JSXレンダリングへのリファクタリングを完了し、従来の手作りAIテンプレートエンジンを削除し、コア機能の改善に注力し、カスタムテーマ機能は一時的に保留したことをまとめています。次に、AI分類機能の実装計画を詳細に説明します:AIが.meta.jsonの内容を読み取って分類体系を生成し、各記事に単一の分類ラベルを付与します。各カテゴリには少なくとも3記事を含め、総カテゴリ数は10個以内に制限し、分類を明確かつ簡潔に保ちます。この機能は、単一記事のメタデータ抽出後、Markdownメタ情報強化前に完了する必要があり、翻訳ニーズに対応できるようにします。最後に、分類ラベルがカテゴリ別閲覧と推薦機能をサポートし、ユーザーエクスペリエンスを向上させることを展望しています。
  • ✨ CZONはテンプレートエンジンからJSXレンダリングへのリファクタリングを完了
  • ✨ Placeholder-Replacementベースの手作りAIテンプレートエンジンを削除
  • ✨ AI自動分類機能を計画し、.meta.jsonを読み取って分類体系を生成
  • ✨ 各カテゴリに少なくとも3記事を含め、総カテゴリ数は10個以内に制限
  • ✨ 記事は単一分類を採用し、明確かつ簡潔を保証
📅 2026-01-10 · 1,016 文字 · 約 4 分で読めます
  • CZON
  • JSXリファクタリング
  • AI分類
  • React
  • コンテンツ管理
  • 自動化
  • ユーザーエクスペリエンス
  • プロジェクト計画

現在は2026年1月10日、朝です。

CZONのJSXレンダリングのリファクタリング作業を一通り完了しました。このドキュメントの考え方に基づき、CZONは現在、JSXコンポーネントを使用してさまざまなタイプのページをレンダリングできるようになりました。以前のPlaceholder-Replacement方式の手作りテンプレートエンジンを削除し、ReactエコシステムのJSXを使用したページレンダリングに置き換えました。ただし、カスタムテーマ機能は一時的に保留し、まずはコア機能の完成に集中しています。

テキストコンテンツも徐々に充実してきたので、そろそろAI分類機能の構築を始める時期です。これはCZONのコアセールスポイントの一つでもあります。コンテンツ量が増えるにつれ、手動での分類は煩雑になるため、AIにこの作業を手伝わせるつもりです。

簡単に説明すると、まずAIに.czon/meta.json内の全コンテンツを読み込ませ、その内容に基づいて分類体系を生成させます。その後、その分類体系に従って各記事に分類タグを付与するようAIに指示します。これにより、自動分類機能を実現できます。

明らかに、この段階は個々の記事からメタデータを抽出した後に行う必要がありますが、Markdownメタ情報を拡充する段階の前である必要があります。なぜなら、翻訳が必要な分類ラベルが生成される可能性があるため、.czon/srcのネイティブ言語Markdownファイルを生成する前に完了させる必要があります。

AIによる分類では、あまりにも多くのカテゴリーを生成しない方が良いでしょう。そうしないと、散らかって見えてしまいます。各カテゴリーには少なくとも3つ以上の記事が含まれるべきです。そうでなければ、カテゴリーが細かすぎてしまいます。これは、コードが3回以上繰り返された場合にのみコンポーネントとして抽出することが推奨されるのと同じ理屈です。

また、カテゴリーの数も制限する必要があり、10個を超えないことが望ましいです。多すぎると、ユーザーが分類ディレクトリを閲覧する際に目が滑り、かえってコンテンツの発見が難しくなります。

もちろん、各記事は1つのカテゴリーにのみ属し、複数分類はできません。これにより、分類の明確さと簡潔さが保証されます。

分類タグができれば、後は分類別の閲覧機能や分類に基づく推薦機能を実装できます。ユーザーは分類タグに基づいて関連コンテンツを閲覧でき、推薦システムでも同じカテゴリーの記事を優先的に推薦することで、ユーザーの読書体験を向上させることができます。

さあ、やるべきことは決まりました。さっそく始めましょう!

See Also

Referenced By