マガジンのカバー画像

Tech Magazine

15
プラスジャムの開発者が、いろんな技術やツールを試してみた成果を綴るマガジンです。誰かのお役に立てば幸いです。
運営しているクリエイター

#フロントエンド

Deployment Protectionのすすめ

こんにちは、フロントエンドエンジニアのカネコです。 web開発の世界では、デプロイメント環境のセキュリティは非常に重要です。スタートアップであれ大企業であれ、セキュリティ侵害は重大な損害とコストをもたらす可能性があります。 Vercelは、このようなリスクを軽減するために「Deployment Protection」機能を提供しています。2022年12月19日に導入されました。 この記事では、VercelのDeployment Protectionがどのように機能するか、そし

【OpenAPI】Prismでモックサーバーを構築

はじめに今回はOpenAPIの仕様をもとに簡単にモックサーバーを構築できるPrismを試してみます。 以前、Visual Studio CodeにOpenAPI (Swagger) Editorを入れてYAMLを書く記事を公開しましたが、実際のプロジェクトではモックサーバーが必要になるケースが多いはずなので参考にしてみてください。 この記事ではテスト用のAPIの用意とPrismのインストール、動作確認まで行います。 バージョン情報 テスト用のAPI今回は動作確認のため、

【 Vercel x Next.js 】Basic認証のススメ

はじめにはじめまして、フロントエンドエンジニアのカネコです。 今回は、VercelとNext.jsを用いたウェブアプリケーションにBasic認証を追加する方法について説明します。この設定は開発、プレビュー、そして本番環境を切り替えることで、環境ごとに異なる認証要件を柔軟に適用できます。 環境変数の設定Vercelでの環境変数の設定は、プロジェクトの Settings > Environment Variables で行います。 BASIC_IDとBASIC_PWDという名