知識の枝

"All is well"

ホームページの作り方②準備

約457日前 2020年8月26日19:06
デジタル
ホームページ Django Python

改訂履歴


2020/8/26 投稿


「ホームページの作り方」シリーズの第2章です。

第1章・・・導入
第2章・・・準備Now
第3章・・・ベース作り
第4章・・・テンプレート適用
第5章・・・サーバー
第6章・・・ドメイン設定
第7章・・・常時SSL接続化


1. この章のゴール


ホームページの作成に必要なソフトのインストールと動作確認が完了する。


2. PC環境


2.1 - 筆者の環境


OS:Windows10 Home 64bit
PC:IdeaPad S540-14API
プロセッサ(CPU):AMD Ryzen 5 3500U with Radeon Vega Mobile Gfx
RAM(メモリ):20.0 GB


2.2 - みなさんの環境


【Windowsの方】
このまま書いてある通りに進めれば問題は無いと思います。

【その他OSの方】
立ち上げまでの基本的な流れは同じだと思います。
コメントで報告頂ければと思います。
動作実績リストに追加します。

【動作実績リスト】
Windows 10 64bit



3. インストールが必要なもの


先に全てインストールしてもいいですし、
使うときになったらインストールでもかまいません。

3.1 - 第3章(ベース作り)で使うもの


Python
Visual Studio Code

これら2つは次の章で使用しますので、
インストールしておきましょう。


3.2 - 第5章(サーバー)で使うもの


Git
Tera Term

この2つはすぐには使わないので、
インストールは後からでもOKです。



4. インストール作業



4.1 - Python


Djangoを動かす為にはプログラミング言語:Pythonが必要です。

早速、下記サイトからダウンロードしましょう。
Pythonのダウンロードページ

https://www.python.org/

Python_01

リンク先の「Download Python 3.8.5」をクリックしましょう。※2020年8月26現在の最新Ver.
Windows以外のOSの方はその下の「Looking for Python with a different OS?」から自分のOSに合ったリンク先へ移動して下さい。

ダウンロードが終わったらインストールを始めましょう。



下のチェックボックス
「□Add Python 3.8 to PATH」
にチェックを入れて「Install Now」をクリック。





完了したら右下のCloseで画面を閉じましょう。

無事インストールされたか確認します。
Windousキー+「R」を押して、「ファイル名を指定して実行」画面を表示します。
検索ボックスに「cmd」を入力してエンターを押して下さい。



黒い画面のウィンドウが立ち上がったら下記のようになっていると思います。
Microsoft Windows [Version 10.0.19041.450]
(c) 2020 Microsoft Corporation. All rights reserved.

C:\Users\あなたのユーザー名>

「python」とキーボードで入力してエンターを押して下さい。
C:\Users\あなたのユーザー名>python
Python 3.8.5 (tags/v3.8.5:580fbb0, Jul 20 2020, 15:43:08) [MSC v.1926 32 bit (Intel)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

入力待機が「>>>」に変わりましたね。
Pythonがプログラムを受け付けている状態になりました。
(対話モードと言います)

まずはこのように入力してみましょう。
>>> aisatsu = "Hello, world!"

エンターキーを押して下さい。
また「>>>」が出ると思います。
続いて下記のように入力して下さい。
>>> print(aisatsu)

エンターキーを押すと、
「Hello, world!」と表示されます。

しっかりPythonが動いています!
動作に問題は無さそうですのでPythonを終了しましょう。

>>> exit()

上記で対話モードが終了して、元のcmdに戻ります。
「×」でcmdを閉じておきましょう。



4.2 - Visual Studio Code


ホームページを作るにはプログラミングでソースコードを書く必要があります。

メモ帳でも書けますが、ソースコードエディタを使えばこんなに見やすくなります。

Vscode_01


必須ソフトですので、早速インストールしましょう。
Visual Studio Codeのダウンロードページ

https://code.visualstudio.com/

Vscode_02

「Windows」をクリックしてダウンロードしましょう。

Windows以外のOSの方はその右の枠から自分のOSに合ったリンク先へ移動して下さい。

起動すると初期の言語設定:英語ですので、日本語に変えましょう。
「View」をクリックし、一番上の「Command Palette」をクリック。



検索窓に「>config」と入力したら、候補に「Configure Display Language」が出ますのでクリックして下さい。



「Install additional languages」をクリックし、
「Japanese Language Pack for Visual Studio Code」を選択し、
「Install」を押して下さい。



インストールが終わったら「×」で閉じて、再起動しましょう。
日本語化できていると思います。



4.3 - Git


自分のパソコンで作った「ホームページの素材」の変更履歴を管理するソフトです。
Gitを使えば、サーバーにホームページの素材をコピーすることもできます。
(どちらかといえばこのコピー機能をよく使っています)

では下記リンクからインストールしましょう。
Gitのダウンロードページ

https://git-scm.com/

Git_01

「Download 2.28.0 for Windows」をクリックしてダウンロードしましょう。
※2020年8月26現在の最新Ver.



4.4 - Tera Term


サーバーの操作はサーバーコンソールから行います。
Tera Termを使用すれば、わざわざサーバー管理画面からコンソールを起動するといった手間を省くことが可能です。
アプリを起動するだけですぐにサーバーを操作することが可能になります!

下記リンクからダウンロードが可能です。
Tera Termのダウンロードページ

https://ja.osdn.net/projects/ttssh2/

Teraterm_01

赤枠の「teraterm-4.105.exe」をクリックしてダウンロードしましょう。
※2020年8月26日現在の最新Ver.



5. さいごに


一通りインストールしたソフトの動作は確認できましたか?
もし上手くいかない箇所がありましたら、コメントにてお知らせ下さい。

動作に問題が無ければこの章はここで終了です。
お疲れ様でした。