作った物をポートフォリオサイトでまとめたい！
Pythonエンジニアに転職をしたい、制作物の記録を残したい。そんなときは自分のポートフォリオサイトが欲しいとお考えでしょう。
今回の記事では、Pythonのフレームワーク「Django」を使って、ポートフォリオサイトを作る方法を解説します。
具体的には、PythonとDjangoのインストールから、ポートフォリオサイトに簡単なテキストを表示させる所まで解説していきます。
侍テクニカルライターの遠藤がお供させていただきます。ぜひ最後までお付き合いください。
ポートフォリオサイトを作るメリットとは
まずは前提知識として、ポートフォリオサイト制作のメリットを把握しておきましょう。
メリットとして挙げられるものは以下になります。
- 実績としてアピールできる
- 就活・転職・フリーランスとしての案件獲得に役立つ
- 一つのサイトを形にするので、それだけ技術が身につく
- ポートフォリオサイト自体が一つのポートフォリオになる
ポートフォリオサイトなので、もちろん実績の記録を残すことができます。これを利用して、就活や転職、フリーランスとして案件獲得に役立てることができます。
また、一つの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ディレクターとして著名な徳田優一さんのポートフォリオサイトを紹介します。このようなサイトを見本にして、自分のポートフォリオサイトを強化していきましょう！
まとめ
今回の記事では、PythonのフレームワークDjangoを使ってポートフォリオサイトの基礎を作る手順について解説しました。
この記事だけではまだ簡素なWebサイトしかできませんが、ここからどんどんカスタマイズして、素敵なポートフォリオサイトを作り上げてください！
