ブログ

PMI Infinityの最新アップデートと活用シナリオをスクショ付きで紹介し、PMBOKの知見をAIで即活用する具体策を解説します。

Next.js App RouterとPrisma、Neon Postgresを採用した中小企業向け販売・在庫管理システム「OpsPilot Console」のアーキテクチャと実装詳細、そして今後の開発ロードマップについて解説します

Googleが発表した新AIエディタ「Antigravity」を実際に試してみました。基本的な使い方から、プロジェクト固有のルール設定(rules.md)やワークフロー(.agent/workflows)の活用方法まで詳しく解説します。

はてなブログ、DEV.to、Next.jsの技術ブログでMermaidダイアグラムを表示できるようにした実装を紹介します。各プラットフォームの特性に合わせた設定と、ダークモード対応まで解説します。

Google AdSenseの審査で「有用性の低いコンテンツ」という理由で不合格になりました。Aboutページの追加、ナビゲーション改善、コンテンツ拡充、メタ情報改善などの対応を実施した記録です。

Next.js(App Router)とResend APIを使用して、お問い合わせフォームを実装しました。フロントエンドのバリデーション、バックエンドのメール送信、XSS対策、エラーハンドリングまで、実装の詳細をまとめます。

Next.jsとrehypeを使って、Qiitaのように見出しにホバーで表示されるリンクアイコンを実装する方法と、ハイドレーションエラーの解決方法を解説します。

Research→Experience API の現在の構成(Render + Vercel + Neon)を AWS に移行する詳細なプランをまとめました。 ECS Fargate、RDS PostgreSQL(pgvector)、VPC設計、コスト比較まで、実装に必要な情報を網羅しています。

既存のマルチ投稿仕組みにはてなブログ(AtomPub API)を追加しました。Frontmatterのpublish_onにhatenaを指定するだけで自動投稿できます。

VercelとNeonの統合で、プレビューデプロイごとに自動的にデータベースブランチが作成され、無料プランの上限(10個)に達してしまいました。固定プレビューブランチを使用する設定で解決した話をまとめます。

Research→Experience API を作ったので、それを体験できるフロントエンドUIを Next.js ブログに追加しました。 Next.js API Route でバックエンドプロキシ、Render のコールドスタート対応、POST リクエストのハマりポイントまで実装過程を書いています。

自然文のビジネス課題から関連論文を探索し、pgvectorで類似検索、LLMで「示唆+根拠つき要約」まで返す FastAPIベースのAPIを作りました。こんなの作りました!と今後の改善点を書いています。

Qiita、Zenn、DEV.toに加えて、X(旧Twitter)への自動投稿機能を追加しました。OAuth 1.0a認証を使用して、記事の公開時に自動的にXに投稿される仕組みを構築しています。

認証なし(表示名+任意ID)で投稿できるコメント欄を、Vercel PostgresとNext.jsのRoute Handlersで最小構成に追加。レート制限やハニーポット、XSS対策などの実装ポイントをまとめます。

無料の生成AI(Hugging Face)とUnsplashを組み合わせて、記事ごとに最適なカバー画像を自動生成・埋め込みできるようにしました。フォールバックやOGP最適化も対応。

Vercel/Next.jsブログにAdSenseを安全に導入し、Cookie同意ゲート・記事内/末尾配置・MultiplexとのABを最短で実装。ワークフローと運用の型も公開します。

1つのMarkdownからQiita・Zenn・DEV.to・GitHub Pages・Vercelへ自動投稿できる仕組みを構築しました。Next.js + MDX + GitHub Actionsで実現しています。
