blob: d9990bb91e415c4d714a06be787b06a88180ce17 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
---
title: よくある質問
slug: Learn/Common_questions
tags:
- CodingScripting
- Infrastructure
- Learn
- Web
- WebMechanics
translation_of: Learn/Common_questions
---
<div>{{LearnSidebar}}</div>
<p class="summary">学習エリアのこのセクションでは、浮かんでくるかもしれないけれども、学習ルートの本筋 (例 <a href="/ja/docs/Learn/HTML">HTML</a> や <a href="/ja/docs/Learn/CSS">CSS</a> 学習記事) には必要でもない、よくある質問への回答を載せるために作りました。この記事は単独でこれだけを読んでも理解できるものになっています。</p>
<h2 id="How_the_Web_works" name="How_the_Web_works">ウェブはどのように動いているのか</h2>
<p>このセクションでは、ウェブのメカニズムについてのウェブのエコシステムや動作に関係する質問に答えます。</p>
<dl>
<dt>
<h3 id="How_does_the_Internet_work" name="How_does_the_Internet_work"><a href="/ja/docs/Learn/Common_questions/How_does_the_Internet_work">インターネットはどうやって動いているの？</a></h3>
</dt>
</dl>
<dl>
<dd><strong>インターネット</strong>は、ウェブの骨組みで、ウェブを可能としている技術的なインフラです。ごく簡単に言うと、インターネットとは、おたがいに通信しあうたくさんのコンピューターが繋がってできた巨大なネットワークです。この記事では、おおまなにインターネットがどのように動いているのかを説明します。</dd>
<dt>
<h3 id="What_is_the_difference_between_webpage_website_Web_server_and_search_engine" name="What_is_the_difference_between_webpage_website_Web_server_and_search_engine"><a href="/ja/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines">ウェブページ、ウェブサイト、ウェブサーバー、検索エンジン、これらは何が違うの？</a></h3>
</dt>
<dd>この記事では、ウェブページ、ウェブサイト、ウェブサーバー、検索エンジンなどの、ウェブに関係するいろいろな考えについて話します。これらの用語は、ウェブに馴染みのない人にとって、よく混同されたり間違って使われる元になっています。それぞれの意味を発見していきましょう！</dd>
<dt>
<h3 id="What_are_hyperlinks" name="What_are_hyperlinks"><a href="/ja/docs/Learn/Common_questions/What_is_a_URL">ハイパーリンクって何？</a></h3>
</dt>
<dd>この記事では、ハイパーリンクがどのようなもので、なぜ大切なのかを説明しています。</dd>
<dt>
<h3 id="What_is_a_URL" name="What_is_a_URL"><a href="/ja/docs/Learn/Common_questions/What_is_a_URL">URL って何？</a></h3>
</dt>
<dd>{{Glossary("Hypertext")}} と {{Glossary("HTTP")}} では、URL とはインターネットのキーとなる考えです。URL は {{Glossary("Browser","ブラウザー")}} が利用する仕組みで、ウェブ上にあるあらゆるリソースを手に入れるために使われます。</dd>
<dt>
<h3 id="What_is_a_domain_name" name="What_is_a_domain_name"><a href="/ja/docs/Learn/Common_questions/What_is_a_domain_name">ドメイン名って何？</a></h3>
</dt>
<dd>ドメイン名は、インターネットのインフラにとって大切なパーツの一つです。インターネット上のウェブサーバーのために、人が読みやすいアドレスを使えるようにしてくれます。</dd>
<dt>
<h3 id="What_is_a_Web_server" name="What_is_a_Web_server"><a href="/ja/docs/Learn/Common_questions/What_is_a_web_server">ウェブサーバーって何?</a></h3>
</dt>
<dd>「ウェブサーバー」という言葉は、ウェブ上でクライアントにウェブサイトを送信するハードウェアまたはソフトウェアを指します。ときにはその両方を指します。この記事では、ウェブサーバーがどのように動いていて、どうして大切なのかを説明しています。</dd>
</dl>
<h2 id="Tools_and_setup" name="Tools_and_setup">ツールとセットアップ</h2>
<p>ウェブサイトを作るためのツールやソフトウェアに関係する質問です。</p>
<dl>
<dt>
<h3 id="How_much_does_it_cost_to_do_something_on_the_Web" name="How_much_does_it_cost_to_do_something_on_the_Web"><a href="/ja/docs/Learn/Common_questions/What_software_do_I_need">ウェブサイトを作るにはどんなソフトウェアが必要？</a></h3>
</dt>
<dd>この記事では、ウェブサイトの編集、アップロード、閲覧に、それぞれどのようなソフトウェアコンポーネントが必要になるか説明します。</dd>
<dt>
<h3 id="What_software_do_I_need_to_build_a_website" name="What_software_do_I_need_to_build_a_website"><a href="/ja/docs/Learn/Common_questions/How_much_does_it_cost">ウェブ上で何かをするのにどれくらいお金がかかるの？</a></h3>
</dt>
<dd>ウェブサイトを立ち上げる場合、いっさいお金をかけずにすむこともあれば、高額な費用がかかることもあります。この記事では、ウェブ開発で使用するツールやサービスにどれくらい費用がかかるか、お金をかけた場合、かけなかった場合に、それぞれどのようなことができるか、を説明します。</dd>
<dt>
<h3 id="What_text_editors_are_available" name="What_text_editors_are_available"><a href="/ja/docs/Learn/Common_questions/Available_text_editors">どんなテキストエディタが必要？</a></h3>
</dt>
<dd>この記事では、ウェブ開発で使用するテキストエディタを選択、インストールするときに、考慮すべき点について取り上げます。</dd>
<dt>
<h3 id="What_are_browser_developer_tools" name="What_are_browser_developer_tools"><a href="/ja/docs/Learn/Common_questions/What_are_browser_developer_tools">ブラウザーの開発者ツールとは何？</a></h3>
</dt>
<dd>すべてのブラウザーには、HTML、CSS、その他のウェブ用コードをデバッグするための開発者ツールが用意されています。この記事では、お使いのブラウザーの開発者ツールの基本機能の使い方について説明します。</dd>
<dt>
<h3 id="How_do_you_make_sure_your_website_works_properly" name="How_do_you_make_sure_your_website_works_properly"><a href="/ja/docs/Learn/Common_questions/Checking_that_your_web_site_is_working_properly">ウェブサイトが意図したとおりに動作しないとき、どうすればいい？</a></h3>
</dt>
<dd>あなたが開発してオンラインに公開したウェブサイト、本当に意図したとおりに動作していますか？ この記事では、基本的なトラブルシューティングの手順について説明します。</dd>
<dt>
<h3 id="How_do_you_set_up_a_local_testing_server" name="How_do_you_set_up_a_local_testing_server"><a href="/ja/docs/Learn/Common_questions/set_up_a_local_testing_server">ローカル環境にテスト用サーバーを用意するには、どうすればいい？</a></h3>
</dt>
<dd>この記事では、使用中のマシンにローカルテスト用のサーバーを準備し、使用する方法について説明します。</dd>
<dt>
<h3 id="How_do_you_upload_files_to_a_Web_server" name="How_do_you_upload_files_to_a_Web_server"><a href="/ja/docs/Learn/Common_questions/Upload_files_to_a_web_server">ウェブサーバーにファイルをアップロードするにはどうすればいい？</a></h3>
</dt>
</dl>
<dl>
<dd>ウェブサイトをオンラインで公開して、別のコンピューターからアクセスできるようにするには、FTP ツールがよく使用されます。この記事では、FTP ツールを使ってウェブサイトを公開する方法を説明します。</dd>
<dt>
<h3 id="How_do_I_use_GitHub_Pages" name="How_do_I_use_GitHub_Pages"><a href="/ja/docs/Learn/Common_questions/Using_GitHub_Pages">GitHub ページを使うにはどうすればいい？</a></h3>
</dt>
<dd>この記事では、GitHub の GitHub ページ (gh-pages) 機能を使ってコンテンツを公開する方法を説明します。</dd>
<dt>
<h3 id="How_do_you_host_your_website_on_Google_App_Engine" name="How_do_you_host_your_website_on_Google_App_Engine"><a href="/ja/docs/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine">Google App Engine を使ってウェブサイトを公開するにはどうすればいい？</a></h3>
</dt>
<dd>作成したウェブサイトを配置する場所をお探しですか？ この記事では、Google App Engine を使ってウェブサイトを公開する (ホスティングする) 手順を説明します。</dd>
<dt>
<h3 id="What_tools_are_available_to_debug_and_improve_website_performance" name="What_tools_are_available_to_debug_and_improve_website_performance"><a href="/ja/docs/Tools/Performance">ウェブサイトのデバッグ／パフォーマンス向上に役立つツールにはどのようなものがある？</a></h3>
</dt>
<dd>リンク先では、FireFox の開発者ツールを使って、ウェブサイトのデバッグ、パフォーマンス向上を行うための記事が一覧にまとめられています。これらの記事では、メモリーの使用状況、JavaScript の呼び出しツリー、レンダリングされた DOM ノードの数、その他について確認する方法などが紹介されています。</dd>
</dl>
<h2 id="Design_and_accessibility" name="Design_and_accessibility">デザインとアクセシビリティ</h2>
<p>このセクションでは、ページのデザイン、ページ構成、アクセシビリティについての質問などを取り上げています。</p>
<h3 id="How_do_I_start_to_design_my_website" name="How_do_I_start_to_design_my_website"><a href="/ja/docs/Learn/Common_questions/Thinking_before_coding">ウェブサイトの設計では何から始めればいい？</a></h3>
<dl>
<dd>この記事では、すべてのプロジェクトにおいてきわめて重要な第一歩、「そのプロジェクトで何を実現したいのか」を定義する方法を説明します。</dd>
<dt>
<h3 id="What_do_common_Web_layouts_contain" name="What_do_common_Web_layouts_contain"><a href="/ja/docs/Learn/Common_questions/Common_web_layouts">よくあるウェブページのレイアウトには何が含まれてる？</a></h3>
</dt>
<dd>ウェブサイトを設計するとき、まずは一般的なレイアウトについて知っておくとよいでしょう。この記事では、よくあるウェブレイアウトについていくつか取り上げ、どのような要素で構成されているかを見ていきます。</dd>
<dt>
<h3 id="What_is_accessibility" name="What_is_accessibility"><a href="/ja/docs/Learn/Common_questions/What_is_accessibility">アクセシビリティって何？</a></h3>
</dt>
<dd>この記事では、ウェブアクセシビリティの基本的な概念について紹介します。</dd>
<dt>
<h3 id="How_can_we_design_for_all_types_of_users" name="How_can_we_design_for_all_types_of_users"><a href="/ja/docs/Learn/Common_questions/Design_for_all_types_of_users">どんなユーザーでも使えるようにデザインするにはどうすればいい？</a></h3>
</dt>
<dd>この記事では、どのようなユーザーでも利用できるウェブサイトを作成するための基本的なテクニックを説明します。これには、手軽にアクセシビリティを実現する方法や、その他の情報などが含まれます。</dd>
<dt>
<h3 id="What_HTML_features_promote_accessibility" name="What_HTML_features_promote_accessibility"><a href="/ja/docs/Learn/Common_questions/HTML_features_for_accessibility">アクセシビリティをよくする HTML の機能にはどんなものがある？</a></h3>
</dt>
<dd>この記事では、さまざまな障害をもつユーザーがよりウェブサイトを利用しやすいよう使用される、各種の HTML の機能について説明します。</dd>
</dl>
<h2 id="HTML_CSS_and_JavaScript_questions" name="HTML_CSS_and_JavaScript_questions">HTML、CSS、JavaScript の質問</h2>
<p>HTML/CSS のよくある問題の解決方法については、次の記事を読んでみてください。</p>
<ul>
<li><a href="/ja/docs/Learn/HTML/Howto">よくある問題の解決に HTML を使う</a></li>
<li><a href="/ja/docs/Learn/CSS/Howto">よくある問題の解決に CSS を使う</a></li>
<li>
<p><a href="/ja/docs/Learn/JavaScript/Howto">よくある問題の解決に JavaScript を使う</a></p>
</li>
</ul>
|
