フロントエンドウェブ開発

フロントエンドウェブ開発とは、 HTML、CSS、JavaScriptを使用してウェブサイトのグラフィカルユーザーインターフェースを開発し、ユーザーがウェブサイトを閲覧したり操作したりできるようにすることです。^{[1] [2] [3] [4]}

WordPress、Joomla、Drupalなど、ウェブサイトのフロントエンドの開発に使用できるツールやプラットフォームがいくつかあります。^[5]

ハイパーテキスト マークアップ言語 (HTML) は、インターネット上のWeb コンテンツを表示および構造化するための最新の標準です。^[6] HTML は、Web サイトで表示される要素とその配置方法を定義します。すべての主要なWeb ブラウザーはHTML を解釈するように設計されており、ほとんどの最新の Web サイトはユーザーに HTML を提供します。^[7]ハイパーテキストは、コンピューターに表示されるテキストで、他のテキストへの参照が含まれています。これらの参照 (またはリンク) は「ハイパーリンク」と呼ばれます。インターネット ユーザーがハイパーリンクされたアイテムを操作すると、Web サイトはリンクされたデータをユーザーに提供します。このデータは、別の HTML Web ページ、JavaScript、またはその他のものになります。HTML の最新のメジャー リリースはHTML5で、2014 年 10 月 28 日にW3C勧告として最初に公開されました。^{[8] [9]}

カスケードスタイルシート（CSS）は、ウェブサイトのプレゼンテーションとスタイルを制御します。CSSはカスケーディングシステムを使用して、特異性、継承、および重要性に基づいてスタイルルールを適用することで、スタイルの競合を解決します。メディアクエリを使用すると、画面サイズや解像度などの要素に応じて、サイトのレイアウトと外観を調整できます。CSSは、HTMLファイルにリンクされた外部スタイルシート、内部の<style>ブロック、または個々の要素内のインラインの3つの方法で適用できます。^[10]

JavaScript は、静的な HTML ページを動的なインターフェイスに変換するために使用される、イベント ベースの命令型プログラミング言語です (HTML の宣言型言語モデルとは対照的です)。JavaScript コードは、HTML 標準で提供されるドキュメント オブジェクト モデル(DOM) を使用して、ユーザー入力などのイベントに応じて Web ページを操作できます。

AJAXと呼ばれる技術を使用すると、JavaScript コードは (元の HTML ページの取得とは独立して) Web からコンテンツをアクティブに取得したり、サーバー側のイベントにも反応したりできるため、Web ページのエクスペリエンスに真に動的な性質を追加できます。

すべての主要ブラウザ（つまり、主要ベンダーの Google、Apple、Mozilla、Microsoft のブラウザ）でサポートされている WebAssembly は、ウェブブラウザでコードを実行するための JavaScript の唯一の代替手段です（Flash 、 Java 、 Silverlightなどのプラグインの助けを借りずに。ブラウザがプラグインのサポートを廃止しているため、これらはすべて廃止されています）。 WebAssembly が採用される前は、asm.js （JavaScript のサブセットであるため、すべてのブラウザで厳密に動作します）がありました。これは、 Internet Explorer 11などのブラウザで効率的にサポートされているコンパイラ ターゲットとしても使用されています。 WebAssembly を直接サポートしていないブラウザでは、 asm.js にコンパイルすることができ、それらのブラウザはそのようにサポートされています。 一般的に、プログラマーは WebAssembly（または asm.js）で直接プログラミングするのではなく、Rust、C、C++などの言語、または理論的にはそれにコンパイルされる任意の言語を使用します。

フロントエンドの開発者はこれらの点を念頭に置き、利用可能なツールと技術を活用してこの目的を達成します。^[5]

スマートフォンやタブレットなどのモバイル デバイスの開発が進む中、デザイナーはサイトがあらゆるデバイスのブラウザーで正しく表示されるようにする必要があります。これは、 CSS のスタイルシートを使用してレスポンシブ Web デザインを作成することで実現できます。

パフォーマンス目標は主にレンダリング時間に関係しており、サイトがすぐに開くように HTML、CSS、JavaScript を操作します。

この技術により、迅速な開発が可能になり、時間が節約されます。