令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
コーダー向けスキルアップロードマップ
はじめに コーダー向けのスキルアップロードマップを作成しました。 以下2点は学習済みという前提で、その先どのように学習するかの手引きになります。 HTML, CSSの基礎は理解できている FTPでコーディングしたデータをアップロードして本番環境でサイトを公開できる これらがまだ怪しいという方は、まずはこの2つを学習してみてください。 ロードマップの全体像 まずはロードマップの全体像です。後ほど各項目ごとに詳しく解説していきます。 初級・中級・上級の3つに分けており、各級のスキル感でどのようなプロジェクトに携われるかも解説しています。 初級（経験年数目安：1〜2年） コーディングの基礎知識を増やす デザインを忠実に再現できるようする 業務の流れを理解する CSS設計を理解する 画像の最適な書き出し方法を理解する プラグインを用いて動的な処理を実装できるようになる XDやFigmaなどのデザイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
