+
+ );
+}
+/** 作品自体のレビューの点数 */
+function titleReviewScore(titleReviewScore: AnimeLoaderData["titleReviewScore"]) {
+ return (
+ <>
+ アニメ詳細
+
+ タイトル：
+ {loadedData.title}
+
+
+ 主カテゴリ：
+ {loadedData.primaryCategory}
+
+
+ 開始時期：
+ {loadedData.startSeason}
+
+
+ {titleReviewScore(loadedData.titleReviewScore)}
+ {titleReviewList(loadedData.animeId, loadedData.titleReviewList)}
+ {titleHitokotoList(loadedData.titleHitokotoList)}
+ {episodeList(loadedData.episodeList)}
+ {episodeHitokotoList(loadedData.episodeHitokotoList)}
+ 作品レビュー
+
+ ストーリー：
+ {titleReviewScore.story ?? "なし"}
+
+
+ 作画：
+ {titleReviewScore.sakuga ?? "なし"}
+
+
+ キャラクター：
+ {titleReviewScore.character ?? "なし"}
+
+
+ 音楽：
+ {titleReviewScore.music ?? "なし"}
+
+
+ オリジナリティ：
+ {titleReviewScore.originality ?? "なし"}
+
+
+ 演出：
+ {titleReviewScore.storyboard ?? "なし"}
+
+
+ 声優：
+ {titleReviewScore.voice ?? "なし"}
+
+
+ 歌：
+ {titleReviewScore.song ?? "なし"}
+
+
+ 満足度：
+ {titleReviewScore.manzokudo ?? "なし"}
+
+
+ );
+}
+function titleReviewList(animeId: number, list: AnimeLoaderData["titleReviewList"]) {
+ // レビューの一覧
+ const PPV = 20;
+ const reviewListLinks: JSX.Element[] = [];
+ for (let i = 0; i < Math.ceil(list.length / PPV); i++) {
+ const itemFrom = (i * PPV) + 1;
+ const itemTo = Math.min(itemFrom + PPV - 1, list.length);
+ if (i == 0) {
+ // 1ページ目
+ reviewListLinks.push(レビュー自体の一覧
) + reviewListLinks.push( + + ); + } else { + // 2ページ目移行 + const page = i + 1; + reviewListLinks.push( + + ); + } + } + const reviewList: JSX.Element[] = []; + if (0 < list.length) { + reviewList.push(個別のレビュー一覧
) + reviewList.push(レビューの一覧だとネタバレのレビューが表示されないので、個別のレビューのリンクを作成します) + for (const v of list) { + const timestampStr = dateformat(new Date(v.timestampSec * 1000), "yyyy/mm/dd(ddd)HH:MM:ss"); + const index = list.indexOf(v); + reviewList.push( +
+
+ {index + 1}/{list.length}
+ 公式
+ IA検索結果
+ IAをiframe
+ 投稿日時:{timestampStr}
+ スコア:{v.score}
+ ネタバレ:{v.isSpoiler ? "はい" : "いいえ"}
+ 投稿者:{v.userName}
+
+
+ );
+ }
+ }
+ return (<>
+ 作品のレビュー一覧( {list.length} 件 )
+ {reviewListLinks} + {reviewList} + ); +} +function titleHitokotoList(list: AnimeLoaderData["titleHitokotoList"]) { + const hitokotoList: JSX.Element[] = []; + if (0 < list.length) { + hitokotoList.push(ヒトコトは個別のURLが無いので必要最低限のみテキストを転載します
)
+ for (const h of list) {
+ const timestampStr = dateformat(new Date(h.timestampSec * 1000), "yyyy/mm/dd(ddd)HH:MM:ss")
+ const index = list.indexOf(h);
+ hitokotoList.push(
+
+ {index + 1}/{list.length} {timestampStr} {h.reviewHtml}
+
+ )
+ }
+ }
+ return (<>
+ 作品のヒトコト一覧( {list.length} 件 )
+ {hitokotoList} + ); +} +function episodeList(list: AnimeLoaderData["episodeList"]) { + const episodeElementList: JSX.Element[] = []; + if (0 < list.length) { + for (const e of list) { + const index = list.indexOf(e); + episodeElementList.push( +
+ {index + 1}/{list.length} 「{e.subTitle}」 ヒトコト数：{e.reviewCount} スコア：{e.score ?? "なし"}
+
+ )
+ }
+ }
+ return (<>
+ 作品のエピソード ( {list.length} 件 )
+ {episodeElementList} + ); +} +function episodeHitokotoList(list: AnimeLoaderData["episodeHitokotoList"]) { + const hitokotoList: JSX.Element[] = []; + const totalHitokotoCount = list.map(h => h.hitokotoList.length).reduce((a, b) => a + b, 0) + if (0 < list.length) { + hitokotoList.push(ヒトコトは個別のURLが無いので必要最低限のみテキストを転載します
)
+ let index = 0;
+ for (const e of list) {
+ index += 1;
+ for (const h of e.hitokotoList) {
+ const timestampStr = dateformat(new Date(h.timestampSec * 1000), "yyyy/mm/dd(ddd)HH:MM:ss")
+ hitokotoList.push(
+
+ {index}/{totalHitokotoCount} 第{e.episodeId}話のヒトコト. {timestampStr} {h.reviewHtml}
+
+ )
+ }
+ }
+ }
+ return (<>
+ 作品のエピソードごとのヒトコト ( {totalHitokotoCount} 件 )
+ {hitokotoList} + ); +} +export async function generateStaticParams() { + const loadedData = await animeLoader.loadData(); + return loadedData.map(c => { + return { animeId: String(c.animeId) }; + }) satisfies PageType["params"][]; +} \ No newline at end of file diff --git a/src/app/anime/[animeId]/style.css b/src/app/anime/[animeId]/style.css new file mode 100644 index 0000000..b7d67c0 --- /dev/null +++ b/src/app/anime/[animeId]/style.css @@ -0,0 +1,3 @@ +h1,h2 { + all: revert; +} diff --git a/src/app/anime/[animeId]/style.module.css b/src/app/anime/[animeId]/style.module.css new file mode 100644 index 0000000..fd9a86f --- /dev/null +++ b/src/app/anime/[animeId]/style.module.css @@ -0,0 +1,3 @@ +.a { + all: revert; +} \ No newline at end of file diff --git a/src/app/anime/all/page.tsx b/src/app/anime/all/page.tsx new file mode 100644 index 0000000..9c4f4e6 --- /dev/null +++ b/src/app/anime/all/page.tsx @@ -0,0 +1,64 @@ +import { animeLoader } from "../../../util/animeLoader"; +import style from "./style.module.css"; +import Link from "next/link"; +type PageType = { + searchParams: Record
+
+
+
+
+ );
+}
diff --git a/src/app/anime/all/style.module.css b/src/app/anime/all/style.module.css
new file mode 100644
index 0000000..20abae7
--- /dev/null
+++ b/src/app/anime/all/style.module.css
@@ -0,0 +1,3 @@
+.akiba-souken-archive-anchor {
+ @apply underline text-blue-600 hover:text-blue-800 visited:text-purple-600
+}
diff --git a/src/app/article/_components/articleListElement.tsx b/src/app/article/_components/articleListElement.tsx
new file mode 100644
index 0000000..21ee947
--- /dev/null
+++ b/src/app/article/_components/articleListElement.tsx
@@ -0,0 +1,123 @@
+import Link from "next/link";
+import dateformat from "dateformat";
+import { ArticleLoader } from "../../../util/articleLoader";
+dateformat.i18n.dayNames = [
+ '日', '月', '火', '水', '木', '金', '土',
+ '日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'
+];
+type DisplayData = Awaited全:{loadedData.length}件
+ | + No + | ++ カテゴリ + | ++ 開始時期 + | ++ 満足度 + | ++ タイトル + | ++ レビュー件数 + | ++ ヒトコト件数 + | +
|---|---|---|---|---|---|---|
| + {d.animeId} + | +{d.primaryCategory} | +{d.startSeason} | +{d.titleReviewScore.manzokudo ?? "なし"} | +{d.title} | +{d.titleReviewList.length} | +{d.titleHitokotoList.length} | +
| + No + | ++ カテゴリ + | ++ タイトル + | ++ 日時 + | +
|---|---|---|---|
| {d.articleId} | ++ {topCategory} + | +
+ {d.title}
+
+ {page2After}
+ |
+ {timestampStr} | +
+
+ {pagenationElement(pageId, chunkdData.length)}
+
+ );
+}
+function pagenationElement(now: number, max: number) {
+ const pagenationData = createPagenation({ now: now, max: max, between: 2 });
+ const liElements: JSX.Element[] = [];
+ for (const v of pagenationData) {
+ if (v.type == "back") {
+ if (v.link == null) {
+ liElements.push(
+ 全:{loadedData.length}件
+ {ArticleListElement(displayData)}
+ {pagenationElement(pageId, chunkdData.length)}
+
+
+ );
+}
+export async function generateStaticParams() {
+ const categoryList = await new ArticleLoader().getCategoryList();
+ return categoryList.map((data, index) => {
+ return { categoryName: data.name };
+ });
+}
diff --git a/src/app/article/category/page.tsx b/src/app/article/category/page.tsx
new file mode 100644
index 0000000..4976054
--- /dev/null
+++ b/src/app/article/category/page.tsx
@@ -0,0 +1,29 @@
+import Link from "next/link";
+import { ArticleLoader } from "../../../util/articleLoader";
+import "./style.css";
+type PageType = {
+ searchParams: Recordカテゴリ:{nowPageCategoryName} の記事一覧
+ 全:{loadedData.length}件
+ {ArticleListElement(loadedData)}
+
+
+ );
+}
diff --git a/src/app/article/category/style.css b/src/app/article/category/style.css
new file mode 100644
index 0000000..f8a5c5f
--- /dev/null
+++ b/src/app/article/category/style.css
@@ -0,0 +1,3 @@
+h1,h2,h3 {
+ all: revert;
+}
diff --git a/src/app/article/tag/[tagName]/page.tsx b/src/app/article/tag/[tagName]/page.tsx
new file mode 100644
index 0000000..3df1f1e
--- /dev/null
+++ b/src/app/article/tag/[tagName]/page.tsx
@@ -0,0 +1,40 @@
+import { ArticleLoader } from "../../../../util/articleLoader";
+import { ArticleListElement } from "../../_components/articleListElement";
+type PageType = {
+ searchParams: Record記事にセットされているカテゴリの一覧
+
+ {categoryListElement}
+
+
+
+ );
+}
+export async function generateStaticParams() {
+ const tagList = await new ArticleLoader().getTagList();
+ return tagList.map((data, index) => {
+ return { tagName: data.name };
+ });
+}
diff --git a/src/app/article/tag/page.tsx b/src/app/article/tag/page.tsx
new file mode 100644
index 0000000..211ca94
--- /dev/null
+++ b/src/app/article/tag/page.tsx
@@ -0,0 +1,30 @@
+import Link from "next/link";
+import { ArticleLoader } from "../../../util/articleLoader";
+import "./style.css";
+type PageType = {
+ searchParams: Recordタグ:{nowPageTagName} の記事一覧
+ 全:{loadedData.length}件
+ {ArticleListElement(loadedData)}
+
+
+ );
+}
diff --git a/src/app/article/tag/style.css b/src/app/article/tag/style.css
new file mode 100644
index 0000000..f8a5c5f
--- /dev/null
+++ b/src/app/article/tag/style.css
@@ -0,0 +1,3 @@
+h1,h2,h3 {
+ all: revert;
+}
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..3b8b598
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,31 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+ --background: #ffffff;
+ --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --background: #0a0a0a;
+ --foreground: #ededed;
+ }
+}
+
+body {
+ color: var(--foreground);
+ background: var(--background);
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer utilities {
+ .text-balance {
+ text-wrap: balance;
+ }
+}
+
+.original-href {
+ all: revert;
+}
\ No newline at end of file
diff --git a/src/app/iframe/page.tsx b/src/app/iframe/page.tsx
new file mode 100644
index 0000000..e26e921
--- /dev/null
+++ b/src/app/iframe/page.tsx
@@ -0,0 +1,52 @@
+'use client'
+import Link from "next/link";
+import { useEffect, useState } from "react";
+type PageType = {
+ searchParams: Record著名なタグ一覧
+記事にセットされているタグの一覧
+
+ {tagsElement}
+
+
+
+ );
+}
+function parseParam(paramString: string) {
+ let m: RegExpMatchArray | null = null;
+ if (m = paramString.match(/^article-(\d+)$/)) {
+ return `https://akiba-souken.com/article/${m[1]}/`
+ } else if (m = paramString.match(/^article-(\d+)-(\d+)$/)) {
+ return `https://akiba-souken.com/article/${m[1]}/?page=${m[2]}`
+ } else if (m = paramString.match(/^anime-(\d+)$/)) {
+ return `https://akiba-souken.com/anime/${m[1]}/`;
+ } else if (m = paramString.match(/^anime-(\d+)-review$/)) {
+ return `https://akiba-souken.com/anime/${m[1]}/review/`;
+ } else if (m = paramString.match(/^anime-(\d+)-review-p(\d+)$/)) {
+ return `https://akiba-souken.com/anime/${m[1]}/review/?page=${m[2]}`;
+ } else if (m = paramString.match(/^anime-(\d+)-review-(\d+)$/)) {
+ return `https://akiba-souken.com/anime/${m[1]}/review/${m[2]}/`;
+ }
+ return null;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..9d5b2b9
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,28 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import { NavigationHeader } from "./_components/navigationHeader";
+
+export const metadata: Metadata = {
+ title: "アキバ総研アーカイブ",
+ //description: "Generated by create next app",
+};
+
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+ InternetArchiveの検索結果のURL: {iaSearchPageUrl}
+ iframeのURL: {iframeUrl}
+ ※アキバ総研のページをIneternetArchiveで見る時はJavascriptを無効化しないと、強制的にリダイレクトされてしまいます
+
+
+ 以下のページはInternetArchiveに保存されている内容です。
+
+
+ 全てのデータはアキバ総研より。
+
+
+
+ );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..58a7429
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,30 @@
+import "./style.css"
+import style from "./style.module.css"
+export default function Home() {
+ return (
+
+ アキバ総研( https://akiba-souken.com/ ) の記事一覧をアーカイブしたページです。このサイト内にアキバ総研の記事本文はありません。
+ アキバ総研は2024/08/01にサービス終了のアナウンスが行われ、2024/08/31に記事の更新が停止しました。
+ このアーカイブは2024/08/31～2024/09/30 の間に取得していますが、特定の瞬間のスナップショットではないので、データの不整合がある可能性があります。
+ アキバ総研は記事ページ内にドメインがakiba-souken.com でない場合にトップページにリダイレクトされるjavascriptが仕込まれていますので、InternetArchiveから閲覧する時はdevtool等でjsをオフにする必要があります。
+ このページはGithubActions＆GithubPagesでデプロイされています。生データが欲しい方はレポジトリ https://github.com/fushihara/akiba-souken-archive をチェックアウトする事をおすすめします。 +
+ 初期のURLは http://kakaku.com/akiba/ 形式で、価格.comのサブディレクトリにありました。
+ 2007年頃から http://akiba.kakaku.com/ に移動し、2011年頃から https://akiba-souken.com/ ドメインに移動しました。
+ 過去の記事の継続性についてですが、少なくともkakaku.comドメイン配下のURLは2024/09時点で全てakiba-souken.comのトップページにリダイレクトされてアクセス出来ませんでした。
+ akiba-souken.com内の最古の記事のタイムスタンプは2006/12/14なので、akiba.kakaku.comから akiba-souken.com への移行は行われたのかもしれませんが、最初期の記事はInternetArchiveにしか無い模様です
+ その他にもPCパーツのレビュー機能が2014/09/30のリニューアルで削除されていたりします。記事がメインコンテンツではありますが、それ以外のサブコンテンツは既に永久に失われているものがあります。
+ https://mevius.5ch.net/test/read.cgi/esite/1690495133/595 も参照。 +
+ https://github.com/fushihara/akiba-souken-archive
+ このサイトの記事一覧などが欲しい場合は、スクレイピングをするより上記レポジトリからファイルを落としたほうが早いです。
+ スクレイピングに使ったツール一式は以下の通りです。こちらのスクリプトはdenoを使っています。DLしたhtmlをsqliteに保存して、同じ内容で複数アクセスが起きないように工夫しています。
+ xxxxx + + このアーカイブサイトは閉鎖決定時点の全てのコンテンツを網羅している訳ではありません。
+ 通常のarticle形式以外の、投票( https://akiba-souken.com/vote/ )やアニメまとめ( https://akiba-souken.com/anime/matome/ )、アニメランキング( https://akiba-souken.com/anime/ranking/ )は抜けています。
+
+ );
+}
diff --git a/src/app/style.css b/src/app/style.css
new file mode 100644
index 0000000..f8a5c5f
--- /dev/null
+++ b/src/app/style.css
@@ -0,0 +1,3 @@
+h1,h2,h3 {
+ all: revert;
+}
diff --git a/src/app/style.module.css b/src/app/style.module.css
new file mode 100644
index 0000000..fd9a86f
--- /dev/null
+++ b/src/app/style.module.css
@@ -0,0 +1,3 @@
+.a {
+ all: revert;
+}
\ No newline at end of file
diff --git a/src/util/animeLoader.ts b/src/util/animeLoader.ts
new file mode 100644
index 0000000..120123b
--- /dev/null
+++ b/src/util/animeLoader.ts
@@ -0,0 +1,93 @@
+import { readFile } from "fs/promises";
+import { z } from "zod";
+const zodType = z.array(
+ z.strictObject({
+ animeId: z.number().int().min(0),
+ title: z.string(),
+ primaryCategory: z.string(),
+ startSeason: z.string(),
+ titleReviewScore: z.object({
+ story: z.number().min(0).nullable(),
+ sakuga: z.number().min(0).nullable(),
+ character: z.number().min(0).nullable(),
+ music: z.number().min(0).nullable(),
+ originality: z.number().min(0).nullable(),
+ storyboard: z.number().min(0).nullable(),
+ voice: z.number().min(0).nullable(),
+ song: z.number().min(0).nullable(),
+ manzokudo: z.number().min(0).nullable(),
+ }),
+ titleReviewList: z.array(
+ z.object({
+ reviewId: z.number().int(),
+ userIconUrl: z.string().url(),
+ userName: z.string(),
+ score: z.number(),
+ isSpoiler: z.boolean(),
+ timestampSec: z.number().int().min(0),
+ commentCount: z.number().int().min(0),
+ iineCount: z.number().int().min(0)
+ }),
+ ),
+ titleHitokotoList: z.array(
+ z.object({
+ hitokotoId: z.number().int(),
+ userIcon: z.string().url(),
+ userName: z.string(),
+ reviewHtml: z.string(),
+ timestampSec: z.number().int(),
+ })
+ ),
+ episodeList: z.array(z.object({
+ episodeId: z.number().int().min(0),
+ subTitle: z.string(),
+ reviewCount: z.number().int().min(0),
+ score: z.number().nullable(),
+ })),
+ episodeHitokotoList: z.array(z.object({
+ episodeId: z.number().int().min(0),
+ hitokotoList: z.array(z.object({
+ hitokotoId: z.number().int().min(0),
+ userIcon: z.string(),
+ userName: z.string().min(1),
+ reviewHtml: z.string().min(1),
+ timestampSec: z.number().int().min(0),
+ }))
+ })),
+ })
+);
+const MAX_ITEM_LIMIT = process.env["AKIBA_SOUKEN_MAX_ITEM_LIMIT"];
+export type AnimeLoaderData = z.infer+ アキバ総研は2024/08/01にサービス終了のアナウンスが行われ、2024/08/31に記事の更新が停止しました。
+ このアーカイブは2024/08/31～2024/09/30 の間に取得していますが、特定の瞬間のスナップショットではないので、データの不整合がある可能性があります。
+ アキバ総研は記事ページ内にドメインがakiba-souken.com でない場合にトップページにリダイレクトされるjavascriptが仕込まれていますので、InternetArchiveから閲覧する時はdevtool等でjsをオフにする必要があります。
+ このページはGithubActions＆GithubPagesでデプロイされています。生データが欲しい方はレポジトリ https://github.com/fushihara/akiba-souken-archive をチェックアウトする事をおすすめします。 +
アキバ総研とは？
+ アキバ総研はカカクコムが2002/08から2024/09まで公開していたアキバ系ニュースサイトです。+ 初期のURLは http://kakaku.com/akiba/ 形式で、価格.comのサブディレクトリにありました。
+ 2007年頃から http://akiba.kakaku.com/ に移動し、2011年頃から https://akiba-souken.com/ ドメインに移動しました。
+ 過去の記事の継続性についてですが、少なくともkakaku.comドメイン配下のURLは2024/09時点で全てakiba-souken.comのトップページにリダイレクトされてアクセス出来ませんでした。
+ akiba-souken.com内の最古の記事のタイムスタンプは2006/12/14なので、akiba.kakaku.comから akiba-souken.com への移行は行われたのかもしれませんが、最初期の記事はInternetArchiveにしか無い模様です
+ その他にもPCパーツのレビュー機能が2014/09/30のリニューアルで削除されていたりします。記事がメインコンテンツではありますが、それ以外のサブコンテンツは既に永久に失われているものがあります。
+ https://mevius.5ch.net/test/read.cgi/esite/1690495133/595 も参照。 +
このアーカイブサイトについて
+ ソースコード、データは以下のレポジトリに一式があります。nodeのnext.jsのSSGでGithubPagesサイトを構築しています。+ https://github.com/fushihara/akiba-souken-archive
+ このサイトの記事一覧などが欲しい場合は、スクレイピングをするより上記レポジトリからファイルを落としたほうが早いです。
+ スクレイピングに使ったツール一式は以下の通りです。こちらのスクリプトはdenoを使っています。DLしたhtmlをsqliteに保存して、同じ内容で複数アクセスが起きないように工夫しています。
+ xxxxx + + このアーカイブサイトは閉鎖決定時点の全てのコンテンツを網羅している訳ではありません。
+ 通常のarticle形式以外の、投票( https://akiba-souken.com/vote/ )やアニメまとめ( https://akiba-souken.com/anime/matome/ )、アニメランキング( https://akiba-souken.com/anime/ranking/ )は抜けています。
+