Fix Japanese: inner link of page of contents
This commit is contained in:
Yusuke Hayashi
parent
6dcc759a76
commit
6d2de5e05b
|
|
@ -2,37 +2,37 @@
|
|||
|
||||
[Front-end Job Interview Questions - CSS Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/questions/css-questions.md) の解答集です。提案や訂正のプルリクエストは大歓迎です！
|
||||
|
||||
* [CSSセレクターの詳細度とは何ですか？どのようにはたらきますか？](#CSSセレクターの詳細度とは何ですかどのようにはたらきますか)
|
||||
* ["リセット" と "ノーマライズ" CSSの違いは何ですか？あなたはどちらを使いますか？そしてそれはなぜですか？](#リセット-と-ノーマライズ-CSSの違いは何ですかあなたはどちらを使いますかそしてそれはなぜですか)
|
||||
* [CSSセレクターの詳細度とは何ですか？どのようにはたらきますか？](#cssセレクターの詳細度とは何ですかそれはどのようにはたらきますか)
|
||||
* ["リセット" と "ノーマライズ" CSSの違いは何ですか？あなたはどちらを使いますか？そしてそれはなぜですか？](#リセット-と-ノーマライズ-cssの違いは何ですかあなたはどちらを使いますかそしてそれはなぜですか)
|
||||
* [`float` とは何ですか？どのようにはたらきますか？](#float-とは何ですかどのようにはたらきますか)
|
||||
* [`z-index` とは何かと、スタックコンテキスト(スタック文脈)がどのように作られるのかを教えてください。](#z-index-とは何かとスタックコンテキスト(スタック文脈)がどのように作られるのかを教えてください)
|
||||
* [ブロック整形文脈（Block Formatting Context、BFC）とその仕組みを教えてください。](#ブロック整形文脈Block-Formatting-ContextBFCとその仕組みを教えてください)
|
||||
* [clear を行う手法にはどのようなものがあり、それぞれどのような状況に適していますか？](#clear-を行う手法にはどのようなものがあり、それぞれどのような状況に適していますか)
|
||||
* [CSSスプライトとは何ですか？ページやサイトに実装する方法も合わせて説明してください。](#CSSスプライトとは何ですかページやサイトに実装する方法も合わせて説明してください)
|
||||
* [`z-index` とは何かと、スタックコンテキスト(スタック文脈)がどのように作られるのかを教えてください。](#z-index-とは何かとスタックコンテキストスタック文脈がどのように作られるのかを教えてください)
|
||||
* [ブロック整形文脈（Block Formatting Context、BFC）とその仕組みを教えてください。](#ブロック整形文脈block-formatting-contextbfcとその仕組みを教えてください)
|
||||
* [clear を行う手法にはどのようなものがあり、それぞれどのような状況に適していますか？](#clear-を行う手法にはどのようなものがありそれぞれどのような状況に適していますか)
|
||||
* [CSSスプライトとは何ですか？ページやサイトに実装する方法も合わせて説明してください。](#cssスプライトとは何ですかページやサイトに実装する方法も合わせて説明してください)
|
||||
* [ブラウザ固有のスタイリングに関する問題を解決するにはどうすればいいですか？](#ブラウザ固有のスタイリングに関する問題を解決するにはどうすればいいですか)
|
||||
* [機能の少ないブラウザに対しては、どのようにページを提供しますか？どのようなテクニック/プロセスを使用しますか？](#機能の少ないブラウザに対しては、どのようにページを提供しますかどのようなテクニックプロセスを使用しますか)
|
||||
* [機能の少ないブラウザに対しては、どのようにページを提供しますか？どのようなテクニック/プロセスを使用しますか？](#機能の少ないブラウザに対してはどのようにページを提供しますかどのようなテクニックプロセスを使用しますか)
|
||||
* [コンテンツを視覚的に隠す（スクリーンリーダーのみ利用可能にする）方法にはどのようなものがありますか？いくつか教えてください。](#コンテンツを視覚的に隠すスクリーンリーダーのみ利用可能にする方法にはどのようなものがありますかいくつか教えてください)
|
||||
* [グリッドシステムを使用したことがありますか？使ったことがあるなら、あなたはどのグリッドシステムが好きですか？](#グリッドシステムを使用したことがありますか使ったことがあるならあなたはどのグリッドシステムが好きですか)
|
||||
* [メディアクエリやモバイル固有のレイアウト/CSSを使用したり実装したことはありますか？](#メディアクエリやモバイル固有のレイアウトCSSを使用したり実装したことはありますか)
|
||||
* [SVGのスタイリングについては詳しいですか？](#SVGのスタイリングについては詳しいですか)
|
||||
* [メディアクエリやモバイル固有のレイアウト/CSSを使用したり実装したことはありますか？](#メディアクエリやモバイル固有のレイアウトcssを使用したり実装したことはありますか)
|
||||
* [SVGのスタイリングについては詳しいですか？](#svgのスタイリングについては詳しいですか)
|
||||
* [`screen` 以外の `@media` プロパティの例を挙げられますか？](#screen-以外の-media-プロパティの例を挙げられますか)
|
||||
* [効率的なCSSを書くにために避けるべき "落とし穴" にはどんなものがありますか？](#効率的なCSSを書くにために避けるべき-落とし穴-にはどんなものがありますか)
|
||||
* [CSSプリプロセッサを使用するメリットとデメリットを教えてください。](#CSSプリプロセッサを使用するメリットとデメリットを教えてください)
|
||||
* [使用したことのあるCSSプリプロセッサについて好きなものと嫌いなものを教えてください。](#使用したことのあるCSSプリプロセッサについて好きなものと嫌いなものを教えてください)
|
||||
* [非標準フォントを使用するWebサイトを実装するにはどのようにしますか？](#非標準フォントを使用するWebサイトを実装するにはどのようにしますか)
|
||||
* [CSSセレクタにマッチする要素がどれなのか、ブラウザがどのように決定しているかを説明してください。](#CSSセレクタにマッチする要素がどれなのかブラウザがどのように決定しているかを説明してください)
|
||||
* [効率的なCSSを書くにために避けるべき "落とし穴" にはどんなものがありますか？](#効率的なcssを書くにために避けるべき-落とし穴-にはどんなものがありますか)
|
||||
* [CSSプリプロセッサを使用するメリットとデメリットを教えてください。](#cssプリプロセッサを使用するメリットとデメリットには何がありますか)
|
||||
* [使用したことのあるCSSプリプロセッサについて好きなものと嫌いなものを教えてください。](#使用したことのあるcssプリプロセッサについて好きなものと嫌いなものを教えてください)
|
||||
* [非標準フォントを使用するWebサイトを実装するにはどのようにしますか？](#非標準フォントを使用するwebサイトを実装するにはどのようにしますか)
|
||||
* [CSSセレクタにマッチする要素がどれなのか、ブラウザがどのように決定しているかを説明してください。](#cssセレクタにマッチする要素がどれなのかブラウザがどのように決定しているかを説明してください)
|
||||
* [疑似要素について説明し、それらがなんのために使われているかを詳しく話してください。](#疑似要素について説明しそれらがなんのために使われているかを詳しく話してください)
|
||||
* [ボックスモデルがなんであるかのあなたの理解と、ボックスモデルでレイアウトをレンダリングするためにCSSでブラウザに指示する複数の方法を説明してください。](#ボックスモデルがなんであるかのあなたの理解とボックスモデルでレイアウトをレンダリングするためにCSSでブラウザに指示する複数の方法を説明してください)
|
||||
* [`* { box-sizing: border-box; }` によって何が起きますか？その利点は何ですか？](#box-sizing-border-box--によって何が起きますかその利点は何ですか)
|
||||
* [CSSの `display` プロパティとは何ですか？その使い方の例をいくつか挙げることができますか？](#CSSの-display-プロパティとは何ですか？その使い方の例をいくつか挙げることができますか)
|
||||
* [ボックスモデルがなんであるかのあなたの理解と、ボックスモデルでレイアウトをレンダリングするためにCSSでブラウザに指示する複数の方法を説明してください。](#ボックスモデルがなんであるかのあなたの理解と異なるボックスモデルでレイアウトをレンダリングするためにcssでブラウザに指示する方法を説明してください)
|
||||
* [`* { box-sizing: border-box; }` によって何が起きますか？その利点は何ですか？](#--box-sizing-border-box--によって何が起きますかその利点は何ですか)
|
||||
* [CSSの `display` プロパティとは何ですか？その使い方の例をいくつか挙げることができますか？](#cssの-display-プロパティとは何ですかその使い方の例をいくつか挙げることができますか)
|
||||
* [`inline` と `inline-block` の違いは何ですか？](#inline-と-inline-block-の違いは何ですか)
|
||||
* [`position` が `relative`、`fixed`、`absolute`、`static`の要素の違いは何ですか？](#position-が-relativefixedabsolutestaticの要素の違いは何ですか)
|
||||
* [ローカルや本番環境で、どの既存のCSSフレームワークを使用していますか？また、どのように変更/改善していますか？](#what-existing-css-frameworks-have-you-used-locally-or-in-production-how-would-you-changeimprove-them)
|
||||
* [CSSに新たに導入された Flexbox や Grid の仕様で遊んだことはありますか？](#CSSに新たに導入された-Flexbox-や-Grid-の仕様で遊んだことはありますか)
|
||||
* [`position` が `relative`、`fixed`、`absolute`、`static`の要素の違いは何ですか？](#position-が-relativefixedabsolutestatic-の要素の違いは何ですか)
|
||||
* [ローカルや本番環境で、どの既存のCSSフレームワークを使用していますか？また、どのように変更/改善していますか？](#ローカルや本番環境でどの既存のcssフレームワークを使用していますかまたどのように変更改善していますか)
|
||||
* [CSSに新たに導入された Flexbox や Grid の仕様で遊んだことはありますか？](#新しいcssの-flexbox-や-grid-の仕様で遊んだことはありますか)
|
||||
* [ウェブサイトをレスポンシブでコーディングすることとモバイルファーストでコーディングすることの違いを説明できますか？](#ウェブサイトをレスポンシブでコーディングすることとモバイルファーストでコーディングすることの違いを説明できますか)
|
||||
* [レスポンシブデザインはアダプティブデザインと何が違いますか？](#レスポンシブデザインはアダプティブデザインと何が違いますか)
|
||||
* [Retina 対応を行ったことはありますか？もしあるなら、いつどのようなテクニックを使いましたか？](#Retina-対応を行ったことはありますかもしあるならいつどのようなテクニックを使いましたか)
|
||||
* [`position: absolute` の代わりに `translate()` を使用するべき場合はありますか？その逆の場合もありますか？理由も合わせて教えてください。](#position-absolute-の代わりに-translate-を使用するべき場合はありますか？その逆の場合もありますか？理由も合わせて教えてください)
|
||||
* [Retina 対応を行ったことはありますか？もしあるなら、いつどのようなテクニックを使いましたか？](#retina-対応を行ったことはありますかもしあるならいつどのようなテクニックを使いましたか)
|
||||
* [`position: absolute` の代わりに `translate()` を使用するべき場合はありますか？その逆の場合もありますか？理由も合わせて教えてください。](#position-absolute-の代わりに-translate-を使用するべき場合はありますかその逆の場合もありますか理由も合わせて教えてください)
|
||||
|
||||
### CSSセレクターの詳細度とは何ですか？それはどのようにはたらきますか？
|
||||
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
# HTML に関する問題
|
||||
|
||||
[Front-end Job Interview Questions - HTML Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/questions/html-questions.md) に対する解答集です。提案や訂正のプルリクエストは歓迎します。
|
||||
[Front-end Job Interview Questions - HTML Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/questions/html-questions.md) の解答集です。提案や訂正のプルリクエストは大歓迎です！
|
||||
|
||||
* [`DOCTYPE` は何のためにあるものですか?](#what-does-a-doctype-do)
|
||||
* [どのようにすれば複数の言語のコンテンツを含むページを提供できますか？](#how-do-you-serve-a-page-with-content-in-multiple-languages)
|
||||
* [多言語サイトを設計・開発する際には、どんなことに注意を払わなければならないですか？](#what-kind-of-things-must-you-be-wary-of-when-designing-or-developing-for-multilingual-sites)
|
||||
* [`data-` 属性は何のために使われるのですか？](#what-are-data--attributes-good-for)
|
||||
* [HTML5 をオープンウェブプラットフォームとして考え他ときに、HTML5 とはどんな要素から成るものですか？](#consider-html5-as-an-open-web-platform-what-are-the-building-blocks-of-html5)
|
||||
* [`cookie`、` sessionStorage`、`localStorage` の違いを教えてください。](#describe-the-difference-between-a-cookie-sessionstorage-and-localstorage)
|
||||
* [`<script>`、 `<script async>`、 `<script defer>` の違いを教えてください。](#describe-the-difference-between-script-script-async-and-script-defer)
|
||||
* [なぜ一般的に、CSSの `<link>` を `<head></head>` の間に、JS `<script>` を `</body>` の直前に置くことが良いと言われているのでしょうか？あなたは例外を知っていますか？](#why-is-it-generally-a-good-idea-to-position-css-links-between-headhead-and-js-scripts-just-before-body-do-you-know-any-exceptions)
|
||||
* [プログレッシブレンダリングとは何ですか？](#what-is-progressive-rendering)
|
||||
* [img タグに `srcset` 属性を使用する理由は？ この属性をもつ要素を評価するときにブラウザが行うプロセスを説明してください。](#why-you-would-use-a-srcset-attribute-in-an-image-tag-explain-the-process-the-browser-uses-when-evaluating-the-content-of-this-attribute)
|
||||
* [HTMLテンプレート言語をいくつか使用した経験はありますか？](#have-you-used-different-html-templating-languages-before)
|
||||
* [`DOCTYPE` は何のためにあるものですか？](doctype-は何のためにあるものですか)
|
||||
* [どのようにすれば複数の言語のコンテンツを含むページを提供できますか？](#どのようにすれば複数の言語のコンテンツを含むページを提供できますか)
|
||||
* [多言語サイトを設計・開発する際には、どんなことに注意を払わなければならないですか？](#多言語サイトを設計開発する際にはどんなことに注意を払わなければならないですか)
|
||||
* [`data-` 属性は何のために使われるのですか？](#data--属性は何のために使われるのですか)
|
||||
* [HTML5 をオープンウェブプラットフォームとして考え他ときに、HTML5 とはどんな要素から成るものですか？](#html5-をオープンウェブプラットフォームとして考え他ときにhtml5-とはどんな要素から成るものですか)
|
||||
* [`cookie`、`sessionStorage`、`localStorage` の違いを教えてください。](#cookiesessionstoragelocalstorage-の違いを教えてください)
|
||||
* [`<script>`、 `<script async>`、 `<script defer>` の違いを教えてください。](#script-script-async-script-deferの違いを教えてください)
|
||||
* [なぜ一般的に、CSSの `<link>` を `<head></head>` の間に、JSの `<script>` を `</body>` の直前に置くことが良いと言われているのでしょうか？こうすべきでない例外を知っていますか？](#なぜ一般的にcssの-link-を-headhead-の間にjsの-script-を-body-の直前に置くことが良いと言われているのでしょうかこうすべきでない例外を知っていますか)
|
||||
* [プログレッシブレンダリングとは何ですか？](#プログレッシブレンダリングとは何ですか)
|
||||
* [img タグに `srcset` 属性を使用する理由は？この属性をもつ要素を評価するときにブラウザが行うプロセスを説明してください。](#img-タグに-srcset-属性を使用する理由はこの属性をもつ要素を評価するときにブラウザが行うプロセスを説明してください)
|
||||
* [HTMLテンプレート言語をいくつか使用した経験はありますか？](#htmlテンプレート言語をいくつか使用した経験はありますか)
|
||||
|
||||
### `DOCTYPE` は何のためにあるものですか?
|
||||
### `DOCTYPE` は何のためにあるものですか？
|
||||
|
||||
`DOCTYPE` は "document type" の略です。 これは、標準モードと[後方互換(quirks)モード](https://quirks.spec.whatwg.org/#history)を区別するためにHTMLで使用される宣言です。これがあると、標準モードでWebページをレンダリングするようにブラウザに指示します。
|
||||
|
||||
|
|
@ -59,7 +59,7 @@ HTTPリクエストがサーバに対して行われるとき、リクエスト
|
|||
|
||||
[[↑] 先頭に戻る](#html-questions)
|
||||
|
||||
### `data-`属性は何のために使われるのですか？
|
||||
### `data-` 属性は何のために使われるのですか？
|
||||
|
||||
JavaScript フレームワークが普及する前に、フロントエンドの開発者は、非標準属性、DOM の余分なプロパティなどの他のハッキングなしで、DOM 内に余分なデータを格納する `data-` 属性を使用しました。 適切な属性や要素が存在しないページやアプリケーション専用のカスタムデータを格納するためのものです。
|
||||
|
||||
|
|
@ -89,7 +89,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
|
|||
|
||||
[[↑] 先頭に戻る](#html-questions)
|
||||
|
||||
### `cookie`、` sessionStorage`、`localStorage` の違いを教えてください。
|
||||
### `cookie`、`sessionStorage`、`localStorage` の違いを教えてください。
|
||||
|
||||
これらの技術は、クライアント側の key-value ストレージメカニズムです。彼らは文字列として値を格納することだけができます。
|
||||
|
||||
|
|
@ -110,7 +110,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
|
|||
|
||||
[[↑] 先頭に戻る](#html-questions)
|
||||
|
||||
### `<script>`、 `<script async>`、 `<script defer>`の違いを教えてください。
|
||||
### `<script>`、`<script async>`、`<script defer>` の違いを教えてください。
|
||||
|
||||
* `<script>` - HTML解析がブロックされ、スクリプトがフェッチされてすぐに実行され、スクリプトの実行後にHTML解析が再開されます。
|
||||
* `<script async>` - スクリプトはHTML解析と並行して取得され、利用可能になるとすぐに（HTML解析が完了する前に）実行されます。スクリプトがページ上の他のスクリプト（アナリティックスなど）と独立している場合は、 `async` を使用します。
|
||||
|
|
@ -126,7 +126,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
|
|||
|
||||
[[↑] 先頭に戻る](#html-questions)
|
||||
|
||||
### なぜ一般的に、CSSの `<link>`を `<head></head>`の間に、JS `<script>` を `</body>` の直前に置くことが良いと言われているのでしょうか？あなたは例外を知っていますか？
|
||||
### なぜ一般的に、CSSの `<link>` を `<head></head>` の間に、JSの `<script>` を `</body>` の直前に置くことが良いと言われているのでしょうか？こうすべきでない例外を知っていますか？
|
||||
|
||||
**`<link>`を `<head>`に置く**
|
||||
|
||||
|
|
@ -158,7 +158,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
|
|||
|
||||
[[↑] 先頭に戻る](#html-questions)
|
||||
|
||||
### img タグに `srcset` 属性を使用する理由は？ この属性をもつ要素を評価するときにブラウザが行うプロセスを説明してください。
|
||||
### img タグに `srcset` 属性を使用する理由は？この属性をもつ要素を評価するときにブラウザが行うプロセスを説明してください。
|
||||
|
||||
TODO
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue