Windsurfの基本

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

Francesca Donadoni

AI Curriculum Manager, DataCamp

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

Windsurf:インテリジェントなコーディングアシスタント

  • 高度なコンテキスト分析でコードベースを把握

  • 自然言語でプロンプトを入力可能

  • 構築・リファクタリング・デバッグを効率化

windsurf_vs_traditional_ide.png

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

コースの目標

$$

  • 🖥 コンテキスト対応のAIワークスペース

  • 💬 質問またはコード生成のためのチャット・書き込みモード

  • 🤖 CascadeによるタスクのTo自動化

    • クエリの実行
    • デバッグ
  • 🚀 アプリの構築・セキュリティ確保・デプロイ

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

スタンドアロンのエージェント型IDE

  • AIを活用して開発者がよりスマートに作業できるよう一から構築

agentic_ide.png

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

始めましょう!

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

welcome_to_windsurf.png

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

手順1:セットアップフローの選択

choose_flow.png

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

手順2:テーマの選択

choose_editor.png

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

手順3:サインインまたはアカウント作成

welcome_screen.png

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

Windsurfのインターフェース

windsurf_interface_01_v2.png

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

Windsurfのインターフェース

windsurf_interface_02_v2.png

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

Windsurfのインターフェース

windsurf_interface_03_v2.png

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

Windsurfのインターフェース

windsurf_interface_04_v2.png

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

Cascadeのモード

write_mode.png

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

Cascadeチャットモード

$$

コードの調査、デバッグ、または実装のサポート依頼に使用する会話型インターフェース。

$$

例:

React NativeアプリにボトムタブをどのようにTo追加できますか?

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

Cascade書き込みモード

$$

エディターに直接統合され、コードの生成や改善を行うコンテキスト対応のコード補完。

$$

例:

ボイラープレートを含むHTMLファイルを生成する

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

練習しましょう!

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

Preparing Video For Download...