Next.jsブログの関連記事を、カテゴリー・タグ・公開日のスコアで自動選出する【多様性より関連性を選んだ話】
このブログの記事末にある関連記事は、カテゴリー一致・共通タグ数・公開日の近さを足し合わせたスコアで自動選出しています。「別カテゴリーを最低1件混ぜる」ルールが関連性の薄い記事を押し込んでいた問題と、それを最低スコアの閾値で解決した経緯をコード付きで解説します。
このブログの記事末にある関連記事は、カテゴリー一致・共通タグ数・公開日の近さを足し合わせたスコアで自動選出しています。「別カテゴリーを最低1件混ぜる」ルールが関連性の薄い記事を押し込んでいた問題と、それを最低スコアの閾値で解決した経緯をコード付きで解説します。
AI日本株自動売買の実験で、財務を理由に一度も買われない銘柄がウォッチリストに残り続けていました。7日間の判断がすべて「見送り」の銘柄を検出し、別業種の銘柄と自動で入れ替える週次ジョブの設計と、記事を書く途中で見つけて直した2つの弱点をまとめます。
AI日本株自動売買の結果を公開している運用状況ページ(/results)は、自宅PCのPythonがJSONを書き出してgit pushし、Next.jsがそれを読んで表示する構成です。ライブラリを使わないSVGチャート、日経平均・TOPIXとの比較線、少ない母数を誇張しない表示の工夫をコード付きで解説します。
AIに実際の30万円で日本株を自動売買させる実験で、運用開始から2週間のうちに見つかったバグを5つまとめました。どれもエラーでは止まらず、間違った結果だけを静かに出し続けるタイプの不具合でした。原因と直し方をコード付きで解説します。
このブログのサイドバーにある「閲覧数ランキング」は、Google Analytics Data APIからサーバー側で実際のページビュー数を取得し、その順に並べています。認証情報をクライアントに渡さない構成と、実際に踏んだ2つの不具合(空の結果がキャッシュされ続ける・5件に満たない)をコード付きで解説します。
AIに30万円を運用させる実験で、9月17日のピークから総資産が2%下がりました。記録を洗い直すと、AIが同じ銘柄を1日10回ほぼ同じ入力で判断し直し、そのブレがそのまま売買になっていました。原因の分析と、追加した2つの確認の仕組みをコード付きでまとめます。
運用状況ページに自作のSVGチャートを追加した直後、Hydrationエラーが出始めました。最初は別の箇所を疑って的外れな修正をしてしまい、切り分け直して特定した原因はチャート内のSVGの<title>要素でした。その経緯と切り分け手順をまとめます。
AI日本株自動売買の実発注は、三菱UFJ eスマート証券が提供するkabuステーションAPI経由で実際に行っています。検証用ポートが使えなかった話や、SOR指定が必要になった経緯をまとめました。
AI日本株自動売買の銘柄スクリーニングには、日本取引所グループが提供するJ-Quants APIの無料プランを実際に使っています。約90日遅延という制約に実際にぶつかった経緯をまとめました。
AI日本株自動売買の「買う・売る・様子見」の判断は、Groq APIの無料枠経由でLLMに行わせています。なぜ無料枠にこだわったのか、実際に使ってみた感触をまとめました。
AI日本株トレード日誌のYouTube Shorts動画のナレーションを、無料の音声合成ソフトVOICEVOXで実際に生成しています。無人運用でどう組み込んでいるか、使ってみて感じたことをまとめました。
新しい記事を公開するたびに手動でXへ告知する手間をなくすため、RSS連携の自動投稿サービスdlvr.itを実際に契約して使っています。設定内容と運用してみて分かったことをまとめました。
AI日本株自動売買実験のYouTube Shorts動画を、YouTube Data API v3経由で毎日無人アップロードする仕組みを実装した記録です。公開予約の仕様上の落とし穴やOAuthスコープの制限についても解説します。
無人で動くAI日本株自動売買パイプラインの実行結果・エラーを、Discordのincoming webhookで自動通知する仕組みを実装した記録です。テストが誤って本物に通知を送ってしまった実際の事故についても触れています。
AI日本株自動売買を、市場データ収集・実発注・記事/動画生成まで完全無人で毎日回す仕組みを実装した記録です。実際に遭遇した2つの障害(PowerShellのstderr扱い、SQLiteのロック)についても解説します。
Next.jsのApp Routerが提供するMetadata APIの使い方を、このブログでの実装例とあわせてまとめました。
SNSなどで記事が急にバズった場合に備えて、個人ブログとして最低限知っておきたいアクセス集中対策を整理しました。ISRのキャッシュ挙動やオンデマンド再検証についても解説します。
Next.jsのApp Routerで必ず出てくる「サーバーコンポーネント」「クライアントコンポーネント」の違いと、実際の使い分け方をこのブログの実例で解説します。
AIがどうやって銘柄を絞り込み、買い・売り・様子見を判断し、どんなルールで発注を止めているか。実装しているコードの中身をそのまま解説します。
ブログ執筆でAIを使う中で実際に遭遇したハルシネーション(もっともらしい誤情報)の例と、その対処法について考えたことをまとめました。
Gitでソースを管理しているだけで安心していいのか、実際に運用しながら考えたバックアップ・障害対策の考え方をまとめました。
CMSを使わずに、Markdownのfrontmatterの日付だけで予約投稿を実現する仕組みを実装した記録です。あえて日本時間21時固定にした運用上の理由も解説します。
文章の翻訳に使えるAIツールを比較しました。実際に使っているDeepL・Google翻訳の印象と、公式情報をもとにしたChatGPTなどチャット型AIの特徴を、精度・文体の自然さ・使い勝手の観点で整理しています。契約書・公式ドキュメントを訳す際の注意点も解説します。
アプリ同士を連携させて作業を自動化できるノーコードツールを比較しました。自己ホスト型のn8nも含め、個人ブログ運営での使いどころも合わせて整理しています。
このブログの開発で実際に使っているClaude Codeと、公式情報をもとに整理したGitHub Copilot・Cursorを比較しました。補完型・チャット型・CLI型、それぞれの向き不向きと、自動化の線引きについて整理しています。
next/ogのImageResponseを使って記事ごとのOGP画像を自動生成する方法と、あえてテキストを描画しない設計にした理由を実装をもとに解説します。
Next.jsにはApp RouterとPages Routerという2つの仕組みがあります。このブログでApp Routerを選んだ理由と、両者の違いを整理しました。
記事同士をどうつなげるかという内部リンクの設計方針を、実際にこのブログで行っている工夫とあわせて解説します。
個人が運営するブログでも最低限やっておきたいセキュリティ対策を、Next.js/Vercelでの実践方法とあわせて解説します。
端末のダークモード設定に自動追従しつつ、手動でライト/ダーク/端末追従を切り替えられるボタンをNext.jsで実装する方法を、実際のコードとあわせて解説します。
Next.jsブログをVercelにデプロイする際、無料プランでどこまでカバーできるのか、実際にこのブログを運用しながら整理しました。使用量の確認方法もあわせて解説します。
Next.jsで作ったブログをGoogle Search ConsoleとGoogle Analyticsに登録する具体的な手順を、実際の設定内容とあわせて解説します。
コードを書かずにブログやLPに問い合わせフォームを設置する方法を、代表的なツールごとに比較しました。
アフィリエイトブログをNext.jsで作るかWordPressで作るか迷っている人向けに、それぞれのメリット・デメリットを実体験ベースで整理しました。運用コストや複数人での執筆のしやすさについても触れています。
Next.jsで作ったブログの表示速度を上げるために実際に行った、画像最適化・フォント設定・静的生成のポイントをまとめました。
Next.jsで作ったサイトやブログを公開する方法を、Vercelのような専用ホスティングから国内レンタルサーバー・VPSまで比較して解説します。
ブログのアイキャッチやサムネイル作りに使える画像生成AIツールを、著作権・商用利用の考え方とあわせて比較しました。
ブログ用に独自ドメインを取得する手順と、主要レジストラの違いを実体験をもとに解説します。
ブログ記事の執筆・構成づくりという観点で、ChatGPT・Claude・Geminiの3つの汎用AIチャットを比較しました。
AIで下書きした記事がSEOで不利になるのかを整理し、E-E-A-Tを意識しながらAIツールを活用するための具体的なコツを紹介します。