FastAPIを動かしてみた｜はじめてのAPIとSwagger体験

ぐう　たらこ

前回は、FastAPIをインストールしたよ！

FastAPIとは？初心者がインストールしてみた記録

FastAPIとは。ざっくり特徴の確認と、インストール方法を確認した初心者の学習記録。

guutarako.com

2026.03.23

ぐう　たらこ

今回は、実際にFastAPIを動かしてみようと思います！

今回やること

• FastAPIを実際に動かしてみる
• Swaggerの画面を見てみる

Visual Studio Codeでプロジェクトを開く

ぐう　たらこ

コードを書いていくエディターは、

すでにインストールしてたVisual Studio Codeを使っていくよ！

前回作成した「fastapi-project」を、
「ファイル」→「フォルダを開く」から選択します。

仮想環境を有効化する

Visual Studio Codeの「ターミナル」を開いて、下記を実行します。

source venv/bin/activate

venv\Scripts\activate

ぐう　たらこ

仮想環境は毎回有効化するの？

チャッピー

はい、毎回やります。

仮想環境は「そのターミナルの中だけで有効」だからです。

例外として、Visual Studio Codeの設定で「自動有効化」もできますが、今は気にしなくてOKです。

main.py を作る

プロジェクト直下に main.py を作成し、以下のコードを書きます。

from fastapi import FastAPI

app = FastAPI()

@app.get("/")
def hello():
    return {"message": "Hello FastAPI"}

ぐう　たらこ

あれ、fastapiに波線がついちゃってるよ！

チャッピー

これはVisual Studio Codeが「fastapiが見つからない」と言ってる状態です。

原因は、Visual Studio Codeが仮想環境（venv）を見ていないことです。

★解決方法

チャッピー

Pythonの選択を変更します。

チャッピー

Visual Studio Codeが

「このプロジェクトはこのPython使うね！」ってなります

ぐう　たらこ

venvを選択したら、波線が表示されなくなったよ！

サーバーを起動する

以下のコマンドでアプリを起動します。

uvicorn main:app --reload

ブラウザで確認する

ブラウザで以下にアクセスします。

http://127.0.0.1:8000/

ぐう　たらこ

こんな画面が表示された！

Swaggerとは

チャッピー

http://127.0.0.1:8000/docs にアクセスすると、Swaggerが表示されます。

ぐう　たらこ

Swaggerって？

チャッピー

Swaggerとは、APIをブラウザ上で確認・実行できるツールです。  

FastAPIでは特別な設定をしなくても自動で利用でき、  

APIの動作確認や仕様の把握を簡単に行うことができます。

ぐう　たらこ

便利そうだね！

覚えておこう！

まとめ

• FastAPIを実際に動かしてみた
• Swaggerの画面を見てみた

ぐう　たらこ

実際に画面に表示されるとテンションがあがるね！

まだ仕組みを全部理解できていないから、少しずつ分かることが増えていくといいな…！