Skip to content

Commit 31e6761

Browse files
ShinyaigeekShinyaigeek
authored
Merge pull request #317 from hiro08gh/update-faq
Chore: faq.mdの更新
2 parents fe971ca + 6fe5998 commit 31e6761

File tree

1 file changed

+28
-26
lines changed

1 file changed

+28
-26
lines changed

‎docs/faq.md‎

Lines changed: 28 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -6,40 +6,36 @@ description: よくある質問を通して Next.js について理解を深め
66

77
<details>
88
<summary>製品利用することはできますか？</summary>
9-
<p><a href="https://vercel.com">https://vercel.com</a> は当初から Next.js で実装されています。</p>
10-
11-
<p>開発経験とエンドユーザーのパフォーマンスの双方にとって満足いくものになったと考えたため、コミュニティに共有することを決めました。</p>
12-
</details>
13-
14-
<details>
15-
<summary>ファイルサイズはどれくらいですか？</summary>
16-
<p>クライアントサイドのバンドルサイズはアプリごとに計測されるべきですが、軽量の Next.js アプリであればメインバンドルは gzip 形式で約 65kb に圧縮されています。</p>
17-
</details>
18-
19-
<details>
20-
<summary>webpack の内部設定を変えるにはどうすればいいですか？</summary>
21-
<p>Next.js は webpack 設定のオーバーヘッドを無くすように最善を尽くしています。 しかし、より多くの制御を必要とするような高度なケースでは、こちらの <a href="/docs/api-reference/next.config.js/custom-webpack-config.md">webpack 設定のカスタマイズのドキュメント</a>を見てください。</p>
9+
<p>Yes! Next.js is used by many of the top websites in the world. See the
10+
<a href="https://nextjs.org/showcase">Showcase</a> for more info.</p>
2211
</details>
2312

2413
<details>
25-
<summary>コンパイルされている構文機能は何ですか？ それを変更するにはどうしたらいいですか？</summary>
26-
<p>V8 を踏襲しています。 V8 は ES6 と async/await をサポートしてきたので Next.js にもコンパイルされています。 V8 はクラスデコレーターをサポートしていないので Next.js でもコンパイルされていません。</p>
27-
28-
<p>もっと知りたい場合は <a href="/docs/advanced-features/customizing-babel-config.md">babel 設定のカスタマイズ</a>のドキュメントを見てください。</p>
14+
<summary>データを取得するにはどうすればいいですか？</summary>
15+
Next.js provides a variety of methods depending on your use case. You can use:
16+
<ul>
17+
<li> Client-side rendering: Fetch data with <a href="/docs/basic-features/data-fetching/client-side.md#client-side-data-fetching-with-useeffect">useEffect</a> or <a href="/docs/basic-features/data-fetching/client-side.md#client-side-data-fetching-with-swr">SWR</a> inside your React components</li>
18+
<li> Server-side rendering with <a href="/docs/basic-features/data-fetching/get-server-side-props.md">getServerSideProps</a></li>
19+
<li> Static-site generation with <a href="/docs/basic-features/data-fetching/get-static-props.md">getStaticProps</a></li>
20+
<li> Incremental Static Regeneration by <a href="/docs/basic-features/data-fetching/incremental-static-regeneration.md">adding the `revalidate` prop to getStaticProps</a></li>
21+
</ul>
22+
To learn more about data fetching, visit our <a href="/docs/basic-features/data-fetching/overview.md">data fetching documentation</a>.
2923
</details>
3024

3125
<details>
32-
<summary>なぜ新しいルーターなのですか？</summary>
26+
<summary>なぜ Next.js は独自のルーターを持ってますか？</summary>
3327
Next.js には以下の特徴があります:
3428
<ul>
35-
<li>ルーティングは事前に知られておく必要はなく、ルートマニフェストを送りません</li>
29+
<li>It uses a file-system based router which reduces configuration</li>
30+
<li>It supports shallow routing which allows you to change the URL without running data fetching methods</li>
3631
<li>ルーティングは常に遅延読み込みが可能です</li>
3732
</ul>
33+
If you're migrating from React Router, see the <a href="/docs/migrating/from-react-router.md">migration documentation</a>.
3834
</details>
3935

