Web制作
Claude CodeでFigmaのカンプからコーディングしたら、最初は56%ずれていた｜画像で重ねて測り、3.1%まで縮めた記録
こんにちは、ゆきしょうです。デザインカンプからのコーディングを、AIに任せられないか試しています。書かせたコードがカンプとどれだけ合っているかを、画像で重ねて測…
HTML
Web制作
クラウドワークスのトライアルに落ちた話｜理由は教えてもらえず、心当たりを自分で書き出した
こんにちは、ゆきしょうです。40代・未経験からWeb制作を始めて、鹿児島でWebコーダーをしています。今回は、うまくいった話ではありません。クラウドワークスのト…
Web制作
【脱GSAP】スマホでパララックスがガタつく・ワープする現象はposition: stickyで解決する
こんにちは、ゆきしょうです。スマホでパララックスがガタつく・ワープするときは、GSAP（pin）をやめて、画面の固定をCSSの position: sticky…
Web制作
【解決】WordPressでGoogle Fontsが反映されない！CSSは正しいのに…原因はfunctions.phpの「あの記述」
こんにちは、ゆきしょうです。WordPressで自作テーマを作っている時のことです。Google Fonts（InterとJost）を読み込もうとしたのに、なぜ…
Web制作
【Webアニメーション】の「調べる地獄」から解放！現役プロが教えるコーディング効率化の決定版マニュアル！
こんにちは、ゆきしょうです。Webサイトの印象を大きく変えるのが「Webアニメーション」です。ただ、アニメーションの実装はとにかく時間がかかります。「あの動きを…
Web制作
【Google Fonts】日本語フォントの「M PLUS 1p」「M PLUS Rounded 1c」のジャギー（ギザギザ問題）を解消する方法2選！
こんにちは、ゆきしょうです。「M PLUS 1p」「M PLUS Rounded 1c」がWindowsでギザギザ（ジャギー）に見えるときは、CSSで文字をわず…