概要

Pythonで0からWebアプリを作る機会があったので、そのまとめとして！
この記事では環境構築について書いています。

こんな方に読んでほしい

プログラミング未経験だけどアプリ作ってみたい方
新人Webプログラマの方
経験者だけどPythonでWebアプリ書いたことない方

ゴール

HTML, CSS, JavaScript, Python, SQLを使ってCURD機能を持ったWebアプリを作成するのが目標です。

必要なもの

PC（Windows OS）
インターネット回線
わくわくした気持ち

1. Pythonのインストール

公式サイトからダウンロードできます。
Download Python | Python.org

インストーラを起動したら、「Add Python 3.8 to PATH」にチェックを付けて「Install Now」してください。

コマンドプロンプトを起動し、pythonと入力して画像のようになったらインストール成功です。

2. Visual Studio Codeのインストール

公式サイトからダウンロードできます。
Visual Studio Code - Code Editing. Redefined

インストーラを起動し、基本的には次へ次へ進めてOKです。
「エクスプローラーのファイルコンテキストメニューに[Codeで開く]アクションを追加する」と「エクスプローラーのディレクトリコンテキストメニューに[Codeで開く]アクションを追加する」の2つにチェックを入れると、エクスプローラー上でフォルダ右クリックしてVSCodeで開けたりするので便利です。

3. Visual Studio Codeプラグインのインストール

VSCodeでは便利な拡張機能が多数配布されています。サイドバーから確認できます。

とりあえずぼくが入れている & 今回使いそうな最低限のものをご紹介します。

Japanese Language Pack for Visual Studio Code

デフォルト英語のVSCodeを日本語化してくれます。

Python

Pythonの実行をVSCode上でできます。

Prettier - Code formatter

コードフォーマッターです。（コードのインデントやスペースを自動で整えてくれるやつ）
VSCode標準のフォーマッターもあるんですが、Prettierは幅広く、カスタマイズ容易なので使っています。

4. PostgreSQLのインストール

EDBのサイトからダウンロードできます。
Download PostgreSQL Database for Windows, Linux and MacOS & 32-bit or 64-bit Versions | EDB

インストーラを起動し、基本的には次へ次へ進めてOKです。

pgAdmin4はPostgreSQLを簡単に扱うためのGUIツールです。これがないとCLIからの操作（コマンドライン）になるので、慣れていない方はpgAdmin4にチェックしたままインストールしてください。

まとめ

今回はここまで！
サーバーサイド言語、データベース、コードエディターの環境を整備しました！

次回は･･･

アプリの設計、データベースの構築を行います！
【Python】0からWebアプリ！ハンズオン(1)～設計、DB構築編～ - Qiita