ポートフォリオサイトをレスポンシブ・レイアウトで制作して技術アピールをしちゃおう!

ポートフォリオサイト作ってます!

転職活動用にポートフォリオサイトを絶賛作成中の@sw2xです。

完成までにはほど遠いですが少しご紹介したいと思います。


ポートフォリオサイト作成が中心の生活

ポートフォリオサイト作成に時間がかかってしまってブログのネタを探す時間がないなーなんて思ってました。

だったらポートフォリオサイトの事をネタにしちゃえばいいんじゃない?と思ったので途中段階を公開しちゃいたいと思います :)

ポートフォリオサイトに技術を盛り込む

今回、転職活動用ということで気合いを入れて作成しています。

色々な技術を盛り込んで作る予定。

盛り込み予定の技術を少し紹介したいと思います。

レスポンシブ・レイアウト

一番の目玉です。

レスポンシブ・レイアウトで制作する事によって「オレ、レスポンシブサイト作れるんですよ!」アピールができるので一石二鳥にも三鳥になるのではと目論んでます。

知り合いに「レスポンシブで作ってるんだ」という話をしたら「レンコン・ポン酢?なにそれ、おいしそう。」と聞き返されてしまいました。

webフォント・アイコンフォント

技術的には簡単なのですが、最近流行っているみたいなので「オレ、webフォントとアイコンフォント使えるんですよ!」アピールができるんじゃないかと。

PHP

細かい所に使うと便利なPHP。

ポートフォリオページの作品羅列にDB、コンタクトフォームの所にPEARのライブラリを使う予定です。

これで「オレ、PHP使えちゃうんですよ」アピールをします。

こんな感じで要所要所で技術のアピールをポートフォリオサイト自体でしちゃおうと考えています。

途中段階のレスポンシブを公開

ポートフォリオサイト_タブレット表示

まだまだ途中ですが、PC表示とタブレット表示のheader部分のレイアウトがなんとかできました。

画像はタブレットで見たときを想定したヘッダー部分です。

ベースはできたのでグラデーションをかけたりとブラッシュアップしていきます。

あとはコンテンツ部分を作って…それをPCとタブレットとスマホと…

やること盛りだくさん!

また何かしらできたら公開していきたいと思います。