2025年3月21日、私は正式に「テクノロジーの初心者」から脱出し、Vibe Codingアカデミーの門をくぐり、AIコーディングのインターン生になりました!
この出来事のきっかけは、会社の異なるマーケティングチャネルで外部リンクを整理しているときに、 「完全にカスタマイズされたブランドURL」と「追跡プロセスの簡素化」 の両方を同時に提供できるツールが市場に存在しないことに気づいたことです。実際、この痛点は私の初めてのB2Bマーケティングの仕事で経験したもので、多くのデジタルマーケターも同様の問題に直面しています。
これまで、DNSのリダイレクトなどの技術的詳細に不慣れだったため、また、独自の開発のための適切なMarTech(マーケティングテクノロジー)ツール がなかったため、これらの問題は通常、技術チームの介入を必要としていました。プログラミングのバックグラウンドがない人間にとって、必要な「カスタムツール」を開発することはほぼファンタジーでしたし、既存の解決策を使用することしかできませんでした。
しかし、CursorやClaudeのようなAI協力ツール、低コードプラットフォームサービスのZeaburのおかげで、プログラミングのバックグラウンドがない人でも短時間で開発を完了し、デプロイできるようになりました。
今回は、Zeaburのテンプレートを使って完全にカスタマイズ可能な短縮URL生成器を開発してみました。プロセスの中で、Claude AIを使ってコードを生成し、MongoDBに短縮URLデータを保存し、さらにワンクリックでZeaburにデプロイしました。わずか2-3時間で、私は稼働中の小さなツールを開発し、元々の痛点を解決することに成功しました。
本題に入る前に、市場にある短縮URLサービスの2つの大きな制限についてお話ししましょう。
ほとんどの短縮URLサービスは、プラットフォームのブランドが残ります。たとえば、最も有名なBitlyは、ブランドマーケティングには不適切です(特に私のような強迫性障害のある人にとっては)。
私は、https://deploy.zeabur.app/buildtemplateのような完全にカスタマイズ可能なドメイン を使用したいと考えていました。
リンクの「生成」、「管理」、および「追跡」の3つの機能を統合し、カスタマイズ可能な短縮URLのニーズも解決するために、私は3時間Claudeと会話し、ドメインをカスタマイズできる短縮URL生成器を開発しました。また、MongoDBを使用してリダイレクトデータを保存できる基本的なクリックデータ追跡メカニズムを内蔵し、ユーザーが短縮URLの効果をバックエンドで確認できるようにしました。
今回の短縮URL生成器の開発プロセスでは、手書きのコードは一切なく、Claude AIとの対話を通じて必要なプログラムロジックを段階的に生成しました。Node.jsの開発経験が全くなかったため、データベースを接続することは言うまでもありません。
次に、Claudeのコードのロジックを理解するためにコードをGPTに投げ返しました。
crypto.randomBytes(3).toString('hex')
というメソッドを生成し、短縮URLに6桁のランダムIDを付与して、衝突が起こりにくいようにしています。app.post("/shorten")
でユーザーがURLを送信できるようにし、app.get("/:shortId")
でリダイレクトリクエストを処理し、完全なAPI構造を形成しました。ロジックが整理された後、ダッシュボードに進み、ホストを選択し、GitHubからデプロイを選択して、コードをデプロイしました!
コードが準備できた後、コードを実行するための他の設定をどうすればよいかを調べ始めました。大学ではデータベース管理を学んでいなかったため、環境設定について何をどうすればよいかわかりませんでした。Zeaburの公式ウェブサイトを検索したところ、確かに公式のテンプレートが存在することがわかりました。
デプロイをクリックし、サーバーを選択すると、データベースが直接作成され、実際に「ワンクリック」で済みました!(その時、ダッシュボードがすぐにリダイレクトされて本当に驚きました???)
プロジェクトのバックエンドに入ると、変数のセクションに移動してMongoDBの環境変数キーと値を追加しました。すると、コードが実行されました!
すべてが整ったと思いきや、最初の接続が失敗し、バックエンドのログに赤いエラーコードが表示されているのを見たとき、私は非常に愚かな命名ミスを犯していたことに気づきました(笑)。最初の方で特に注意を払っていなかったため、アップロードしたGitHubのコードは正常な命名規則や階層構造を守っておらず、実行時に対応するコードを取得できなかったのです。
調整後、コードはついに実行されました!(さらにはチームのチャンネルで公表しました(笑))
この短縮URL生成器はまだ非常に単純なMVPステージにありますが、私の想像の中では(およびスムーズなワークフローの追求において)、その拡張性は非常に高いです。将来的には、このツールをさらに発展させたいと考えています:
今回のVibe Coding体験を通じて、技術的なバックグラウンドがなくても、AIやZeaburのような低いプログラムのハードルを持つプラットフォームを通じて、自分自身のデジタルマーケティングツールを作ることができること、マーケティングプロセスの自動化を実現できること に気づきました。私は、マーケターがより自立してパーソナライズされたMarTechソリューションを創造できるように、Zeaburのさらなる利用シーンを探求することを楽しみにしています。