素敵なポートフォリオサイトまとめ

はじめに

私もポートフォリオサイトは作っているものの、もっとかっちょいいサイトにしたいと思っている次第です。

そんな中で、個人的に素敵だなと感じたポートフォリオサイトをまとめていきたいと思います。(随時更新予定。)

私のポートフォリオサイト

追記:Vue.jsで新しく作りました。 スマホだとちょっとバグるけど。。。笑

ポートフォリオ集

Naoki Kishi’s Portfolio Site

ご本人によるQiitaでの解説記事。Vue.js使用。

フロント未学習の大学生が1週間でVue.jsを使ったポートフォリオを作った話

ソースコード見た感じNuxt.jsで今は運用されてるっぽい。

YAMADA KENTARO’s portfolio

ご本人によるQiitaでの解説記事。React使用。

Reactでポートフォリオサイトを作ってみた大学生の話

フルスクリーンWebサイトですね。これ参考に作りたい。(みんな若くてすごい。。。)

Jima.site

POOLOで知り合ったじまくんのサイト。

個人的にはプログラミング学習をするきっかけを与えてくれた方なので大感謝してます。

Vue.jsで作っているとのこと。(デザインが凝っていておしゃれ)

Manaのポートフォリオ Webサイト

WordPressで作っている模様。結構見かけるデザイン本の著者。

以下のブログも運営されている。

Webクリエイターボックス

nekobooks

Qiitaの記事から。Vue.jsとFirebaseで。とにかくすごい。。。笑

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説

isoppp.com

個人ブログ。WordPressを使わずに運用されている。

Nuxt.jsとfirebaseで作っているみたい。firebaseでmarkdownできるのか調べてるときに見つけた。

Nekonote

Qiitaの記事から。VuePressというフレームワークを用いているらしい。Nuxt.jsと違い、Markdown拡張が用意とのことでブログを作りには最適なのかもしれない。

VuePressをお試ししてみた

Yuduim

Qiitaの記事から。更新はされていないっぽいけど、WordPressを使わずに作るブログとしてはかなり理想的な体裁をしている。

記事も興味深く、ReactベースのGatsbyは私も興味あるが、学習コストを考えると学習中のVue.jsベースで作れると嬉しい。その点参考になるブログサイト。

VuePress 1.xでブログを作ってみる

記事で紹介されている(https://taku-ando.github.io/)この方のブログもVuePressで興味深い。

Takumon Blog

たまたまGatsbyで作られているブログサイトないかな~とググっていたら見つけた。

とても見やすいデザイン。

UPDATE

WordPressで作られている。

個人的にはポートフォリオが多数あって、Vue.jsを使ったプロダクトが多数紹介されているのでとても参考になる。

個人ブログサイト。学習始めて3か月で(しかもRailsで)作ったらしい。しかもGoogleAdsenceに通っているらしい。普通にすごい。。。

その他

新型コロナウイルス感染症対策サイト

詳しいこと仕組みはわからないが、間違いなくソースコード見るとnuxtが使われてる。

OSS(オープンソースソフトウェア)で開発されているらしい。素敵な取り組み。私もこういうことに早く貢献できるべくスキルを磨きたい。頑張ろう。

制作時の参考に※リンク集※

心に残る、印象的なフルスクリーンWebサイトデザインまとめ

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ

マテリアルデザインについて少し調べる

Vue.js 猫本の実例集

Vuetifyを使ってToDoアプリをちょっとかっこよくする

やさしめ Vue.js チュートリアル(4) ~ 周辺ツールや情報紹介 ※Vuesaxでデザイン

エンジニアのポートフォリオとは?未経験者に必要な訳と作成ポイント

コメントを残す