ニュースアプリの雛形作成

Windsurf によるソフトウェア開発

Francesca Donadoni

AI Curriculum Manager, DataCamp

ニュースアプリの雛形作成

  • WindsurfでReactとNodeのニュースアプリを雛形作成し、News APIキーを安全に設定します
  • ライブニュースを取得できる完全に動作するテンプレート

ニュースアプリの雛形作成1

Windsurf によるソフトウェア開発
Windsurf によるソフトウェア開発
Windsurf によるソフトウェア開発
Windsurf によるソフトウェア開発

最終ステップ:APIによる更新取得

$$

  • News APIに安全に接続する必要があります

$$

  • 環境変数を使用してAPIキーを保存します

$$

  • Windsurfには2つの方法があります

api_call_news_04.png

Windsurf によるソフトウェア開発
Windsurf によるソフトウェア開発
Windsurf によるソフトウェア開発

セキュリティのヒント

  • APIキーはWindsurf内で非公開のまま保持されます

  • フロントエンドは環境変数を通じて安全にアクセスします

  • GitHubにコードをプッシュする際は .env ファイルを .gitignore に追加してください

    • 機密情報のアップロードを防止します

セキュリティのヒント

Windsurf によるソフトウェア開発
Windsurf によるソフトウェア開発

練習しましょう!

Windsurf によるソフトウェア開発

Preparing Video For Download...