最新記事
少しずつでも、確実に成長していく場所
Astro + Supabaseで「ログアウトしたのにUIが変わらない」問題を解決した話
SaaSやWebアプリでよくある「回数制限付き機能」の実装。「ボタンを押したらチケットを1枚消費してサービスを実行する」というシンプルな要件ですが、
AIが生成したHTMLを安全に表示するには?(DOMPurifyとXSS対策)
AIチャットボットやGEO(Generative Engine Optimization)診断ツールなど、「AIが生成したテキストをリッチに表示したい」というニーズが急増しています。しかし、MarkdownのパースやHTMLの直接挿入には、常にXSS(クロスサイトスクリプティング)のリスクが伴います。 本記事では、AIアプリ特有の脆弱性と、デファクトスタンダードである
【Notion × Astro】Makeを使ってCloudflare Pagesへのデプロイを完全自動化する(無料枠対応)
NotionをCMSとして利用するテックブログ(AstroやNext.jsなど)を構築しました。しかし、記事を書くたびに手動でCloudflareのデプロイボタンを押したり、PCでビルドコマンドを叩くのはナンセンスです。 そこで、iPaaSツールの
Astro x Vercel で実現する、超シンプルな「国判定」ロジック
グローバルSaaSを開発する際、「日本からのアクセスなら日本語、それ以外なら英語をデフォルトにする」という要件は必須です。通常は
Stripe決済実装でやりがちな「なりすましアップグレード」の脆弱性と修正
SaaS開発で欠かせない決済機能。Stripeを使えば簡単にサブスクリプション機能を実装できますが、
【Astro】Zodを使った「型安全なプロンプト」構築パターンの実践
TypeScriptの開発ではおなじみのバリデーションライブラリ
LLMの不安定なJSONレスポンスを絶対にねじ伏せる「堅牢パースロジック」の実装
Google Gemini / Claude / GPT などのLLM APIを利用する際に必須となる、
動的サイトも逃さない。Puppeteer + Cheerio ハイブリッドスクレイピング戦略
ReactやVueで作られたサイトを
LLM診断精度を上げるためにプロンプトを「コード化」した話
本記事では、AIユーザー診断SaaSを個人開発する中で、診断精度を上げるために行った「プロンプト設計の実装パターン」を紹介します。
Vercel Edge FunctionsでLLM APIを扱うときにハマった制約まとめ
この記事では、
GitHubのPR差分からドキュメントを自動更新するAI SaaS「Diff Note」を個人開発しました
GitHubのPR差分を解析し、READMEの更新やADRの作成を全自動で行うSaaS「Diff Note」を開発しました。 本記事では、Next.js + Supabase + LLMで構築したSaaSのアーキテクチャと、個人開発特有の「実装しない勇気(Human API)」を取り入れた決済フローについて紹介します。
GitHub PRの「何が変わったか」ではなく「なぜ変えたか」を要約させるLLMプロンプト
GitHub Copilotや各種AIツールのおかげで、コードを書く速度は劇的に上がりました。しかし、
GitHub AppのWebhookをNext.js Route Handlersで安全に処理する実装パターン
GitHub AppやGitHub Actions連携ツールを開発する際、避けて通れないのが
Notion × Astro × Honoで、Lighthouse 100点の爆速ブログ基盤を作った話【完全OSS】
「最高の執筆体験(Notion)」と「最高の配信パフォーマンス(Edge)」を両立させたい。 そんな思いから、
【Astro v4】Notion APIの画像(S3)を、リンク切れさせずに爆速表示する方法
NotionをヘッドレスCMSとして使うと、
【Astro × Hono】Cloudflare Pagesで、静的サイトに「認証付きプレビュー機能」を実装する
Astroなどの静的サイトジェネレーター(SSG)は爆速ですが、唯一の弱点が
Cloudflare PagesでOGP画像を動的生成する際のWASM制限とその解決策
Astro + Notion + Cloudflare Pages構成でブログを運用していた際、OGP画像の動的生成がローカル開発環境では動作するのに、本番環境では全く動かないという問題に遭遇しました。 本記事では、この問題の原因と解決策を共有します。
Astro + Cloudflare Pages プレビュー機能で500エラーが発生した原因と解決策
Astro + Cloudflare Pages で構築したNotionブログのプレビュー機能(SSR)で500エラーが発生。ローカル開発環境では動作するが、本番環境(Cloudflare Workers)では動作しない。
pymongoの[SSL: CERTIFICATE_VERIFY_FAILED]を解決する
pymongoのセキュリティエラー解消
VS CodeでPythonの仮想環境を構築する(windows)
venvの環境構築方法解説