【インタビューAI】Bootstrapからshadcn UIへの変更：高速で軽量なUIの実現
shadcn UIは、Reactアプリケーションに最適化された軽量なUIコンポーネント集で、パフォーマンス向上と柔軟なデザインを実現できる。Tailwind CSSとの統合により、カスタマイズ可能なUI開発が可能。shadcn/uiはTailwind CSSをベースにしているため、Tailwind CSSもインストールして設定する必要がある。
インタビューAI
【MongoDB】本番環境でのMongoDB Atlas導入：クラスタ作成からCloud Runでの接続まで
MongoDB Atlasを使用して、本番環境でのデータベースホスティングからCloud Runでのバックエンド接続設定を行った。クラスタ作成の手順、接続URIの安全な設定方法、Secret Managerを使ったシークレット管理、MongoDB Compassを用いたデータベースの確認方法までを記載。
【インタビューAI】Stripe決済の実装：GCPとMongoDBを使ったテスト環境から月額課金導入まで
本記事では、「インタビューAI」におけるStripe決済の導入手順を詳しく解説。まず、Stripeのテスト用APIキーを取得し、月額プランを設定。次に、GCPとMongoDBでバックエンドを整え、最終的にテスト環境で決済機能を確認する
【GitHub Actions】を使用したFirebase Hostingへの自動デプロイの設定
GitHub Actionsを活用することで、手動のデプロイ作業を効率化し、Firebase Hostingへの自動デプロイを実現可能。本記事では、Firebaseプロジェクトの設定からGitHub Actionsの構築まで、ステップごとに具体的な手順を記載