当サイトは閲覧体験の向上および広告配信のためにクッキーを使用します。詳細はプライバシーポリシーをご確認ください。

ブログ

PMBOKの叡智がAIに集約された「PMI Infinity」

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

pmi
projectmanagement
+2
AI駆動型販売・在庫管理システム「OpsPilot Console」の実装と展望

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

nextjs
prisma
+2
GoogleのAIエディタ「Antigravity」を触ってみた!設定やワークフローも解説

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

antigravity
google
+2
技術ブログにMermaidダイアグラムを導入した話【はてなブログ・DEV.to・Next.js対応】

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

mermaid
javascript
+2
Google AdSense「有用性の低いコンテンツ」審査対応の記録

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

adsense
seo
+2
Next.js + Resend APIでお問い合わせフォームを実装した話

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

nextjs
resend
+2
Next.jsでQiita風の見出しアンカーリンクを実装する方法

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

nextjs
react
+2
R2E APIをAWSに移行するプラン:Render + Vercel + Neon から AWS への移行戦略

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

aws
migration
+2
はてなブログへの自動投稿に対応した(GitHub Actions + AtomPub API)

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

githubactions
automation
+1
Vercel統合Neonでブランチ制限に達した話と対処方法

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

vercel
neon
+3
R2E APIのデモUIを作りました!Next.js + Render でバックエンド連携する実装記

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

nextjs
typescript
+3
Research→Experience API を作りました!課題から論文→示唆→次アクションまで一気通貫

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

fastapi
pgvector
+3
X(旧Twitter)にも自動投稿できるようにした話

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

nextjs
githubactions
+3
Vercel Postgresで匿名コメント欄を実装する(Next.js App Router)

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

nextjs
vercel
+2
AIと無料APIで"マルチ投稿ブログ"を自動化してみた(第2回)— 記事内容に合うカバー画像を自動生成

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

nextjs
automation
+2
マルチ投稿ブログを自動化してみた(第3回)— Vercel版に広告導入とAB最適化

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

automation
nextjs
+3
AIとGitHub Actionsで"マルチ投稿ブログ"を自動化してみた(第1回)

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

nextjs
githubactions
+2
SAA模試の後半バテを防ぐ:65問を集中し切る6つの戦術

SAA模試で後半に集中力が落ちてしまう問題を解決する、実践的な集中力維持のテクニックを紹介します。

aws
saa
+2