アニメページ変更チュートリアル

Mizukiテーマには、組み込みのアニメページが用意されており、表示されるアニメリストを簡単にカスタマイズできます。

アニメページの構造

アニメページはsrc/pages/anime.astroファイルにあります。ページの核となるのはアニメデータ配列です。

const animeList = [
  {
		title: "リコリス・リコイル",
		status: "completed",
		rating: 9.8,
		cover: "assets/anime/lkls.webp",
		description: "少女たちのガンアクション、欠点はあるが隠せない魅力",
		episodes: "12話",
		year: "2022",
		genre: ["アクション", "日常系"],
		studio: "A-1 Pictures",
		link: "https://www.bilibili.com/bangumi/media/md28338623",
		progress: 12,
		totalEpisodes: 12,
		startDate: "2022-07",
		endDate: "2022-09",
	},
  // 他のアニメ...
];

アニメリストの変更

アニメ情報の追加、削除、変更を行うには、animeList配列を直接編集します。

1. アニメの追加: 既存のアニメオブジェクトをコピーし、そのプロパティを変更します。
2. アニメ情報の変更: 既存のアニメオブジェクトのプロパティ値を直接変更します。
3. アニメの削除: 対応するアニメオブジェクトを配列から削除します。

アニメプロパティの説明

各アニメオブジェクトには以下のプロパティが含まれています。

• title: アニメのタイトル - アニメの公式名または翻訳名
• status: 視聴状況（"watching"または"completed"） - 現在の視聴進捗状況
• rating: 評価（0-10） - アニメの評価スコア
• cover: カバー画像パス - アニメのカバー画像への相対パス
• description: 説明 - アニメの簡単な説明
• episodes: エピソード数 - アニメの総エピソード数
• year: 放送年 - アニメの放送年
• genre: ジャンル - アニメのジャンル（例: "アクション", "コメディ"）
• studio: 制作会社 - アニメを制作したスタジオ
• link: 関連リンク - アニメの公式ウェブサイトまたはストリーミングプラットフォームへのリンク
• progress: 視聴進捗 - 現在視聴しているエピソード数
• totalEpisodes: 総エピソード数 - アニメの総エピソード数
• startDate: 放送開始日 - アニメの放送開始日（例: "2022-07"）
• endDate: 放送終了日 - アニメの放送終了日（例: "2022-09"）

カスタム表示

src/pages/anime.astroファイルを編集することで、アニメページの表示方法をカスタマイズできます。例えば、新しいセクションを追加したり、既存のセクションのスタイルを変更したりできます。

ベストプラクティス

• 定期的な更新: アニメリストを定期的に更新して、最新の視聴状況を反映させます。
• 高品質なカバー画像: 魅力的なカバー画像を使用して、アニメページを視覚的に魅力的にします。
• 正確な情報: アニメのタイトル、説明、ジャンルなどの情報が正確であることを確認します。

よくある質問

• Q: アニメページが表示されません。
  • A: src/pages/anime.astroファイルが存在し、正しく設定されていることを確認してください。また、ナビゲーションバーにアニメページへのリンクが正しく追加されているか確認してください。
• Q: アニメのカバー画像が表示されません。
  • A: coverプロパティに指定されたパスが正しいか、画像ファイルがそのパスに存在するか確認してください。
• Q: アニメの並び順を変更できますか？
  • A: animeList配列内のオブジェクトの順序を変更することで、表示順を制御できます。
• Q: 新しいプロパティを追加できますか？
  • A: はい、animeList内の各アニメオブジェクトに新しいプロパティを追加できます。ただし、追加したプロパティを表示するには、src/pages/anime.astroファイルを編集する必要があります。