7
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Python】0からWebアプリ!ハンズオン(0)~環境構築編~

Last updated at Posted at 2020-07-31

概要

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

こんな方に読んでほしい

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

ゴール

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

必要なもの

  • PC(Windows OS)
  • インターネット回線
  • わくわくした気持ち

1. Pythonのインストール

公式サイトからダウンロードできます。
Download Python | Python.org
2020-07-31_10h28_38.png

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

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

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

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

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

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

VSCodeでは便利な拡張機能が多数配布されています。サイドバーから確認できます。
2020-07-31_11h04_44.png
とりあえずぼくが入れている & 今回使いそうな最低限のものをご紹介します。

Japanese Language Pack for Visual Studio Code

デフォルト英語のVSCodeを日本語化してくれます。
2020-07-31_11h06_12.png

Python

Pythonの実行をVSCode上でできます。
2020-07-31_11h07_22.png

Prettier - Code formatter

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

4. PostgreSQLのインストール

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

インストーラを起動し、基本的には次へ次へ進めてOKです。
2020-07-31_10h49_02.png
pgAdmin4はPostgreSQLを簡単に扱うためのGUIツールです。これがないとCLIからの操作(コマンドライン)になるので、慣れていない方はpgAdmin4にチェックしたままインストールしてください。

まとめ

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

次回は・・・

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

7
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?