JavaScriptは、Webホスティングの大きな3つの1つです。 エッチエムティーエル (ページ構造)とCSS(プレゼンテーション)のオブジェクト指向プログラミング言語では、コンテンツの動的化を実現しています。しかし、JavaScriptはページデザインの文脈だけでは通用しません。サーバーサイドのアプリケーションもJavaScriptで制御することができます。

JavaScriptの起源

名前とは裏腹に、JavaScriptはJavaとはほとんど関係がありません。元々はLiveScriptと呼ばれていたスクリプト言語で、NetscapeがNetscape NavigatorとJavaアプレット(Javaクライアントアプリケーション)との相互作用のために開発したものです。実際にプロプライエタリなソフトウェアとして、JavaScript は マイクロソフト ダールこれらは、スクリプト言語JScriptなどの独自のソリューションでJavaScriptの開発に対応した。しかし、時が経つにつれ、JavaScript はクライアントサイドおよび( 胡麻化す) サーバーサイドの動的化。

クライアント側の動的化

おそらくJavaScriptの機能の中で最も使われているのは、クライアント側の動的化の可能性です。クライアントはWebブラウザです。クライアント側の動的化とは、クライアントに表示されるコンテンツを操作することです。HTMLは、Webプレゼンスの構造を静的に記述したもので、いわゆるDOM(Document Object Model)と呼ばれています。この「スケルトン」の個別デザインにはCSS(Cascading Style Sheets)が使用されていますが、JavaScriptではHTML要素の移動、削除、追加が可能です。

このDOM操作(DOMスクリプト)はいろいろな使い方ができます。いわゆるイベントハンドラを介して、関数は最初に特定のイベントにバインドされます。これらは、ユーザーによるクリック、ポイントインタイム、ウェブサイトの読み込みなどが考えられます。HTML の要素に割り当てられた ID を使用して、イベントベースの変更をトリガーすることができます。これには、シンプルでダイナミックなフォームやテーブルフィルタのプログラミングから、ビデオプレーヤや複雑でダイナミックなグラフィックの埋め込みまで、あらゆるものが含まれます。

JQueryです。より複雑でないJavaScript

JavaScriptはオブジェクト指向プログラミング言語の一例です。そのため、経験の浅いWebデザイナーの参入障壁は比較的高くなっています。JavaScriptの機能を(大きく)制限することなく、JavaScriptライブラリのJQueryは、最も一般的なユースケースを素早く簡単に作成できるように簡略化された構文を提供しています。JavaScriptは(クラスの代わりに)プロトタイプ、インスタンス(具体的なオブジェクト)、メソッド(オブジェクトに束縛された関数)を定義することで、JavaやPythonと同様の複雑さと変更性を提供していますが、JQueryは語彙や構造を制限しています。コマンドはネスト可能な構造になっているので、構造がかなり早く理解できるようになっています。そのため、複雑で珍しいアプリケーションを扱う場合を除いて、JQueryにはシンプルな解決策がある可能性が高いです。

サーバーサイドの動的化:AJAXとNode.js

JavaScriptはDOM操作だけでなく、データベースクエリなどのサーバーとの通信にも利用されています。2009年からはnode.jsというJavaScriptを使ったサーバーサイドの動的化のためのフレームワークがあります。これは2009年以前からすでに可能でしたが、node.jsを使うことでより簡単に統合することができます。これはJavaScriptプログラマーにとっての利点であり、PHPのような他の言語を使用する必要がなくなるからです。また、node.jsではプロセスの並列化も可能です。このようないわゆるスレッドが多すぎると立ち往生してしまうことがあるので、これはメリットです。node.jsでは、リクエストはシングルスレッドで実行されるため、パフォーマンスを大幅に向上させることができます。

Node.jsはAJAXの可能性を示す例です。この頭文字をとったものは、Asynchronous JavaScriptとXMLと呼ばれるプロシージャの略です。この原理により、ページ全体をリロードすることなく、サーバーからコンテンツを取得することが可能になります。YouTubeのような多くのWebサイトにとって、動画リクエストやコメントの読み込み後に完全にリロードしてしまうのは大きなデメリットになります。また、AJAXはNode.jsの場合は上で説明したように非同期処理のおかげでリクエストが溜まってしまうという問題を解決してくれます。

JavaScriptの統合

ウェブオファーにおけるJavaScriptの基本的な統合は、CSSファイルとの接続と全く同じように動作します。ということで、2つの可能性があります。一方で、JavaScriptはHTML文書の先頭や本文で使用することができます。

 

現在の記事

未分類

ロード時間の最適化がコンバージョンに違いをもたらす理由

今日のデジタル時代において、インターネット・ユーザーは、ウェブサイトを訪問する際、光速のエクスペリエンスを期待しています。ローディング時間が長いと、ユーザーエクスペリエンスが低下するだけでなく、次のような問題も生じます。