Internet-technologies-websites-development

提供:Dev Guides
移動先:案内検索

ウェブサイト開発

ウェブ開発

  • Web開発*は、Webサイトの構築とWebでの展開を指します。 Web開発では、サーバー側とクライアント側の両方でスクリプト言語を使用する必要があります。

internet_technologies_tutorial

Webサイトを開発する前に、次のようないくつかの側面に留意する必要があります。

  • ウェブサイトに何を載せますか?
  • 誰がホストしますか?
  • インタラクティブにする方法は?
  • コーディング方法
  • 検索エンジンに優しいウェブサイトを作成するには?
  • ソースコードを頻繁に保護する方法は?
  • Webサイトのデザインは、さまざまなブラウザーで適切に表示されますか?
  • ナビゲーションメニューは使いやすいですか?
  • Webサイトはすぐにロードされますか?
  • サイトページはどれくらい簡単に印刷されますか?
  • 訪問者はWebサイトに固有の重要な詳細をどれだけ簡単に見つけることができますか?
  • Webサイトでスタイルシートをどの程度効果的に使用していますか?

Web開発プロセス

Web開発プロセスには、魅力的で効果的で応答性の高いWebサイトを構築するのに適したすべての手順が含まれています。 これらの手順を次の図に示します。

internet_technologies_tutorial

Web開発ツール

Web開発ツールは、開発者がWebサイトをテストおよびデバッグするのに役立ちます。 現在、Web開発ツールにはWebブラウザーがアドオンとして付属しています。 すべてのWebブラウザーには、この目的のためのツールが組み込まれています。

これらのツールにより、Web開発者はHTML、CSS、JavaScriptなどを使用できます。 これらにアクセスするには、Webページ上の項目にカーソルを合わせ、コンテキストメニューから[要素の検査]を選択します。

特技

以下は、すべてのWeb開発ツールが示す一般的な特徴です。

HTMLとDOM

HTMLおよびDOMビューアを使用すると、レンダリングされたDOMを表示できます。 また、HTMLおよびDOMに変更を加え、変更後にページに反映された変更を確認することもできます。

Webページの評価、リソース、およびネットワーク情報

Web開発ツールは、ロードされてWebページで利用可能なリソースの検査にも役立ちます。

プロファイリングと監査

  • プロファイリング*は、WebページまたはWebアプリケーションのパフォーマンスに関する情報を取得することを指し、*監査*は、ページの読み込み時間を短縮し、応答性を向上させる最適化のために、ページを分析した後、開発者に提案を提供します。

必要なスキル

Web開発者として成功するには、次のスキルが必要です。

  • クライアントおよびサーバー側のスクリプトの理解。
  • CMSまたはWeb開発フレームワークのテンプレートの作成、編集、および変更。
  • ブラウザー間の不整合のテスト。
  • 観察ユーザーテストの実施。
  • クライアント地域のアクセシビリティ標準などの指定された標準への準拠のテスト。
  • javaScript、PHP、Jqueryなどとのプログラミング相互作用