yumiasa｜Web制作学習ログ

2025年3月~のWeb制作学習ログです。

[yumiasa｜Web制作学習ログ @misa_web8]

10/24（3h）
☑︎ ハンドメイド作品のポートフォリオ制作

スクリーンリーダー用に 画面には表示せず読み上げる見出しの実装方法を学んだ
・見た目を崩さずに アクセシビリティ対応 ができることを確認
・h2 を隠して article 内の構造を整えることで、SEO・ユーザー補助両方に対応
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/23���3h30m）
☑︎ ハンドメイド作品のポートフォリオ制作
☑︎ タブの動きを JavaScript で実装
☑︎ ピクセル��ーフェクトでデザイン確認
少しずつだけど、ポートフォリオとして形になってきた！
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/22（2h）
☑︎ハンドメイド作品のポートフォリオ、プライバシーポリシーと404ページを作りました！
あと少しでコーディング完成。WordPress化も目指して進め中。
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/21（2h30m）
☑︎ハンドメイド作品のポートフォリオにJSで動きを追加
サムネイルをホバー＆クリックするとメイン画像が切り替わる動きを実装。
#学習ログ #Web制作 #JavaScript

[yumiasa｜Web制作学習ログ @misa_web8]

10/20（1h）
✅ ハンドメイド作品のポートフォリオにJSで動きを追加
スクロールで要素がふわっと現れるアニメーションを実装。
ちょっとした表示アニメでも、スクロール体験が自然になってサ���ト全体の印象がよくなる気がする…！
#学習ログ #JavaScript #Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/19（4h）
☑︎ ハンドメイド作品のポートフォリオ、JavaScriptでサイトに動きをつける
トップページを開いたときに、画面全体やロゴをフェードさせてメインビジュアルをズームする動きを実装。
他にも動きをつけたい部分があるけど、まだイメージ通りにはならず…引き続き頑張る！
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/18（1h30m）
☑︎ ハンドメイド作品のポートフォリオ、コーディング
☑︎ JavaScriptでサイトに動きをつける
→ 思った通りにはなかなかいかなくて難しいけど、少しずつ挑戦中
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

モデリング練習��
いつか自分だけのオリジナル作品を作ってみたいなと思った
#blender #blender初心者

[yumiasa｜Web制作学習ログ @misa_web8]

10/17（3h30m）
☑︎ ハンドメイド作品のポートフォリオ、コーディング
→ デザインをブラウザで確認しながら調整中
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/16（4h）
☑︎ ハンドメイド作品のポートフォリオ、デザインがようやくまとまってきた。
最初よりも全体のバランスが取れてきて、作品がより引き立つようになってきた気がする。
#Webデザイン　#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/15（4h30m）
☑︎ ハンドメイド作品のポ���トフォリオ、デザインに平坦さを感じたので、明暗差や強弱を意識して調整。
#webデザイン #web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/14（4h）
☑︎ ハンドメイド作品のポートフォリオ、デザインをやり直し中。
作品がもっと目立つように、落ち着いたシンプルなレイアウトに整えています。
やっぱり「丁寧に見せる」がいちばん大事だなと思った。
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

モデリング練習
ショートカットキー、少しずつ覚えてきた。
#Blender #Blender初心者

[yumiasa｜Web制作学習ログ @misa_web8]

10/13（4h）
☑︎ ハンドメイド作品のポ��トフォリオ、コーディング中。
デザインのときは気づかなかったけど、実際にブラウザで見ると印象が違って見える。
#Web制作

[yumiasa｜Web制作学習ログ @misa_web8]

10/12（5h）
☑︎ ハンドメイド作品のポートフォリオ、コーディング開始！
デザインカンプを形にしつつ、JavaScriptのコードやdialogタグにも慣れていきたいなと思いながら作業中。
#Web制作 #ポートフォリオ #ハンドメイド #JavaScript学習 #dialogタグ

[yumiasa｜Web制作学習ログ @misa_web8]

Blender モデリング練習 ✍️
#Blender #Blender初心者

[yumiasa｜Web制作学習ログ @misa_web8]

10/10（3h）
☑︎ ハンドメイド作品のポートフォリオ、デザインカンプ一応完成！✨
あとは細かい部分を少しずつ調整していく予定です。
#Webデザイン #ハンドメイド #ポートフォリオ

[yumiasa｜Web制作学習ログ @misa_web8]

10/9（3h）
☑︎ ロゴ作成
→ 色のバランスに悩みながら、headerとfooter用の配色を検討中。
落ち着いたトーンにまとめたい。
#web制作 #webデザイン

[yumiasa｜Web制作学習ログ @misa_web8]

Blenderで2つ目の作品！
カメラの撮り方がまだ慣れない…
#Blender #Blender初心者

[yumiasa｜Web制作学習ログ @misa_web8]

10/8（3h）
☑︎ ハンドメイドサイトのデザインカンプ作成（Figma）
☑︎ ロゴ作成
少しずつ全体の雰囲気も整ってきて、形になってきた感があります。
今日はロゴ周りの細かいバランスや色の調整を中心に作業しました。
#webデザイン #web制作