Merge branch 'master' into update-getting-started

Author: Shinyaigeek

.all-contributorsrc

@@ -362,6 +362,60 @@
       "contributions": [
         "bug"
       ]
+    },
+    {
+      "login": "himorishige",
+      "name": "Hiroshi MORISHIGE",
+      "avatar_url": "https://avatars.githubusercontent.com/u/71954454?v=4",
+      "profile": "https://github.com/himorishige",
+      "contributions": [
+        "translation"
+      ]
+    },
+    {
+      "login": "progriro",
+      "name": "shinya fukimbara",
+      "avatar_url": "https://avatars.githubusercontent.com/u/51112816?v=4",
+      "profile": "https://github.com/progriro",
+      "contributions": [
+        "translation"
+      ]
+    },
+    {
+      "login": "yodakaEngineer",
+      "name": "yodaka",
+      "avatar_url": "https://avatars.githubusercontent.com/u/44350989?v=4",
+      "profile": "https://www.yodaka-star.com/profile",
+      "contributions": [
+        "translation"
+      ]
+    },
+    {
+      "login": "Kazuhiro-Mimaki",
+      "name": "Kazuhiro-Mimaki",
+      "avatar_url": "https://avatars.githubusercontent.com/u/62820515?v=4",
+      "profile": "https://github.com/Kazuhiro-Mimaki",
+      "contributions": [
+        "translation"
+      ]
+    },
+    {
+      "login": "Piyopanman",
+      "name": "Piyopanman",
+      "avatar_url": "https://avatars.githubusercontent.com/u/66374097?v=4",
+      "profile": "http://piyopanman.com",
+      "contributions": [
+        "translation"
+      ]
+    },
+    {
+      "login": "TetsuyaNegishi",
+      "name": "Tetsuya Negishi",
+      "avatar_url": "https://avatars.githubusercontent.com/u/8405585?v=4",
+      "profile": "https://github.com/TetsuyaNegishi",
+      "contributions": [
+        "translation"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.textlintrc

@@ -8,7 +8,8 @@
       "no-doubled-joshi": {
          "strict": false,
          "allow": ["か"], // 助詞のうち「か」は複数回の出現を許す(e.g.: するかどうか)
-      }
+      },
+      "no-exclamation-question-mark": false
     },
     "preset-ja-spacing": {
       "ja-space-between-half-and-full-width": {
@@ -23,6 +24,9 @@
     "ja-technical-writing/ja-no-mixed-period": {
       "allowPeriodMarks": [":"],
     },
+    "ja-technical-writing/max-comma": {
+      "max": 5
+    },
     "ja-technical-writing/sentence-length": false, //100文字数制限の無効化
     "prh": {
       "rulePaths" :[

README.md

@@ -3,7 +3,7 @@
 <!-- textlint-enable -->
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-38-orange.svg?style=flat-square)](#contributors)
+[![All Contributors](https://img.shields.io/badge/all_contributors-44-orange.svg?style=flat-square)](#contributors)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 ![reviewdog](https://github.com/Nextjs-ja-translation/Nextjs-ja-translation-docs/workflows/reviewdog/badge.svg)
@@ -139,6 +139,14 @@ Thanks to these wonderful people ([emoji key](https://allcontributors.org/docs/e
     <td align="center"><a href="https://kirohi.now.sh"><img src="https://avatars1.githubusercontent.com/u/38400669?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Hiroki.Ihoriya</b></sub></a><br /><a href="#translation-ia17011" title="Translation">🌍</a></td>
     <td align="center"><a href="https://fiveteesixone.lackland.io"><img src="https://avatars.githubusercontent.com/u/333180?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Hirofumi Wakasugi</b></sub></a><br /><a href="https://github.com/Nextjs-ja-translation/Nextjs-ja-translation-docs/pulls?q=is%3Apr+reviewed-by%3A5t111111" title="Reviewed Pull Requests">👀</a></td>
     <td align="center"><a href="https://numb86.net/"><img src="https://avatars.githubusercontent.com/u/16703337?v=4?s=100" width="100px;" alt=""/><br /><sub><b>numb86</b></sub></a><br /><a href="https://github.com/Nextjs-ja-translation/Nextjs-ja-translation-docs/issues?q=author%3Anumb86" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="https://github.com/himorishige"><img src="https://avatars.githubusercontent.com/u/71954454?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Hiroshi MORISHIGE</b></sub></a><br /><a href="#translation-himorishige" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://github.com/progriro"><img src="https://avatars.githubusercontent.com/u/51112816?v=4?s=100" width="100px;" alt=""/><br /><sub><b>shinya fukimbara</b></sub></a><br /><a href="#translation-progriro" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://www.yodaka-star.com/profile"><img src="https://avatars.githubusercontent.com/u/44350989?v=4?s=100" width="100px;" alt=""/><br /><sub><b>yodaka</b></sub></a><br /><a href="#translation-yodakaEngineer" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://github.com/Kazuhiro-Mimaki"><img src="https://avatars.githubusercontent.com/u/62820515?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kazuhiro-Mimaki</b></sub></a><br /><a href="#translation-Kazuhiro-Mimaki" title="Translation">🌍</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="http://piyopanman.com"><img src="https://avatars.githubusercontent.com/u/66374097?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Piyopanman</b></sub></a><br /><a href="#translation-Piyopanman" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://github.com/TetsuyaNegishi"><img src="https://avatars.githubusercontent.com/u/8405585?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tetsuya Negishi</b></sub></a><br /><a href="#translation-TetsuyaNegishi" title="Translation">🌍</a></td>
   </tr>
 </table>
 

components/container.js

@@ -16,10 +16,10 @@ export default function Container({
   ...props
 }) {
   return (
-    <div {...props}>
+    <div {...props} className="container">
       <style jsx>
         {`
-      {
+      .container {
         width: 100%;
         margin: 0 auto;
         padding: ${padding ? '6.25rem' : '0'} ${wide ? '0' : '1rem'};
@@ -45,7 +45,7 @@ export default function Container({
         }
         ${divider ? `border-top: 1px solid rgba(0,0,0,0.1);` : ''}
       }
-      :after {
+      .container:after {
         // BFC
         content: '';
         display: table;

components/footer.js

@@ -70,9 +70,13 @@ export default withPure(() => (
               </Link>
             </p>
             <p>
-              <Link href="https://github.com/Nextjs-ja-translation/Nextjs-ja-translation-docs#contributors-">
-                <a>コントリビューター</a>
-              </Link>
+              <a
+                href="https://github.com/Nextjs-ja-translation/Nextjs-ja-translation-docs#contributors-"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                コントリビューター
+              </a>
             </p>
           </div>
           <div>

components/home/campaign.js

@@ -15,8 +15,6 @@ const campaignWords = [
 export default () => {
   const animationDuration = 1.8;
   const animationLength = animationDuration * campaignWords.length;
-  const endOfAnimation = 100 / campaignWords.length;
-  const animationOverlap = 0.1;
 
   return (
     <div className="slider-container">
@@ -66,16 +64,16 @@ export default () => {
             transform: translate3d(-50%, 25%, 0px);
             visibility: visible;
           }
-          ${1 - 1 * animationOverlap}% {
+          0.9% {
             opacity: 1;
             transform: translate3d(-50%, 75%, 0px);
           }
-          ${endOfAnimation}% {
+          9.09% {
             opacity: 1;
             transform: translate3d(-50%, 75%, 0px);
             visibility: visible;
           }
-          ${endOfAnimation + endOfAnimation * animationOverlap}% {
+          17.271% {
             opacity: 0;
             transform: translate3d(-50%, 135%, 0px);
             visibility: hidden;

components/navbar.js

@@ -45,22 +45,24 @@ function Navbar() {
         </div>
 
         <div className="links">
-          <Link href="/">
-            <a className="logo">
-              <NextLogo />
-            </a>
-          </Link>
-
-          <Link href="/docs/[...slug]" as="/docs/getting-started">
-            <a
-              className={cn('mute', {
-                selected: route.startsWith('/docs')
-              })}
-              title="Documentation"
-            >
-              Docs
-            </a>
-          </Link>
+          <div className="wrapper">
+            <Link href="/">
+              <a className="logo">
+                <NextLogo />
+              </a>
+            </Link>
+
+            <Link href="/docs/[...slug]" as="/docs/getting-started">
+              <a
+                className={cn('link mute', {
+                  selected: route.startsWith('/docs')
+                })}
+                title="Documentation"
+              >
+                Docs
+              </a>
+            </Link>
+          </div>
 
           <a
             href="https://github.com/vercel/next.js"
@@ -91,6 +93,15 @@ function Navbar() {
           z-index: 1;
         }
 
+        .wrapper {
+          display: flex;
+          align-items: center;
+        }
+
+        .link {
+          margin-left: 2rem;
+        }
+
         .links a {
           text-decoration: none;
           transition: color 0.2s ease;
@@ -154,6 +165,10 @@ function Navbar() {
             font-size: 14px;
           }
 
+          .link {
+            margin-left: 0;
+          }
+
           .mobile-top {
             width: 100%;
             display: flex;

docs/advanced-features/amp-support/adding-amp-components.md

@@ -4,7 +4,7 @@ description: AMPコミュニティのコンポーネントを追加して、よ
 
 # AMPコンポーネントの追加
 
-AMPコミュニティは、よりインタラクティブなAMPページを作成するのに役立つ [たくさんのコンポーネント](https://amp.dev/documentation/components/) を提供しています。 Next.js はページで使用されるすべてのコンポーネントを自動的にインポートするので、AMPコンポーネントのスクリプトを手動でインポートする必要はありません:
+AMP コミュニティは、よりインタラクティブな AMP ページを作成するのに役立つ [たくさんのコンポーネント](https://amp.dev/documentation/components/) を提供しています。 Next.js はページで使用されるすべてのコンポーネントを自動的にインポートするので、AMP コンポーネントのスクリプトを手動でインポートする必要はありません:
 
 ```jsx
 export const config = { amp: true };
@@ -49,7 +49,12 @@ function MyAmpPage() {
       </Head>
 
       <p>Some time: {date.toJSON()}</p>
-      <amp-timeago width="0" height="15" datetime={date.toJSON()} layout="responsive">
+      <amp-timeago
+        width="0"
+        height="15"
+        datetime={date.toJSON()}
+        layout="responsive"
+      >
         .
       </amp-timeago>
     </div>

docs/advanced-features/amp-support/amp-in-static-html-export.md

@@ -27,7 +27,7 @@ Next.js は、HTML ページに AMP ページへのリンクを自動的に挿
 <link rel="canonical" href="/about" />
 ```
 
-[`exportTrailingSlash`](/docs/api-reference/next.config.js/exportPathMap.md#0cf7d6666b394c5d8d08a16a933e86ea) を有効にすると、 `pages/about.js` は以下のようにエクスポートされます:
+[`trailingSlash`](/docs/api-reference/next.config.js/trailingSlash.md) を有効にすると、 `pages/about.js` は以下のようにエクスポートされます:
 
 - `out/about/index.html` - HTML ページ
 - `out/about.amp/index.html` - AMP ページ

docs/advanced-features/amp-support/amp-validation.md

@@ -7,3 +7,27 @@ description: AMPページは、開発時やビルド時にNext.jsによって自
 AMP ページは開発時に [amphtml-validator](https://www.npmjs.com/package/amphtml-validator) によって自動的に検証されます。 エラーや注意事項は Next.js を起動したターミナルに表示されます。
 
 ページは [静的 HTML のエクスポート](/docs/advanced-features/static-html-export.md) 時にも検証され、エラーや注意事項はターミナルに表示されます。有効ではない AMP のエクスポートによって、AMP のエラーが発生した場合は、ステータスコード `1` で処理を終了します。
+
+### 検証のカスタム
+
+以下のような `next.config.js` によって、AMP ページの検証をカスタマイズできます。
+
+```jsx
+module.exports = {
+  amp: {
+    validator: './custom_validator.js',
+  },
+}
+```
+
+### 検証のスキップ
+
+AMP ページの検証をオフにする場合は、`next.config.js` に以下のコードを追加します。
+
+```jsx
+experimental: {
+  amp: {
+    skipValidation: true
+  }
+}
+```