バイブコーディング（Vibe Coding） という言葉をご存知でしょうか。これは、具体的な技術仕様ではなく「雰囲気」や「感覚」といった抽象的な指示でコードを生成・修正するAI開発の新しいスタイルです。
「AIに開発を任せる」ってどんな感じなのか興味があったのですが、Claude Codeを使って実際に体験したことは、想像を遥かに超えるものでした。
今回は、簡単なホワイトボードアプリのUIを改善してもらった体験を通じて、たった一言の「バイブ」でどこまでできるのかを検証してみました。
Next.js の公式チュートリアルをベースにしたダッシュボードアプリにおいて、セキュリティ脆弱性の解消をきっかけに Next.js 16 へのアップデートを敢行しました。
最新の React 19 や Next.js 16 では、これまでの書き方が通用しない「破壊的変更」や、ビルド時の挙動の変化がいくつかあります。フリーランスエンジニアとして、実務でも遭遇しそうなこれらのトラブルをどう解決したか、その全記録を共有します。
現在開発中のフリー素材サイト「Free Images」に、「寄付（Donate）」機能を導入することにしました。
「決済機能なんて実装が大変そう…」と身構えていたのですが、Stripe を使えばコードをほとんど書かずに導入できることが判明。
しかし、いざ設定を始めると 「管理画面のどこで名前を変えるの？」「複数のアプリはどう管理する？」 といった、コード以外の部分で意外と躓きました。
今回は、初めてStripeを触るエンジニアに向けて、最短で安全に寄付機能をリリースするための手順と、私がハマった落とし穴をシェアします。
最近、初心に帰って、JSTQB Foundation Level の資格を取得しようと思っています。
とりあえず、 シラバス（V4.0）を読み込んで、マインドマップ化しました。
JSTQB Foundation Level (Syllabus V4.0)： https://jstqb.jp/syllabus.html#syllabus_corefoundation
Next.js（App Router）での認証実装。ライブラリが優秀すぎて「なぜか動く」状態になりがちですが、一歩踏み込んで JWT（JSON Web Token ジョット） の仕組みを理解すると、デバッグの質が劇的に変わります。
今回は、Auth.js（NextAuth）を例に、JWTの正体と現場で使えるTipsをまとめました。