プログラミング

駆け出しフリーランスエンジニアのポートフォリオサイトの作り方

Pocket
LINEで送る

こんにちは(*´▽`*)mstです。

ようやく、私のポートフォリオサイトなるものが完成いたしましたので
ご報告いたします。
mstのポートフォリオサイトはこちら⇒
https://mst1trading.com/portfolio/

で、せっかくなので、素人の私がこんなにキレイなポートフォリオサイト
をどうやって作ったのかご説明いたします。
はっきり言って誰でも作れちゃいます。

この記事は
・プログラミングを始めたばかりの方
・ポートフォリオサイトをまだ作ったことがない方
・HTML/CSSが少しいじれる方
向けの記事です。

超簡単、テンプレートを使用してポートフォリオサイトを作る。

なんだ、テンプレかよ。。
って思うかもしれませんが、はじめはしょうがないでしょ( 一一)
その辺はわりきっていきましょう。

駆け出しのエンジニアが企業からお仕事を頂くわけですからそれなりのしっかりとしたデザインの物をお見せしたいですよね。

お仕事をしてくうちにスキルもデザイン力も身についてきたら新たにオリジナルの物を作りましょう。


Themeforest でテンプレートを購入して自分のポートフォリオサイトにカスタマイズ


↑こちらがThemeforestです。
キレイなテンプレートがかなりの低価格で販売されております。
安いものだと2$で販売されてますので、このくらいは買った方がいいですね^^

Themeforest について詳しい話は東京フリーランスのショーへーさんの記事が参考になります⇒ https://showtaki.com/30days-trial/

テンプレートを購入するとすごいお得がある、普通なら身につかないあるスキル、、、

mstがテンプレートを購入したきっかけは、もちろん、「キレイなポートフォリオを作りたい」ですが、もう一つ理由があって、「他人の書いたコードを見てみたい」です。

Web業界未経験だし完全に独学ですので、他人の書いたコードを見る機会ってあまりないんですよね。。。

仕事って先輩がやっている姿を見てまねして覚えていくっていうのが昔からのスタイルですよね。なので、海外の敏腕クリエーターが書いたコードをぜひ見たかったわけです。

始めて購入したテンプレートはこちら⇒ http://www.mst-trading1.com/
知り合いの植木屋さんのLPに勝手にカスタマイズしちゃいました(事後に許可済み。)

なので、単にポートフォリオ作るというよりも、学習教材としてのメリットも得られますね^^テンプレートはどんどん買った方がいいと思います。

実際にテンプレートをカスタマイズする

解説系エンジニアのアルパカさんが神クラスの記事を書いてくださっております。こちら⇒ https://www.engineer-step.com/entry/site-seisaku-18
もし、HTML、CSSがわからない、基礎の基礎から知りたいという方は
@yudukichi0203 さんが記事でまとめてくれております
http://xn--0-7eua8mqb7c0a5c.top/html-kihon/

まとめ

ポートフォリオを簡単に作る方法
テンプレートを使う
テンプレートを購入する
テンプレートをカスタマイズする
以上でした、閲覧ありがとうございます。

30代後半になってまだ、ニート今からでも遅くないです、
未経験でIT業界に転職を成功しました。
はこちらの記事⇒ https://mst1trading.com/2019/07/02/post-997/

30代後半後半で未経験でIT業界に転職は可能なのか?
結論は可能です、でもどうやって?⇒https://mst1trading.com/2019/07/07/post-1008/

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください