Python Academy · レッスン

シンプルなWebアプリの構築

Q: 「シンプルなWebアプリの構築」で何を学びますか？

Flaskを使って、初めてのWebアプリケーションを作成します。 ブラウザで直接実行するハンズオンコードでPython Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Flaskを使って、初めてのWebアプリケーションを作成します。

「シンプルなWebアプリの構築」はCoddyKit上の無料Python Academyレッスンです。これはレッスン3/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはPython Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Python Academyコースには全4レッスンが含まれています。

シンプルなWebアプリの構築

Flaskの基本を学んだところで、シンプルなWebアプリケーションを構築してみましょう。このアプリには、複数のルート、HTMLテンプレート、そしていくつかのインタラクティブな機能を含めます。

このレッスンでは、基本的なWebアプリを手順に沿って作成します。

ステップ1: プロジェクトの設定

プロジェクト用の新しいフォルダーを作成し、仮想環境を初期化します。

python -m venv venv

仮想環境を有効にして、Flaskをインストールします。

pip install flask

# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

ステップ2: アプリの構成の作成

次のフォルダーとファイルを作成します。

app.py: メインのアプリケーションファイル
templates/: HTMLテンプレート用のフォルダー
static/: CSSや画像などの静的ファイル用のフォルダー

ステップ3: ルートの定義

app.pyで、ホームページと概要ページのルートを定義します。

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

if __name__ == '__main__':
    app.run(debug=True)

ステップ4: テンプレートの追加

templates/フォルダー内に、home.htmlという名前のHTMLファイルを作成します。

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

ステップ5: render_templateの使用

homeルートとaboutルートを更新して、テンプレートを使用するようにします。

# Using templates
from flask import render_template

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/about')
def about():
    return render_template('about.html')

ステップ6: 静的ファイルの追加

static/フォルダー内にstyle.cssファイルを作成し、home.htmlでリンクします。

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

ステップ7: アプリの実行

Flaskアプリケーションを実行します。

python app.py

ブラウザーを開き、http://127.0.0.1:5000/にアクセスすると、Webアプリの動作を確認できます。

Webアプリ構築時によくある間違い

次のような間違いを避けてください。

アプリの構成を整理しないこと（例: templates/フォルダーやstatic/フォルダーがない）。
url_for()を使わずにURLをハードコーディングすること。
デバッグモードでアプリをテストしないこと。

何を学びましたか？

このレッスンでは、次のことを学びました。

Flaskプロジェクトの構成を設定する方法
ルートを定義してテンプレートを使用する方法
CSSなどの静的ファイルをアプリに含める方法
Flaskアプリケーションを実行してブラウザーで表示する方法

よくできました。次のトピックに進みましょう。

よくある質問

「シンプルなWebアプリの構築」レッスンは無料ですか？

はい。「シンプルなWebアプリの構築」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Python Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Python Academyコースには全4レッスンが含まれています。

「シンプルなWebアプリの構築」で何を学びますか？

Flaskを使って、初めてのWebアプリケーションを作成します。ブラウザで直接実行するハンズオンコードでPython Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Python Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのPython Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン3/4です。

「シンプルなWebアプリの構築」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このPython Academyレッスンでコードを書いて実行できますか？

はい。すべてのPython Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← Python Academyに戻る