記事一覧

ChatGPTで監視室の静止画を作り、音声生成の試行錯誤を経てElevenLabsで弥生と睦月の声を固定。fal.ai Sandboxの無料枠でImage-to-Videoを生成し、音声を合成してCUT01とCUT02をつないだ実作業記録。

Codexの長時間処理で利用枠を急速に消費したときに止めたい。AGENTS.mdへCost guardを書き、最初の試行では残量を取得できず、Codex App Serverのaccount/rateLimits/readで5時間枠と週次枠を読めるところまで確認した。Ralph loopとの組み合わせも記録する。

fal.aiの登録直後の初期設定、クレジット購入、FLUX LoRAへの学習画像投入、Trigger Word設定、学習、Run Inferenceでの確認までを、実際の作業画面を使って記録する。月島弥生と一条睦月の2人をAIショート動画用の固定キャラクターにした。

Codexの上限到達後にOpenAI API側の利用が発生していたというコメントをきっかけに、forced_login_method = "chatgpt" の役割を公式情報で確認しました。ChatGPT側の利用枠、API課金、AGENTS.md、環境変数との違いまで丁寧に説明します。

Kling Premierで90秒・1080pのAIショートドラマを作ると月何本作れるのか。VIDEO 3.0、Lip Sync、Avatar 2.0のcreditsを基に、1本あたりのコストと作り直し込みの現実的な制作本数を計算した。

ChatGPTのWeb Searchとdeep researchを、調査の深さ、速さ、情報源の扱い、向いている質問、使うときの注意点から比較する。ゆまラボでWeb検索を使ってきた実例も踏まえ、どこで切り替えるかを整理する。

GoogleのRich Results Testでゆまラボの記事2本を検証し、BreadcrumbListが有効な構造化データとして認識されるか確認。ホーム、WEB制作、記事の3階層と各URL、positionを実画面で確認した記録。

PageSpeed InsightsでPerformance 80だったゆまラボTOPを、Pagefindの遅延ロードとヒーロー画像のレスポンシブ配信改善で修正。再計測ではPerformance 96、FCP 1.5秒、LCP 2.7秒、Speed Index 1.5秒になった。

公開中のゆまラボTOPページをLighthouse、PageSpeed Insights、GTmetrix、Cloudflare Web Analyticsで実測。Performance 92と79、GTmetrix A・100%、実ユーザーLCP P75 516msなど、測定条件と結果の違いを比較した記録。

CloudflareのHTTPトラフィックとCF-Cache-Statusを実測。過去24時間のキャッシュリクエスト1.26k、キャッシュ帯域幅25.22MBを確認し、通常記事でMISS→HIT、トップページとWebPでHITを確認した記録。

Google AdSenseの初回審査で「有用性の低いコンテンツ」と表示されたゆまラボで、原因を一つに決めつけず、旧連載導線、カテゴリ構成、テーマ別まとめ、記事ページ、共通サイドバーを見直した記録。修正前後の画面とビルド結果を残す。

Astroの初期テンプレートから始めたゆまラボの変更を振り返り、Webサイトの個性をどこに出すと使いやすさを壊しにくいか、逆に独自性を強くしすぎたときに起きる問題を考える。

ゆまラボで実際に進めたGA4、X投稿、GA4 Data API、Cloudflareビルド、人気記事の自動表示を基に、個人ブログで自動化しやすい工程と、人間の判断を残したい工程、自動化を広げるデメリットを分けて考える。

ChatGPTにゆまラボの公開状態を確認させたところ、TOP・記事一覧・検索経路で取得内容が一致しなかった。検索結果だけで最新と決めず、個別記事、sitemap、RSS、クエリパラメータ、Cache-Control付きHTTP取得まで分けて確認した記録。

公開中のゆまラボTOPページをChrome DevToolsのLighthouseでMobile測定。Performance 91、Accessibility 96、Best Practices 100、SEO 100となり、LCPや画像配信、CSS、アクセス解析用JavaScriptの改善候補まで確認した記録。

Google Search Consoleで未登録131ページが表示されたため、noindex・canonical・404・クロール済み未登録・検出未登録を切り分けた。ページネーションcanonicalと架空URLを修正し、公開後のライブテストとインデックス登録リクエストまで進めた記録。

