Webアプリを作ってみたいけど、何から手をつけていいか分からない、最初の環境構築やエラーでつまずいて「もうやだ!」ってなっていませんか?
分かります、そのエラー面倒ですよね。せっかくやる気を出したのに、変なエラー画面とにらめっこするのは本当に辛い。
でも大丈夫!今回は、Pythonの「Flask」というツールを使って、ブラウザに「Hello」と表示させる超簡単なWebアプリを、コピペでサクッと解決できるように解説します。最小限の労力で、Webアプリが動く感動を一緒に味わいましょう!
Flaskって何?
「Flask(フラスク)」というのは、Pythonを使ってWebアプリを作るための「道具箱」みたいなものです。
Webアプリを作るには、色々な準備や複雑な設定が必要なんですが、Flaskを使えば、そういった面倒な部分をある程度自動でやってくれて、「アプリの核となる部分」だけに集中できるようになります。
例えるなら、料理をする時に、材料を切る道具、火にかける鍋、盛り付けるお皿などが全部揃った「便利セット」がFlaskです。特にFlaskは「マイクロフレームワーク」と呼ばれていて、機能は小さいけれど、それゆえに自由度が高く、初心者にも扱いやすいのが特徴です。
環境構築:最小限の準備
まずは、Webアプリを作るための最低限の準備をしましょう。Pythonがインストールされている前提で進めます。
1. 仮想環境を作ろう(推奨)
いきなり専門用語が出てきてごめんなさい!でもこれ、すごく大事なことです。
「仮想環境」というのは、例えるならプロジェクトごとに専用の作業部屋を作るようなものです。こうすることで、このWebアプリで使う特別な道具(ライブラリ)が、他のプロジェクトと混ざり合って、後でトラブルになるのを防げます。
まずは、コマンドプロンプト(Windows)やターミナル(Mac)を開いて、以下のコマンドを順番に実行してみてください。
“`bash
1. アプリを置くフォルダを作成して移動
mkdir my_hello_app
cd my_hello_app
2. 仮想環境を作成
python -m venv venv
3. 仮想環境を有効化
Windowsの場合
.\venv\Scripts\activate
Mac/Linuxの場合
source venv/bin/activate
“`
仮想環境が有効になると、ターミナルの行頭に(venv)のような表示が出ます。これで、このプロジェクト専用の作業部屋に入ることができました!
2. Flaskをインストールしよう
作業部屋に入れたら、次に「Flask」という道具をインストールします。
bash
pip install Flask
これでFlaskが使えるようになりました!「Successfully installed Flask-xxx...」のようなメッセージが出れば成功です。
コードを書いてみよう(コピペでOK!)
さあ、いよいよコードを書いていきます。難しく考えずに、以下のコードをそのままコピーして、app.pyという名前で保存してください。
my_hello_appフォルダの中に保存するのがおすすめです。
“`python
flaskという道具箱の中から、Flaskという本体を取り出す準備
from flask import Flask
Flaskアプリケーションの「箱」を作るよ。
__name__は、このファイルの名前をFlaskに伝えるためのおまじない。
app = Flask(name)
ブラウザから「/」(トップページ)にアクセスがあったら、
次に続くhello()関数を動かしてね、という「道案内」の設定。
@app.route(‘/’)
def hello():
# hello()関数が呼ばれたら、「Hello」という文字列をブラウザに返してね。
return “Hello”
このファイルが直接実行された時だけ、Webサーバーを起動するおまじない。
debug=True にすると、開発中にエラーがあった時に詳しく教えてくれたり、
コードを変更したら自動で再起動してくれたりして便利!
if name == ‘main‘:
app.run(debug=True)
“`
コードの超ざっくり解説
from flask import Flask: Flaskを使う準備です。app = Flask(__name__): Webアプリ本体(Flaskアプリケーション)を作っています。@app.route('/'): 「http://127.0.0.1:5000/」というURLにアクセスがあったら、次の関数を実行してね、という「URLと機能の紐付け」です。これを「ルーティング」と呼びます。def hello(): return "Hello": 実際に動く機能です。ブラウザに「Hello」という文字を表示させます。if __name__ == '__main__': app.run(debug=True): このPythonファイルを動かしたら、FlaskのWebサーバーを起動してね、というおまじないです。debug=Trueは開発モードで、エラーがあった時に原因を教えてくれたり、ファイルを保存すると自動でWebアプリが再起動してくれたりして便利です。
アプリを起動してみよう!
コードが書けたら、いよいよアプリを起動します。
仮想環境が有効になっているターミナル(行頭に(venv)がある状態)で、先ほど保存したapp.pyファイルがあるフォルダにいることを確認して、以下のコマンドを実行します。
bash
python app.py
コマンドを実行すると、ターミナルに以下のようなメッセージが表示されるはずです。
* Debug mode: on
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
* Restarting with stat
* Debugger is active!
* Debugger PIN: XXX-XXX-XXX
この中で特に注目してほしいのが、http://127.0.0.1:5000/というURLです。
解決!「Hello」表示の確認
さあ、Webブラウザ(Chrome, Firefox, Edgeなど)を開いて、アドレスバーに先ほどのURL http://127.0.0.1:5000/ を入力してアクセスしてみてください!
どうですか?
ブラウザに「Hello」と表示されましたか?
もし表示されていれば、おめでとうございます!あなたはPythonとFlaskを使って、初めてのWebアプリを動かすことに成功しました!
「え、これだけ?」と思うかもしれませんが、これがWebアプリ開発の第一歩であり、最も基本的な仕組みです。ブラウザからのリクエストを受け取り、Pythonのコードが処理を行い、その結果をブラウザに返す、という一連の流れを体験できましたね。
まとめ
今回は、PythonのFlaskを使って、ブラウザに「Hello」と表示させるだけの超シンプルなWebアプリを作ってみました。
- FlaskがWebアプリ開発を助けてくれる「道具箱」であること。
- 仮想環境でプロジェクトごとに作業部屋を分けられること。
- たった数行のコードでWebアプリが動くこと。
最初のエラーでつまずくことなく、無事に「Hello」が表示されたなら、それは大きな成功体験です!
この成功体験を元に、今度は「Hello, [あなたの名前]!」と表示させてみたり、別のページを作ってみたりと、少しずつ機能を拡張していくと、きっともっと楽しくなるはずです。
これからもコピペでサクッと解決できる方法をたくさん紹介していきますので、ぜひ一緒に業務効率化とプログラミングの楽しさを追求していきましょう!

コメント