プログラマですがポートフォリオサイトを作りました

portfolio-site-1
ポートフォリオを作りましたのでお知らせです。
よくWebデザイナの方が作っているポートフォリオですが、エンジニアのわたくしも作ってみました。

Webデザイナの方とは違って、成果物がソースコードであったりと多少地味目なサイトです。
自分で運営しているWebサービスもまだまだ少ないので、今はプロフィール(履歴書的なもの)がメインのポートフォリオとなっています。

このページでは、ポートフォリオサイトの紹介と、どのように作っていったかもあわせて紹介していきます。

[スポンサーリンク]

今回作ったポートフォリオサイト

渋谷の交差点を全面に出したサイトです。今は渋谷近辺で仕事をしています。
写真は自分で撮りました。
portfolio-site-3

ポートフォリオサイトで使ったjQueryプラグイン達

いくつかjQueryプラグインを使っています。
今回使ったプラグインを紹介します。

円グラフ

円グラフは、「Chart.js」を使っています。
使い方は、オシャレなグラフが作れるChart.jsの使い方をどうぞ。

コチラでサンプルを動かすことができます。
demo

履歴書

履歴書は、「Timelinr」を使っています。
使い方は、年表(タイムライン)が作れるjQuery Timelinrの使い方をどうぞ。

コチラでサンプルを動かすことができます。
demo

背景画像固定

スクロール時の背景固定は、CSSのみで表現しています。jQueryは使っていません。
CSSの使い方は、最近よく見かける背景を固定してスクロールさせる方法をどうぞ。

コチラでサンプルを動かすことができます。
demo

さいごに

制作期間はおおよそ2週間でした。
もう少し早く出来ると思っていたのですが、意外と時間がかかりました。
デザインももう少しカッコよくできればなぁというのが将来の課題です。

まだまだコンテンツは少ないですが、今後、Webサービスを作ったりと、今以上にコンテンツを追加していく予定です!
これからもどうぞ当ブログをよろしくお願いします。
それでは!