GA4 Data APIの直近30日PVをContent Collectionsの記事と照合し、上位3件をゆまラボのTOPページへ自動表示した。既存ArticleCardを再利用し、PV数や順位は表示しない構成にした。

GA4 Data APIで取得した記事別PVをCloudflare Pagesのビルドでも使うため、サービスアカウント、組織ポリシー、OAuth本番化、ADC再認証、Cloudflare Secret登録までを確認した。

Google Analytics Data APIを有効化し、gcloud CLIとOAuth Desktop ClientでADC認証を設定。Node.jsからpagePathとscreenPageViewsを取得し、ゆまラボの記事別PVを実データで確認した記録です。

新連載「オーケストレーション実践」の第1回。Geminiに調査、Claudeに執筆、CodexにAstro実装を分担し、検索・記事生成・ファクトチェック・公開承認・分析までを複数AIで連携する全体設計を具体化する。

ゆまラボのGA4導入直後に自分で開いたページも計測された経験から、自分のアクセスを後から判別できるのか、内部トラフィックをIPで定義して除外する手順とデメリットを確認する。

2026年9月8日に公開されたChatGPT Images 2.5について、精密編集、複数ターン編集、Sketch、Templates、最大50%の高速化を確認。ゆまラボで画像生成を使う目線から、選択範囲外の変更、生成待ち、Workでの機能差、公開前チェックなど残る制約も整理します。

Google Search ConsoleからBing Webmaster Toolsへbringain.comを追加し、sitemap.xmlの成功と102 URLを確認。あわせてX投稿のUTM付きURLとGA4の「x / social」14セッションを確認した記録です。

ChatGPTで公開サイトの評価を頼んだところ古い状態で回答され、同じチャットではURL直接取得がCache miss、新しいチャットでは取得できた。実際の画面を使い、会話コンテキスト、Web検索、検索結果の鮮度、URL直接取得を分けて確認する。

2026年9月13日の公開中のゆまラボをPCブラウザで開き、ウィンドウを手動で縮められる限界まで狭くした。トップ・記事本文・連載一覧・カテゴリ一覧の折り返しと横方向の破綻を実画面で確認する。

HTTPセキュリティヘッダーは、ブラウザに読み込み元やHTTPS、iframe、MIME typeなどの制限を伝える仕組みです。Astro＋Cloudflare Workers Static Assetsでの設定場所、CSP・HSTSの役割、GA4などを壊す設定ミス、過去の大規模事故から見える限界まで確認します。

AdSense申請中のbringain.comでads.txtが「不明」と表示されたため、ステータスの説明と/ads.txtの実表示を確認。404のままでも審査中に何をする必要があるのか、Google公式情報と照らして確認します。

Cloudflare WorkersのビルドでseriesOrder重複を検出した経験から、FrontmatterをAstro build前に検査する処理を追加。category、subcategory、series、seriesOrder、tagsを既存schemaとtaxonomyで確認し、正常時の219ページ生成まで記録します。

Astroの記事データから関連記事を選び、記事末尾へ自動表示する方法を記録します。既存のcategory・tagsを使った候補判定、自記事の除外、候補不足時の処理を確認します。

CloudflareのResponse Header Transform RulesとHSTS、Always Use HTTPSを使ってbringain.comのHTTPレスポンスを見直した。Security Headersの評価がFからAに変わるまでと、HTTPが200 OKのままだったつまずきも含めて記録する。

ゆまラボの記事をSNSへ流す前に、X、Bluesky、Threads、Mastodonの投稿方法を現在の公式情報で確認する。リンクプレビュー、投稿、GA4での流入計測を分け、まずXから始めるための前提を確認する。

PCでは問題なく読めたページが、スマホでは画像付近で止まったように見えた経験から、重い画像がモバイル表示へ与える影響を確認します。ゆまラボでAstroの画像最適化、srcset、WebP、遅延読み込みを適用した実測も振り返ります。

AstroはMarkdown見出しへ自動でIDを付けるため、追加プラグインなしでもページ内アンカーを使えます。長い技術記事の目次や特定セクション共有で役立つ一方、見出し変更によるURL切れ、UIの増加、固定ヘッダーやコピー機能の注意点もあります。

記事一覧のアイキャッチとSNS共有時のOGP画像を別々に管理せず、1枚の元画像から用途別に出力する方法を考えます。現在のゆまラボのXリンクカードとAstro画像処理を踏まえ、Frontmatter、getImage()、フォールバックまで実装前に確認します。

