Web制作

デザイナーがコーディングを理解すると起きる変化

コーディングを理解するとデザインの評価軸が変わる なぜデザインと実装は衝突するのか ブラウザは“画像”を表示していない よくある問題の正体 文字量による崩れ フォント差異 画面幅 コーディング理解で起きる変化 JavaScriptが関係する領域 外注・分業での…

ノーコードとJavaScriptの関係を理解する

ノーコードは「コードが不要」ではない ノーコードツールの正体 なぜJavaScriptが中心になるのか よくあるつまずき 例:条件分岐 例:外部連携 例:UI制御 実際に裏で起きていること ノーコードの限界はどこか JavaScriptを少し理解すると起きる変化 注意点 …

画像スライダーはどう動く?JavaScriptの仕組み

画像スライダーは「画像を動かしていない」 ページを開いた時点ですべて読み込まれている 見えていないだけ:CSSの役割 スライドしている正体 自動で動く理由(オートプレイ) ボタン操作の仕組み よくあるトラブル 画像が一瞬ずれる 最後で止まる なぜライ…

ハンバーガーメニューの正体とJavaScriptの動作

ハンバーガーメニューは「画像」ではなく「状態の切り替え」です まず、ページを開いた瞬間に何が起きているか ハンバーガーメニューを押した瞬間に起きていること 実際に動いているのはCSS なぜページ遷移しないのか JavaScriptの重要な役割:イベント 実務…

Astroが本領を発揮するサイト構成と実装例

Astroとは何が特徴なのか Astro向きのサイト構成 情報提供型サイト ランディングページ・コーポレートサイト 多言語・大量ページ構成のサイト 実際のコードで見るAstroの考え方 部分的に動きを入れる場合 向いていないケースと注意点 状態管理が複雑なWebア…

WordPressは「やらなくていいこと」が多すぎる

WordPressはなぜ「やること」が多く見えるのか 機能が多すぎて選択肢が過剰 情報が多すぎて不安をあおられる 実際によくある「やらなくていいこと」 プラグインを入れすぎること 完璧なSEO設定を最初から目指すこと セキュリティ対策を盛りすぎること WordPr…

WordPress最大のライバルはWordPress自身説

WordPress最大のライバルは「WordPress自身」なのか なぜ「WordPress自身」がライバルになるのか 機能追加が生む学習コストの増大 「自由度の高さ」が逆に足かせになる 実際にやるとこうなる:よくある失敗例 プラグイン入れすぎ問題 ブロックエディタに慣れ…

WordPressは古い?向いている人・向いていない人

WordPressは古いのか?結論から言います 「WordPressはもう古い」「今から使うのは時代遅れなのでは?」という声を、ここ数年よく見かけます。 結論から言うと、WordPressは古くありません。ただし、誰にでも向いているツールではなくなった、というのが正確…