KAEDE Hack blog

JavaScript 中心に ライブラリなどの使い方を解説する技術ブログ。

ポートフォリオについて

ポートフォリオカードデザイン

いつものようにdataからmapするcardに

<Card  
  style={{ width: '18rem', height: '12rem' }}
  className = 'my-4 mx-auto'
  key={key}
>

これをつけるといい感じでresponsiveになった

bootstrap, react-bootstrap使用

f:id:kei_s_lifehack:20200619012541p:plain

こうなる

f:id:kei_s_lifehack:20200619013503p:plain

borderをつけてみるとぴったり!!

18rem x 4がちょうどいいのか?

合計72remだから, x3だったら24remかな?

examples

adeolaadeoti.netlify.app

自分のロゴ,右半分は幾何学模様.

黒背景,bizサービスの契約ボタンのようにHIRE MEがある

成果物のカード

SNSなどカード

メール,電話

としっかり公開しされている

参考-Reference

Portfolioキャリア?についての記事リスト

qiita.com

f:id:kei_s_lifehack:20200706023101p:plain

このテーブルが上手く纏まっている

  • ツール: メンテの必要性が高い
  • トレンドのネタアプリ: 賞味期限が短い
  • サービス: 流行らせるのが難しい

また私が思うに,レベルが低くてもゲームを作るエンジニアはレアなので

完成度が低くてもおっ!!!って反応をしてもらえる

(私のシューティングゲームでは採用に結びついたことはないが)

参考

https://twitter.com/mii881110/status/1283325430712250368?s=19