記事数が増えたブログで、分類、ページネーション、検索、内部リンク、リンク切れ確認など何が必要になったかを、ゆまラボの実例とアクセス解析から増えていく機能を分けて確認します。

Astroで作成しているゆまラボの記事本文に、見出しアンカーとURLコピー用のリンクを追加した作業記録。あわせてトップページへヒーロー、連載カード、カテゴリカードを追加した。

AstroブログのheroImageを記事一覧と記事本文へ表示し、同じ画像から1200×630のOGP画像を生成。画像なしの記事との互換性、summary_large_image、一覧レイアウトまで確認した記録です。

記事本文の画像をAstro標準の画像処理へ移し、WebP、srcset、sizes、width/height、loading="lazy"を追加。278個の画像ファイルと281件の参照を対象に、容量削減とPC・スマホ表示を確認した記録です。

ゆまラボの記事をXへ流す運用を、手動投稿からWeb Intentを使った半自動方式へ進めました。未投稿記事の管理、UTM付きURL、Codexからの投稿画面起動、実投稿、Google Analyticsのリアルタイム確認まで記録します。

404があるだけでサイト全体の順位が下がるわけではありません。一方、内部リンクが404を指す状態は、ページ発見やサイト構造の理解、ユーザー導線に影響します。Google公式情報とゆまラボの404実装をもとに整理します。

BrokenLinkCheck.comでbringain.comを360ページ確認し、distinct broken linksは0件でした。内部・外部リンクの実測結果と、画像・PDFやsoft 404など、この検査だけでは分からない範囲も確認します。

ChatGPTとGeminiのWeb検索比較で見つかったバージョン、上限値、API名、設定パスのずれを材料に、AI生成記事を公開前に確認するファクトチェックと編集の手順をまとめます。

Astroの生成HTMLをビルド後に検査し、存在しない内部URLへのリンクがあればnpm run buildを失敗させる処理を追加。修正前後の実測、URL判定、parse5、意図的なリンク切れテストまで記録します。

ChatGPTとGeminiへ同じ3つの技術質問を送り、通常質問と「Web検索・外部アクセス禁止」の条件で回答を比較しました。Astro最新版、Cloudflare Workers Free、Content Collectionsを使い、最新情報と安定した技術知識で差を確認します。

Codex CLIは、ローカルのリポジトリを直接調査し、ファイル修正やテストまで同じターミナルで進められます。AGENTS.md、レビュー、codex execを中心に、チャットとの違いと実務で使うときのポイントを確認します。

CodexのGPT-5.6 LunaとGPT-6 Astraへ同じAstro改修を任せた実測をもとに、AIモデルを開発で比べるときに見る項目を考えます。要件達成、時間、変更範囲、検証、手戻り、利用枠を分けて確認します。

404ページの役割は、存在しないURLへ来たユーザーをサイト内へ戻すことです。AstroとCloudflare Workersで正しい404ステータスを返しながら、Homeや記事一覧への導線を残す構成を確認します。

存在しないURLでブラウザ標準の404だけが表示されていたため、Astroの404.astroを追加しました。SiteLayoutを再利用し、トップページ・記事一覧への導線、Cloudflare Workersで404を返す構成、ローカルと公開画面の確認まで記録します。

技術ブログの収益化をAdSense、アフィリエイト、自作コンテンツ、相談・案件に分けて考えます。AdSenseについては誤っていたクリック報酬の説明を訂正し、現在のインプレッションベースの仕組みに修正しました。

SNSやメール通知がある現在でもRSSを残す意味はあるのか。RSS 2.0の現状、Astroでの生成方法、Googleのサイトマップ利用、ゆまラボで残している理由を確認します。

CodexのGPT-5.6 LunaとGPT-6 Astraへ実際のAstro改修を任せ、TOP、404、リンク切れ検出、画像最適化で時間・差分・検証範囲・利用枠を比較。4回目はAstraを思考量「軽」まで下げましたが、5時間枠を使い切り比較タスクを完走できませんでした。

Astroの記事本文へコードブロックごとのコピー操作を追加した方法を記録します。Clipboard API、textareaフォールバック、複数コードブロック、アクセシビリティ対応を確認します。

