初心者でも大丈夫！Pythonでポートフォリオサイトを作る方法

Pythonエンジニアに転職をしたい、制作物の記録を残したい。そんなときは自分のポートフォリオサイトが欲しいとお考えでしょう。

今回の記事では、Pythonのフレームワーク「Django」を使って、ポートフォリオサイトを作る方法を解説します。

具体的には、PythonとDjangoのインストールから、ポートフォリオサイトに簡単なテキストを表示させる所まで解説していきます。

本記事を読む前に、そもそもPythonとはどんなプログラミング言語なのか、その特徴をおさらいしておきたい人は次の記事を参考にしてください。

→ Pythonとは？特徴やできること、活用例をわかりやすく簡単に解説

ポートフォリオサイトを作るメリットとは

まずは前提知識として、ポートフォリオサイト制作のメリットを把握しておきましょう。

メリットとして挙げられるものは以下になります。

ポートフォリオサイトなので、もちろん実績の記録を残すことができます。これを利用して、就活や転職、フリーランスとして案件獲得に役立てることができます。

また、一つのWebサイトを作ることになるので、ポートフォリオサイトを作ったという事実がポートフォリオの一つとして成り立ちます。

既に様々なアプリを作った方だけでなく、初心者の方が最初の実績を作るためにポートフォリオサイト制作をするという選択も十分にアリです！

Djangoとは

今回使用するDjangoはPythonで作られているWebフレームワークの一つです。Pythonフレームワークの中でも、最も人気のあるものになっています。

Webフレームワークとは、WebサイトやWebアプリケーションを作るうえで必要な機能群があらかじめ組み立てられている骨組みの事です。

Djangoを使うことで、少ないコード量でWebサイトが簡単に作れます。今回紹介するような基礎的なページであれば、慣れれば数分で作れてしまいますよ。

これを使わない手はないですよね！　以下の表はPythonの主なフレームワークをGoogle Trendで比較したものです。

2019年9月現在、Djangoは最も人気のあるフレームワークであることが分かります。

Pythonでポートフォリオサイトを作るには

それではポートフォリオを作りましょう！　冒頭でも述べた通り、PythonフレームワークのDjangoを使ってポートフォリオサイトを作っていきます。

Pythonのインストール

まずはPythonをインストールします。

今あなたのPCのPython環境を確認しましょう。以下のコマンドを実行してください。

$python -V

これでバージョンが出ない（エラー表示）場合や、バージョンがPython2系である場合は、Python3系の環境をインストールしておきましょう。

手順は以下記事で解説しています。

Djangoのインストール

続いて、Djangoをインストールします。

インストール手順は以下の記事を参照してください。

Djangoの環境ができたら、実際に使ってポートフォリオサイトを作りましょう！

Djangoを使う

基本的な使い方

Djangoの使い方は以下の記事を参考にしてください。

この記事では、Djangoを使って作ったページにHTMLで指定した文字列を表示する所までが解説されています。

CSSを利用しよう

Djangoで任意の画面が表示できるようになったら、デザインを記述するCSSを使って見やすいデザインにしましょう。シンプルなもので構いません。

以上のPython(Django), HTML, CSSを使うと、ポートフォリオサイトの基本ができあがります。

ここからカスタマイズを進めて、サイトを拡張していきましょう。

良いポートフォリオサイトを作るには

良いポートフォリオサイトを作るには、ゴールをイメージすることが大切です。

そのためには、さまざまなWebサイトやポートフォリオサイトを参考にしてイメージを膨らませると良いです。デザイン案として形にできるとなお素晴らしいです。

一つの理想形として、Webディレクターとして著名な徳田優一さんのポートフォリオサイトを紹介します。このようなサイトを見本にして、自分のポートフォリオサイトを強化していきましょう！

⇨ UNDERLINE

まとめ

今回の記事では、PythonのフレームワークDjangoを使ってポートフォリオサイトの基礎を作る手順について解説しました。

この記事だけではまだ簡素なWebサイトしかできませんが、ここからどんどんカスタマイズして、素敵なポートフォリオサイトを作り上げてください！