Sae Portfolio

RaiseTechサイト模写

RaiseTechサイト模写のキャプチャ
  • <制作期間>
    • 約1年間
  • <使用スキル>
    • HTML
    • CSS
    • Sass
    • JavaScript
    • jQuery
  • <使用ツール>
    • Visual Studio Code

コメント


この作品は、スクールの公式サイトを題材に、「"模写"というものに取り組んでみる課題」として制作しました。
URLだけ渡され、当時はデベロッパーツールの使い方も知らない状態からのスタートでした。

「CSSの詳細度とは?」「イベントリスナーとは?」というわからないことがわからない状態から、 一つひとつ調べて、試して、質問して……と、手探りで完成までたどり着きました。

この課題を通して、“わからないものへどう向き合っていくか?”という学習への取り組み方を学びました。 本当に少しずつでも「調べれば必ず前に進める」という自信が生まれ、 わからないことに対して落ち着いて向き合えるようになりました。

技術についてもたくさん得たものがありますが、何より学ぶ力を育ててくれた作品です。
この経験があったからこそ、次の作品でFLOCSS設計やWordPressにも挑戦する土台ができたと感じています。

魚のイラスト