よくある質問
学習領域のこの章では、構造化された中心的な学習経路(例えば、HTML や CSS 学習記事)には必ずしも含まれない、よく出る質問に対する回答を提供するように設計されています。この記事は単独でこれだけを読んでも理解できるものになっています。
ウェブの仕組み
このセクションでは、ウェブのメカニズムについてのウェブのエコシステムや動作に関係する質問に答えます。
- インターネットはどのように動くのか?
-
インターネットは、ウェブの骨組みで、ウェブを可能としている技術的なインフラです。 ごく簡単に言うと、インターネットとは、おたがいに通信しあうたくさんのコンピューターが繋がってできた巨大なネットワークです。この記事では、おおまなにインターネットがどのように動いているのかを説明します。
- ウェブページ、ウェブサイト、ウェブサーバー、検索エンジンの違いは?
-
この記事では、ウェブページ、ウェブサイト、ウェブサーバー、検索エンジンなどの、ウェブに関係するいろいろな考えについて話します。これらの用語は、ウェブに馴染みのない人にとって、よく混同されたり間違って使われる元になっています。それぞれの意味を発見していきましょう!
- ハイパーリンクとは?
-
この記事では、ハイパーリンクがどのようなもので、なぜ大切なのかを説明しています。
- URL とは?
-
ハイパーテキストと HTTP と共に、URL とはインターネットの中心となる概念です。URL はブラウザーが利用する仕組みで、ウェブ上にあるあらゆるリソースを手に入れるために使われます。
- ドメイン名とは?
-
ドメイン名は、インターネットのインフラにとって大切なパーツの一つです。インターネット上のウェブサーバーのために、人が読みやすいアドレスを使えるようにしてくれます。
- ウェブサーバーとは?
-
「ウェブサーバー」という言葉は、ウェブ上でクライアントにウェブサイトを送信するハードウェアまたはソフトウェアを指します。ときにはその両方を指します。この記事では、ウェブサーバーがどのように動いていて、どうして大切なのかを説明しています。
ツールとセットアップ
ウェブサイトを作るためのツールやソフトウェアに関係する質問です。
- ウェブサイトを作るにはどんなソフトウェアが必要?
-
この記事では、ウェブサイトの編集、アップロード、閲覧に、それぞれどのようなソフトウェアコンポーネントが必要になるか説明します。
- ウェブ上で何かをするためにどれくらいコストがかかる?
-
ウェブサイトを立ち上げる場合、いっさいお金をかけずにすむこともあれば、高額な費用がかかることもあります。この記事では、ウェブ開発で使用するツールやサービスにどれくらい費用がかかるか、お金をかけた場合、かけなかった場合に、それぞれどのようなことができるか、を説明します。
- どんなテキストエディターが利用可能?
-
この記事では、ウェブ開発で使用するテキストエディターを選択、インストールするときに、考慮すべき点について取り上げます。
- ブラウザーの開発者ツールとは何?
-
すべてのブラウザーには、HTML、CSS、その他のウェブ用コードをデバッグするための開発者ツールが用意されています。この記事では、お使いのブラウザーの開発者ツールの基本機能の使い方について説明します。
- ウェブサイトが正しく動作することをどうやって確認する?
-
あなたが開発してオンラインに公開したウェブサイト、本当に意図したとおりに動作していますか? この記事では、基本的なトラブルシューティングの手順について説明します。
- ローカルにテスト用サーバーを用意するには?
-
この記事では、使用中のマシンにローカルテスト用のサーバーを準備し、使用する方法について説明します。
- ウェブサーバーにファイルをアップロードするには?
-
ウェブサイトをオンラインで公開して、別のコンピューターからアクセスできるようにするには、FTP ツールがよく使用されます。この記事では、FTP ツールを使ってウェブサイトを公開する方法を説明します。
- GitHub ページを使うには?
-
この記事では、GitHub の GitHub ページ (gh-pages) 機能を使ってコンテンツを公開する方法を説明します。
- Google App Engine を使ってウェブサイトを公開するには?
-
作成したウェブサイトを配置する場所をお探しですか? この記事では、Google App Engine を使ってウェブサイトを公開する (ホスティングする) 手順を説明します。
- ウェブサイトのデバッグ/パフォーマンス向上に役立つツールにはどのようなものがある?(英語)
-
リンク先では、FireFox の開発者ツールを使って、ウェブサイトのデバッグ、パフォーマンス向上を行うための記事が一覧にまとめられています。これらの記事では、メモリーの使用状況、JavaScript の呼び出しツリー、レンダリングされた DOM ノードの数、その他について確認する方法などが紹介されています。
デザインとアクセシビリティ
このセクションでは、ページのデザイン、ページ構成、アクセシビリティについての質問などを取り上げています。
- ウェブサイトのデザインは何から始めればよい?
-
この記事では、すべてのプロジェクトにおいてきわめて重要な第一歩、「そのプロジェクトで何を実現したいのか」を定義する方法を説明します。
- 一般的なウェブレイアウトには何が含まれているのか?
-
ウェブサイトを設計するとき、まずは一般的なレイアウトについて知っておくとよいでしょう。この記事では、よくあるウェブレイアウトについていくつか取り上げ、どのような要素で構成されているかを見ていきます。
- アクセシビリティとは?
-
この記事では、ウェブアクセシビリティの基本的な概念について紹介します。
- あらゆる種類のユーザーに対応できるデザインとは?
-
この記事では、どのようなユーザーでも利用できるウェブサイトを作成するための基本的なテクニックを説明します。これには、手軽にアクセシビリティを実現する方法や、その他の情報などが含まれます。
- アクセシビリティを推進する HTML の機能とは?
-
この記事では、さまざまな障碍をもつユーザーがよりウェブサイトを利用しやすいよう使用される、各種の HTML の機能について説明します。
HTML、CSS、JavaScript の質問
HTML/CSS のよくある問題の解決方法については、次の記事を読んでみてください。