This portfolio showcases the projects I’ve worked on, along with theideas,challenges, and learning processes behind them.
「どうすればもっとわかりやすく、
使いやすくなるか」を考えながら日々学びと実践を積み重ねています。
このポートフォリオでは、これまで取り組んできた制作物と、
そこに込めた工夫や学びのプロセスをご紹介しています。
これまでに取り組んできた制作物をご紹介します。
ひとつひとつの課題に向き合いながら、試行錯誤を重ねてきた記録です。
制作の背景や工夫した点も記載しています。
ぜひ、ゆっくりご覧ください。
レスポンシブ対応
01
Portfolio Site
- HTML
- CSS
- Sass
- GitHub
- JavaScript
- Figma
- Photoshop
私自身の学びと成長の記録をまとめたポートフォリオです。 今まで学んだ表現や技術、やりたいことを詰め込んだ、私の成長記録です！
- 制作時間
- 235時間
- デザイン
- 90時間
- コーディング
- 145時間
レスポンシブ非対応
02
Fika Table
- HTML
- CSS
- Sass
- GitHub
- jQuery
- Figma
- Photoshop
北欧の暮らしをイメージしたECサイトの自主制作サイトです。 写真選びにこだわって、やさしく落ち着いた世界観を目指しました。
- 制作時間
- 20時間
- デザイン
- 8時間
- コーディング
- 12時間
レスポンシブ対応
03
澄居
- HTML
- CSS
- Sass
- GitHub
- jQuery
- Figma
- Photoshop
旅館をイメージして制作した、自主制作のWebサイトです。 「静けさが、心にすっと染み込む。」というコンセプトのもと、 日常から少し離れた、穏やかで癒される空間を表現しました。
- 制作時間
- 26時間
- デザイン
- 6時間
- コーディング
- 20時間
(01)Photoshop
トリミングや色味の調整を行いサイトの雰囲気に合わせた 画像作りができます。
(02)Figma
必要な情報の取得とワイヤーフレームやデザインカンプの作成ができます。
(03)HTML/CSS
BEMなどの設計手法を意識し、 保守性の高いマークアップを 習得しました。
(04)Sass
ミックスインなどの機能を活用し保守性の高いスタイル設計を心がけています。
(05)jQuery
アコーディオンやバーガーメニューの開閉など、 UIの動きを実装できます。
(06)JavaScript
JavaScriptでちょっとしたアニメーションや動きのあるUIづくりが好きです。
(07)VSCode
拡張機能やショートカットを活用して効率的なコーディングを心がけています。
(08)GitHub
作業の“見える化”を意識し、バージョン管理や制作の記録をしています。
(09)Excel
Excelを使って、資料の作成や文章の構成・整理ができます。
(10)Word
Wordを使って、資料の作成や文章の構成・整理ができます。
潮﨑 美菜子Shiozaki Minako
2000年生まれ。北海道出身。 前職はスーパーでレジチーフとして勤務していました。 現在は、職業訓練校 WSS（ウェブスタディサッポロ）にて デザインとコーディングの基 礎を学び、 日々の努力を重ねながら新たなキャリアに向けた準備を進めています。 たぬきが好き。