ゆまラボをGoogle AdSenseへ登録し、bringain.comの所有権をmetaタグで確認。審査をリクエストし、GoogleのCMPと支払い情報まで設定して「準備中」になったところまでを記録します。

ゆまラボで収益化を始める前に、Google AdSense、アフィリエイト、有料コンテンツ、スポンサーなどを比較。AdSenseの支払い方式について誤っていた説明を訂正し、現在のインプレッションベースの仕組みも確認します。

技術ブログにアイキャッチ画像は必要なのか。noteの見出し画像やサムネイル表示、Google Discoverの画像要件、現在のゆまラボの記事一覧を見ながら考えます。

Cloudflare Email Routingでcontact@bringain.comの受信はできた。送信もCloudflareで続けようとしたところWorkers Paidが必要だったので、今の使い方なら不要と判断して保留にした記録。

Google検索では見えているのにGeminiではページを取得できない現象をきっかけに、Googlebot、Google-Extended、AI検索用・学習用クローラー、Cloudflare側の制御を調べます。

Geminiからbringain.comを直接取得できず、URL_FETCH_STATUS_GOOGLE_EXTENDED_OPT_OUTが返った。robots.txt、Cloudflare AI Crawl Control、Google Search Consoleのライブテストを確認した記録。

ゆまラボの記事用画像をAIに生成してもらったところ、指定していないCloudflareやGoogle Analyticsのロゴまで入った。公開を止め、著作権・商標・ブランドガイドラインを確認して画像生成ルールを書き直した記録。

Google Analyticsを初めて設定し、ゆまラボ用のGA4プロパティとWebデータストリームを作成。AstroへGoogleタグを追加してCloudflareへ反映し、リアルタイムレポートでアクセスが入るところまで確認した記録です。

ゆまラボのトップページに直近30日の人気記事を自動表示するため、Cloudflare Web Analyticsで現在見られるデータを確認し、今後の分析やData APIでの自動取得を考えてGoogle Analyticsも使うことにした。

VS CodeのCodexでコマンド実行のたびに「一度だけ許可」が出る状態を、Permission ProfileとWindows Sandboxの設定を見直して解消した手順を記録します。

Wranglerの初回デプロイでcode 10034が出たときの実際のログと、Cloudflare側で確認した内容を残します。

公開中のAstroサイトで/sitemap.xmlだけ404になったときに、@astrojs/sitemapの出力名と公開ファイルを確認した記録です。

WindowsのAstroプロジェクトでWrangler追加時に出たnpm warn cleanupとEPERM。実際のログを見ながら、どこまで対応したかを残します。

GPT-6 AstraとClaude Fable 5.1を公式情報ベースで徹底比較。料金やコンテキストは驚くほど近いのに、AstraはPC操作、Fableは長時間の深い仕事へ少し違う方向を向いています。

AIで作成したゆまラボのロゴを例に、モチーフのまとめ方、画像内文字、小さいサイズでの見え方、ヘッダーへ配置するときの確認点を実際の変更前後画面と合わせてまとめます。

カテゴリ・サブカテゴリに残っていた汎用説明を実際の記事内容に合わせて変更し、連載にも共通の説明データを追加しました。/series/を説明・記事数・導線を持つカード表示へ変更した内容を記録します。

記事一覧、カテゴリ、サブカテゴリ、連載詳細で、一覧末尾だけにあったページナビを上部にも追加しました。上下のナビを共通コンポーネント化し、同じpage・sort状態を使うようにした内容を記録します。

TOPページで連載をカテゴリより上へ移動し、記事一覧・カテゴリ・連載詳細へ10件表示、新しい順と古い順の切り替え、最初・前へ・次へ・最後のページ移動を追加した内容を記録します。

Google AdSenseのプライバシーポリシー追記、お問い合わせ先の独自ドメインメールへの変更、全記事へのupdatedAt追加、記事H1とfaviconの小さな修正を行った内容を記録します。

WEB制作・AI・開発支援の説明をtaxonomy側で管理するよう変更し、記事一覧・タグ・連載ページに残っていた本文側の重複ナビゲーションを削除した内容を記録します。

準備中のままになっていたお問い合わせページにmailto方式のフォームと直接メールできる連絡先を追加し、プライバシーポリシーにはGoogle AdSenseの広告設定に関する説明を追記した内容を記録します。

