PRECSSとは？接頭辞の一覧とBEM・FLOCSSとの使い分け
クラス名は、基本的にPRECSSに準じて命名しています。案件先で指定の命名手法があればそれに従い、特に指定がなければ何か…
Web制作の知識 コーディング
Web制作・WordPress・コーディングに関する情報を発信しています。
YouTube埋め込みコードの取得方法と実装テクニック（通常動画・Shorts対応）
YouTube動画の埋め込みは、コードを貼って終わりにはなりません。Shortsは取得の手順が通常動画と違いますし、その…
本サイトに light-dark() でダークモード対応してみた
夜にコーディングしながら自分のポートフォリオを開いたら、画面の眩しさで目が痛くなりました。それがきっかけで、AoiWeb…
コーディング沼り解消3ステップ
本業でWordPressのカスタマイズをPHPで書いていたとき、朝からずっと同じ箇所で詰まっていたことがあります。解決し…
CSS変数を使ってみよう
CSS変数を使うメリット サイト全体のメインカラーを変更するとき、同じカラーコードをCSSファイルの中から探して書き換え…
案件でミスを0にする！コーディング品質管理チェックシートを作ろう
2024年8月、チェックシートを無料で配布しました 2024年の8月、フォロワーさんが300人になったタイミングがありま…
FLOCSSとは？CSS命名規則の書き方とディレクトリ構成
ページ数が増えると命名が崩れる コーディングを始めたばかりの頃は、.red-text や .box1 のような名前をなん…
iPhoneでYouTubeが自動再生されない理由とその対策
iPhoneでYouTube動画を開くと、パソコンでは自動再生される同じ動画が再生されないことがあります。 結論から言う…
コーディング後にツールでチェックすべき事項4選！
HTMLのコーディングが終わり、見た目もデザイン通りに仕上がった。それだけでは、納品前のチェックとしてまだ足りません。 …
HTMLタグを意識してコーディングしよう！
税理士をしている友人から、サイトの改善点について相談を受けたことがあります。画面共有してもらいながら中身を見ていくと、ほ…
Contact
お気軽にご相談ください
X（Twitter）のDM、もしくは本サイトのCONTACTページからご連絡ください。
24時間以内に返信しますので、些細なことでもお気軽にご相談ください。