4036
<details>
41-
<summary>データを取得するにはどうすればいいですか？</summary>
42-
<p>好きな方法を選ぶことができます。 React コンポーネント内でリモートデータを取得するには、 <a href="https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch">fetch API</a> か <a href="https://swr.now.sh/">SWR</a> のどちらかを使うことができます。 もしくは Next.js 独自の<a href="/docs/basic-features/data-fetching.md">データ取得メソッド</a>を使って初期データを追加できます。</p>
37+
<summary>Next でお気に入りの JavaScript ライブラリやツールを使うことはできますか？</summary>
38+
<p>使えます！何百もの<a href="https://github.com/vercel/next.js/tree/canary/examples">ディレクトリ例</a>があります。</p>
4339
</details>
4440

4541
<details>
@@ -48,22 +44,28 @@ description: よくある質問を通して Next.js について理解を深め
4844
</details>
4945

5046
<details>
51-
<summary>Reduxと一緒に使えますか？</summary>
47+
<summary>Reduxと一緒に Next.js を使えますか？</summary>
5248
<p>使えます！ こちらの<a href="https://github.com/vercel/next.js/tree/canary/examples/with-redux">サンプル</a> を見てください。 <a href="https://github.com/vercel/next.js/tree/canary/examples/with-redux-thunk">thunk を用いたサンプル</a> もあります。</p>
5349
</details>
5450

51+
<details>
52+
<summary>Can I make a Next.js Progressive Web App (PWA)?</summary>
53+
<p>Yes! Here's our <a href="https://github.com/vercel/next.js/tree/canary/examples/progressive-web-app">Next.js PWA Example</a>.</p>
54+
</details>
55+
5556
<details>
5657
<summary>静的ファイルのために CDN を使うことはできますか？</summary>
57-
<p>はい。<a href="/docs/api-reference/next.config.js/cdn-support-with-asset-prefix.md">こちら</a>に詳しく書いてあります。</p>
58+
<p>Yes! When you deploy your Next.js application to <a href="https://vercel.com">Vercel</a>, your static assets are automatically detected and served by the Edge Network. If you self-host Next.js, you can learn how to manually configure the asset prefix <a href="/docs/api-reference/next.config.js/cdn-support-with-asset-prefix.md">here</a>.</p>
5859
</details>
5960

61+
6062
<details>
61-
<summary>Next でお気に入りの JavaScript ライブラリやツールを使うことはできますか？</summary>
62-
<p>最初のリリース以来、多くの他ライブラリやツールとの併用例がコントリビュートされてきました。 <a href="https://github.com/vercel/next.js/tree/canary/examples">examples</a> ディレクトリで見ることができます。</p>
63+
<summary>webpack の内部設定を変えるにはどうすればいいですか？</summary>
64+
<p>In most cases, no manual webpack configuration is necessary since Next.js automatically configures webpack. For advanced cases where more control is needed, refer to the <a href="/docs/api-reference/next.config.js/custom-webpack-config.md">custom webpack config documentation</a>.</p>
6365
</details>
6466

6567
<details>
66-
<summary>何から影響を受けて開発されましたか？</summary>
68+
<summary>Next.js は何から影響を受けましたか？</summary>
6769
<p>私たちが設定した達成目標の多くは、 Guillermo Rauch の <a href="https://rauchg.com/2014/7-principles-of-rich-web-applications">7 principles of Rich Web Applications</a> に記されているものです。</p>
6870

6971
<p>PHP の使いやすさから大きな影響を受けています。 HTML を出力するために PHP を使わなければならない多くの場合において、 Next.js は最適な代替手段になると思っています。</p>

0 commit comments

Comments
 (0)