ポートフォリオサイト作ったよ | プログラミング学習

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

Vue.jsっていうフレームワークを使ってポートフォリオサイト作りました!

masa08のポートフィリオ

3日前にQiitaの記事を読んで、「自分も作ってみるか」と思ったのが始まり、気づいたら結構短期間で完成してしまいました。自分の簡単な自己紹介、過去使用してきたプログラミング言語、過去のインターン経験、自分のポートフォリオなどを簡単にまとめたサイトになっています。

Vue.jsを使ったSPAサイトは初めて作ったんですけど、本当に基本的な部分しか理解できておらず、まだまだ技術的にはできることが多いんだろうなぁと思います。これからももっと勉強をしていかないといけないなぁと思います。まあひとまずは完成してよかったです!

必要だった知識

  1. HTML/CSSに関する基本的な知識
  2. Vue.jsに関する基本的な知識

1に関してはもともと持っていたのですが、2に関しては全く知らなかったので、一から勉強しました。主にQiitaに投稿されていた記事とUdemyを中心に学習しました。

Qiitaに関しては、自分が作る過程を途中までまとめて記事にしてみましたので、リンクを貼っておきます!

Vue.js + Bootstrap4でポートフォリオサイトの雛形を作ろう!

Udemyは以下のコースを使いました。非常にわかりやすく、Vue.jsの全体像を学ぶことができました。

Vue JS入門決定版!jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ

アウトプットドリブンで動くこと

ポートフォリオを作った理由は主に二つ。

  1. 一つ目はエンジニア就活の際に、自分のことを端的に表すことができる、モダンなサイトが欲しかったという理由。非常に簡単なサイトですけど、あるとないのとでは大違いだなと思いました。
  2. 二つ目は単純にアウトプットが出したかったという理由。

休学の後半戦に入ってから今まで、インプットドリブンで動いていた時間が長かった気がしています。

これからの休学後半期間は、アウトプットドリブンで動いていって、じゃんじゃん結果を出さないとなと思っておりますゆえ、これからもたくさんの作品を公開していきたいと思います。

とりあえずの目標は

  • 年内にフレームワークとgemを一から作成すること
  • 『プリンシプルオブプログラミング 』と『リーダブルコード』を読み終えること
  • 自分で簡単なサービスをデプロイすること
  • Qiitaで100いいねもらうこと

です。2018年も残り少なくなって来ましたが、まだまだ頑張ります!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です