公開したゆまラボをGoogle Search Consoleへドメインプロパティとして登録し、Cloudflare経由で所有権を確認。既存のsitemap.xmlを送信し、URL検査でトップページのインデックス状況を確認して登録をリクエストするまでを記録します。

bringain.comで問い合わせ用の独自ドメインメールを使うため、Cloudflare Email Routingを設定した。DNSの確認、ドメインのオンボード、転送先の認証、contact@bringain.comのルーティングルール作成、実際の受信確認までを記録します。

AstroとWordPressを、構成・更新方法・表示速度・運用・拡張性・Cloudflareとの相性まで比較。ゆまラボで最終的にAstroを選んだ理由を実際のサイト運用目線で整理します。

Claude Fable 5.1の特徴を、長時間作業、100万トークン、大規模リファクタリング、AIエージェントという観点からエンジニア目線で整理します。

OpenAIのGPT-6 Astraを公式情報から確認。105万トークンのコンテキストやComputer Useだけでなく、途中で指示を変えながら長い作業を任せる仕組みを、開発で使う目線から見てみます。

一度修正したはずのタグ重複が記事追加後に再発。Frontmatterの個別修正ではなく、タグマスタ、alias、共通のnormalizeTag、旧URL維持、未登録タグ警告まで追加した内容を記録します。

ゆまラボのAboutページへ運営者情報とプロフィール画像を追加し、全記事へパンくずとBreadcrumbListを実装。カテゴリページの重複ナビと記事本文のH1重複も修正した内容を記録します。

ゆまラボのヘッダーへ記事一覧・カテゴリ・連載・タグとサイト内検索を追加。横長の表を表だけ横スクロールできるように修正し、404だったsitemap.xmlも追加した内容を記録します。

Astroで公開しているゆまラボをCloudflare WorkersのFreeで運用し続けられるか、10万リクエスト、静的アセット数、ビルド上限、過去の障害、料金、別サーバーへの移行まで確認します。

ゆまラボでタグ一覧・個別タグページを使い、noindex、サイトマップ除外、表示改善を試したあと、最終的にタグページを廃止した流れを記録します。お問い合わせ、プライバシーポリシー、免責事項への導線も扱います。

AstroのContent Collection schemaに合わないFrontmatterでCloudflare Workersのビルドが失敗。categoryとsubcategoryの修正後に見つかった分類ミス、タグ重複、トップページの余白まで続けて修正した流れを記録します。

ゆまラボのヘッダーへロゴを適用し、新しく追加したサブカテゴリが英語で表示される問題、スマホでナビゲーションが崩れる問題、フッターのRSS導線をまとめて修正した内容を記録します。

第9回のFrontmatter整理をサイト側へ反映し、カテゴリ、細分化カテゴリ、連載、タグから記事を探せる構成へ変更。変更前後の画面を比較しながら確認します。

記事数の増加に備え、第1回から第8回のMarkdownへカテゴリ・細分化カテゴリ・連載情報を追加しました。本文は変更せず、Frontmatterだけを整理した内容をまとめます。

第7回で決めたデザイン方針を実際のAstroサイトへ反映。トップ、記事一覧、About、目次、前後記事リンクを追加し、GitHubへのpush後に発生したCloudflareのデプロイエラーも修正します。

独自ドメインで公開したAstroブログの修正前画面を確認し、noteを参考にトップページ、記事一覧、記事本文、Aboutを見直す方針を整理します。

Cloudflare Registrarで独自ドメインを検索・取得し、Cloudflare Workersで公開中のAstroサイトへ接続するまでの手順をまとめます。

Markdownのテスト記事を追加し、ローカル確認、GitHubへのpush、Cloudflare Workersへの自動反映を確認する手順です。

WranglerによるAstroサイトの公開、Cloudflareのメール認証エラー、workers.devの警告、GitHub自動デプロイ設定をまとめます。

AstroプロジェクトをGitHubへpushする手順と、not a git repository、Repository not found、origin already existsの解決方法です。

Astro公式ブログテンプレートの作成、ローカル表示、ビルド、Wrangler設定と、npmのEPERM警告への対応を紹介します。

個人サイトの構築にAstro、GitHub、Cloudflare Workersを選んだ理由と、最初に準備したアカウントをまとめます。