今回は、Djangoの入門編として自分だけのポートフォリオをローカルで開発していきたいと思います。
ポートフォリオは
という構成で作られていますので、エンジニアでもアーティストでも活用することができます。
またSNSリンクを貼って、TwitterやFacebook、Instagramへ遷移できるように作っていきます。
まずはDjangoの入門編ということで、Djangoのプロジェクトの作成から設定の部分を重点的に行なっていきたいと思います。
その上でBootstrapを使って、おしゃれなポートフォリオを作りDjangoに組み込んでいきましょう!
なお今回は入門編ということで、デプロイまでは行いません。自分のPC内での開発までにしたいと考えてます。
プロジェクト課題は、動画内で作成したポートフォリオに自分なりにアレンジを加えて、みなさんオリジナルのポートフォリオを作成してください。
Modelを変更してもいいですし、デザインを変えても良いと思います。
自分だけのポートフォリオが完成したら、githubにリポジトリを作成してパブリックで公開しましょう。
最後に、プロジェクト内の制作物のページで、自分だけのオリジナルポートフォリオを投稿したらプロジェクト修了です。
1. プロジェクト準備 |
||
|---|---|---|
| 1 | プロジェクトについて | 04:46 |
| 2 | 仮想環境とプロジェクト作成 | 06:29 |
| 3 | app作成とプロジェクト設定 | 11:50 |
2. 実装・開発 |
||
| 4 | 1つ目のView | 08:05 |
| 5 | Bootstrapの導入 | 10:33 |
| 6 | base.htmlの開発 | 05:11 |
| 7 | HTML/CSSの実装1 | 10:50 |
| 8 | HTML/CSSの実装2 | 10:49 |
| 9 | HTML/CSSの実装3 | 09:19 |
| 10 | Modelsの実装 | 12:46 |
| 11 | 管理画面の設定 | 08:11 |
| 12 | Viewsの実装 | 13:40 |
| 13 | URLsの実装 | 13:40 |
| 14 | プライマリーカラーの変更 | 04:34 |
3. プロジェクト公開 |
||
| 15 | Githubと統括 | 06:27 |