translate docs/working-with-video.md #60

ghost · 2020-01-16T21:33:28Z

レビューお願いします！

オリジナル：https://www.gatsbyjs.org/docs/working-with-video/

ghost · 2020-01-18T08:06:03Z

すいません翻訳少し修正しました!

uetchy

👍

docs/docs/working-with-video.md

uetchy · 2020-01-24T15:58:35Z

docs/docs/working-with-video.md

+## GraphQL を使用して Markdown から動画を要求する

-If a Markdown page or post has a featured video, you might want to include a video URL and title in [its frontmatter](/docs/adding-markdown-pages#note-on-creating-markdown-files). This allows you to pass those values into your custom component:
+もし Markdown のページまたは投稿が特定の動画を含む場合は、[その序文]（/docs/adding-markdown-pages＃note-on-creating-markdown-files）に動画の URL とタイトルを含めることができます。これにより、これらの値をカスタムコンポーネントに渡すことができます。


Markdownリンク記法が全角になっています。プレビュー画面でチェックしてください。

docs/docs/working-with-video.md

uetchy · 2020-01-24T15:59:12Z

docs/docs/working-with-video.md


 export default function VlogTemplate({
-  data, // this prop will be injected by the GraphQL query below.
+  data, // このpropは下のGraphQLのQueryによって注入されます。


Suggested change

data, // このpropは下のGraphQLのQueryによって注入されます。

data, // この prop は下の GraphQL の Query によって注入されます。

docs/docs/working-with-video.md

uetchy · 2020-01-24T16:01:09Z

docs/docs/working-with-video.md

- audio description: an audio version of visual information not conveyed in dialogue
- accessible controls: buttons to operate the video that can be operated without a mouse, are labeled, and work across environments and browsers
+- 字幕：動画の音声のテキストバージョン
+- 写し（または副題）：動画の重要な視覚要素の説明も含めた字幕のような音声や視覚コンテンツのテキストバージョン


Suggested change

- 写し（または副題）：動画の重要な視覚要素の説明も含めた字幕のような音声や視覚コンテンツのテキストバージョン

- 文字起こし（または字幕）：動画の重要な視覚要素の説明も含めた字幕のような音声や視覚コンテンツのテキストバージョン

docs/docs/working-with-video.md

smorimoto · 2020-01-26T14:06:09Z

@ShiratoriTenta レビューをしてから数日間応答のないAuthor全員に確認のため連絡をしているのですが、このPRの状況はどうなっていますか？時間的に余裕がない等であれば全く問題ないので、その旨をリプライお願いします。

ghost · 2020-01-26T16:44:20Z

@imbsky すいません、subscribe忘れてました
@uetchy レビューありがとうございます対応します🙇‍♂️

…ocs/working-with-video

ghost · 2020-01-29T22:04:03Z

大変遅くなってすいません🙇‍♂️
レビューお願いします！

Naturalclar · 2020-01-31T04:17:07Z

docs/docs/working-with-video.md

+## ホストから動画を取得する

-The easiest method for including video on a Gatsby site is to source an uploaded file from a site like YouTube, Vimeo, or Twitch. Using the source URL from one of those hosts, you can use Remark plugins or create a custom `<iframe>` solution to embed videos into your Gatsby site.
+Gatsby サイトに動画を含めるもっとも簡単な方法は、YouTube や Vimeo、Twitch のようなサイトにアップロードされた動画を取得することです。ホストされた動画の URL を使って、Remark のプラグインを使用するか、カスタム `<iframe>` の解決策を作成することで、Gatsby サイトに動画を埋め込むことができます。


[imo] 解決策は少し違和感。カスタム <iframe> で意図は伝わりそう

Suggested change

Gatsby サイトに動画を含めるもっとも簡単な方法は、YouTube や Vimeo、Twitch のようなサイトにアップロードされた動画を取得することです。ホストされた動画の URL を使って、Remark のプラグインを使用するか、カスタム `<iframe>` の解決策を作成することで、Gatsby サイトに動画を埋め込むことができます。

Gatsby サイトに動画を含めるもっとも簡単な方法は、YouTube や Vimeo、Twitch のようなサイトにアップロードされた動画を取得することです。ホストされた動画の URL を使って、Remark のプラグインを使用するか、カスタムされた `<iframe>` を作成することで、Gatsby サイトに動画を埋め込むことができます。

Naturalclar · 2020-01-31T04:20:15Z

docs/docs/working-with-video.md

+## ホストされた動画を Markdown に埋め込む

-There are numerous Gatsby plugins for working with hosted video in your Markdown posts and pages. We recommend checking out the [gatsby-remark-embed-video](/packages/gatsby-remark-embed-video/?=video) plugin for sourcing from a variety of hosts like YouTube or vimeo.
+ホストされた動画を Markdown 投稿やページから使用できるようにする、多くの Gatsby プラグインがあります。 YouTube や Vimeo などのさまざまなホストから動画を取得するには、[gatsby-remark-embed-video](/packages/gatsby-remark-embed-video/?=video)プラグインをお勧めします。


Suggested change

ホストされた動画を Markdown 投稿やページから使用できるようにする、多くの Gatsby プラグインがあります。 YouTube や Vimeo などのさまざまなホストから動画を取得するには、[gatsby-remark-embed-video](/packages/gatsby-remark-embed-video/?=video)プラグインをお勧めします。

Gatsby にはホストされた動画を Markdown 投稿やページから使用できるようにする、多くのプラグインが用意されています。 YouTube や Vimeo などのさまざまなホストから動画を取得するには、[gatsby-remark-embed-video](/packages/gatsby-remark-embed-video/?=video) プラグインをお勧めします。

Naturalclar · 2020-01-31T04:22:35Z

docs/docs/working-with-video.md

+HTML5 は、動画を使用するための `<video>` メディア要素を提供します。 `<video>` 要素の中では、動画プレーヤーが使用できる異なるファイル形式を複数の `<source>` 要素を使用して提供できます。各ブラウザーは、その中からサポートしている形式の動画を使用します。

-If you have a video called `dog.mp4` in your site under `src/assets/dog.mp4`, you can [include that video in your page with webpack](/docs/importing-assets-into-files) like you would other assets. Then reference it in a `<source>` element, which is wrapped by a `<video>` element:
+もし、あなたのサイトの `src/assets/dog.mp4` に `dog.mp4` という動画がある場合、他のアセットを使用する時と同様に[webpack を使用して動画をあなたのページに含める](/docs/importing-assets-into-files)ことができます。そして、それを `<video>` 要素にラップされた `<source>` 要素で参照します。


Suggested change

もし、あなたのサイトの `src/assets/dog.mp4` に `dog.mp4` という動画がある場合、他のアセットを使用する時と同様に[webpack を使用して動画をあなたのページに含める](/docs/importing-assets-into-files)ことができます。そして、それを `<video>` 要素にラップされた `<source>` 要素で参照します。

もし、あなたのサイトの `src/assets/dog.mp4` に `dog.mp4` という動画がある場合、他のアセットを使用する時と同様に [webpack を使用して動画をあなたのページに含める](/docs/importing-assets-into-files)ことができます。そして、それを `<video>` 要素にラップされた `<source>` 要素で参照します。

Naturalclar · 2020-01-31T04:22:58Z

docs/docs/working-with-video.md

 ```

-The `controls` attribute on the `<video>` will provide a default set of buttons overlaid on the video to play/pause, adjust volume, and go full screen. Other attributes like `muted` can set audio to silent, or `poster` can display an image when the video isn't playing. Common attributes that you'd want to apply to multiple videos could be extracted into a custom React video component. A full list of `<video>` attributes can be found on [the MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#Attributes).
+`<video>` 要素の `controls` 属性は、動画にオーバーレイされる再生/一時停止ボタンや、音量調整、全画面表示ボタンなどのデフォルトのボタンセットを提供します。また、 `muted` 属性なら、音声をミュートに設定できますし、 `poster` 属性では動画が再生されていないときに画像を表示したりできます。複数のビデオに適用したい一般的な属性は、React のカスタム動画コンポーネントで抽出できます。 `<video>` 属性の完全な一覧は[MDN のドキュメント](https://developer.mozilla.org/ja/docs/Web/HTML/Element/video#Attributes)で見られます。


Suggested change

`<video>` 要素の `controls` 属性は、動画にオーバーレイされる再生/一時停止ボタンや、音量調整、全画面表示ボタンなどのデフォルトのボタンセットを提供します。また、 `muted` 属性なら、音声をミュートに設定できますし、 `poster` 属性では動画が再生されていないときに画像を表示したりできます。複数のビデオに適用したい一般的な属性は、React のカスタム動画コンポーネントで抽出できます。 `<video>` 属性の完全な一覧は[MDN のドキュメント](https://developer.mozilla.org/ja/docs/Web/HTML/Element/video#Attributes)で見られます。

`<video>` 要素の `controls` 属性は、動画にオーバーレイされる再生/一時停止ボタンや、音量調整、全画面表示ボタンなどのデフォルトのボタンセットを提供します。また、`muted` 属性なら、音声をミュートに設定できますし、`poster` 属性では動画が再生されていないときに画像を表示したりできます。複数のビデオに適用したい一般的な属性は、React のカスタム動画コンポーネントで抽出できます。 `<video>` 属性の完全な一覧は[MDN のドキュメント](https://developer.mozilla.org/ja/docs/Web/HTML/Element/video#Attributes)で見られます。

Naturalclar · 2020-01-31T04:23:51Z

docs/docs/working-with-video.md

+字幕、文字起こし、および音声解説は、主に見ること、聞くことが困難な人を支援することを目的としていますが、聞くことよりも読むことを好む他の多くのユーザーにとって有益です。字幕は、何らかの理由で音声を有効にできない時に動画を視聴したい人々にも役立ちます。

-HTML5 provides support for these types of assistive content through the `<track>` element. The track element is nested under a `<video`> element as an empty tag. An example usage of the `<track>` element with a video looks like this:
+HTML5 は、 `<track>` 要素を通してこれらのタイプの支援コンテンツのサポートを提供します。 `<track>` 要素は、空のタグとして `<video>` 要素の入れ子にします。動画での `<track>` 要素の使用例は次のようになります。


Suggested change

HTML5 は、 `<track>` 要素を通してこれらのタイプの支援コンテンツのサポートを提供します。 `<track>` 要素は、空のタグとして `<video>` 要素の入れ子にします。動画での `<track>` 要素の使用例は次のようになります。

HTML5 は、`<track>` 要素を通してこれらのタイプの支援コンテンツのサポートを提供します。 `<track>` 要素は、空のタグとして `<video>` 要素の入れ子にします。動画での `<track>` 要素の使用例は次のようになります。

Naturalclar · 2020-01-31T04:24:17Z

docs/docs/working-with-video.md

 ```

-The kind attribute can be of a variety of different types including `captions`, `subtitles`, and `descriptions`, among others. The `srcLang` defines English as the language used in the captions in the example, and the captions file imported is used as the source. You can read about the specific attributes of a [`<track>` on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track).
+kind 属性では、 `captions` や、 `subtitles` 、 `descriptions` などのさまざまなタイプを指定できます。 `srcLang` で、この例では英語を字幕で使用される言語として定義しています。そして、インポートされた字幕ファイルがソースとして使用されます。 `<track>` 要素の詳しい属性については[track についての MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/track)で読むことができます。


Suggested change

kind 属性では、 `captions` や、 `subtitles` 、 `descriptions` などのさまざまなタイプを指定できます。 `srcLang` で、この例では英語を字幕で使用される言語として定義しています。そして、インポートされた字幕ファイルがソースとして使用されます。 `<track>` 要素の詳しい属性については[track についての MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/track)で読むことができます。

kind 属性では、`captions` や、`subtitles` 、`descriptions` などのさまざまなタイプを指定できます。`srcLang` で、この例では英語を字幕で使用される言語として定義しています。そして、インポートされた字幕ファイルがソースとして使用されます。`<track>` 要素の詳しい属性については [track についての MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/track) で読むことができます。

Naturalclar · 2020-01-31T04:25:14Z

docs/docs/working-with-video.md

+kind 属性では、 `captions` や、 `subtitles` 、 `descriptions` などのさまざまなタイプを指定できます。 `srcLang` で、この例では英語を字幕で使用される言語として定義しています。そして、インポートされた字幕ファイルがソースとして使用されます。 `<track>` 要素の詳しい属性については[track についての MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/track)で読むことができます。

-**Note**: The filepath to import the captions in the above code snippet includes the `file-loader!` prefix, which helps webpack import the `.vtt` caption file.
+**注意**: 上記のコードスニペットの字幕をインポートするファイルパスには、 `file-loader！` プレフィックスが含まれています。これは、webpack が `.vtt` 字幕ファイルをインポートするのを助けます。


Suggested change

**注意**: 上記のコードスニペットの字幕をインポートするファイルパスには、 `file-loader！` プレフィックスが含まれています。これは、webpack が `.vtt` 字幕ファイルをインポートするのを助けます。

**注意**: 上記のコードスニペットの字幕をインポートするファイルパスには、 `file-loader！` プレフィックスが含まれています。これは、webpack が `.vtt` 字幕ファイルをインポートするのに必要となります。

Naturalclar · 2020-01-31T04:25:31Z

docs/docs/working-with-video.md

+**注意**: 上記のコードスニペットの字幕をインポートするファイルパスには、 `file-loader！` プレフィックスが含まれています。これは、webpack が `.vtt` 字幕ファイルをインポートするのを助けます。

-Check out the accessible [HTML5 video player from PayPal](https://github.com/paypal/accessible-html5-video-player#react-version) for an example compatible with Gatsby and React.
+Gatsby と React を使用した例については、アクセシビリティを伴う[PayPal の HTML5 動画プレイヤー](https://github.com/paypal/accessible-html5-video-player#react-version)をご覧ください。


Suggested change

Gatsby と React を使用した例については、アクセシビリティを伴う[PayPal の HTML5 動画プレイヤー](https://github.com/paypal/accessible-html5-video-player#react-version)をご覧ください。

Gatsby と React を使用した例については、アクセシビリティを伴う [PayPal の HTML5 動画プレイヤー](https://github.com/paypal/accessible-html5-video-player#react-version)をご覧ください。

Naturalclar

PR ありがとうございます！いくつか Suggest したのでご確認お願いします。

ghost · 2020-02-01T06:30:59Z

レビュー対応しました
全角半角切り替えのスペース見直ししました、すいません🙇‍♂️
レビューお願いします！

Naturalclar

LGTM! ありがとうございます！

gatsbot · 2020-02-01T07:35:21Z

Holy buckets, @ShiratoriTenta — we just merged your PR to Gatsby! 💪💜

Gatsby is built by awesome people like you. Let us say “thanks” in two ways:

We’d like to send you some Gatsby swag. As a token of our appreciation, you can go to the Gatsby Swag Store and log in with your GitHub account to get a coupon code good for one free piece of swag. We’ve got Gatsby t-shirts, stickers, hats, scrunchies, and much more. (You can also unlock even more free swag with 5 contributions — wink wink nudge nudge.) See gatsby.dev/swag for details.
We just invited you to join the Gatsby organization on GitHub. This will add you to our team of maintainers. Accept the invite by visiting https://github.com/orgs/gatsbyjs/invitation. By joining the team, you’ll be able to label issues, review pull requests, and merge approved pull requests.

If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’.

Thanks again!

ShiratoriTenta added 4 commits January 17, 2020 05:43

translate working-with-video.md

9a53be3

unify expressions

1f8b158

update translation

95b2ca3

update working-with-video.md

f4c395f

ghost requested review from Naturalclar, hirotaka, smorimoto and uetchy as code owners January 16, 2020 21:33

ShiratoriTenta added 3 commits January 17, 2020 06:47

remove en

e37fac4

translate code comment

a5c3c9f

fix

a2f216e

gatsbybot mentioned this pull request Jan 17, 2020

☂️ Japanese Translation Progress (Core / Docs / Tutorials) #1

Closed

uetchy added the status: awaiting review A pull request that is currently awaiting a reviewer's response label Jan 17, 2020

ShiratoriTenta added 3 commits January 17, 2020 23:00

マークダウン to Markdown

0c97743

add spaces

c6ab1a8

update translate

1da1480

uetchy reviewed Jan 24, 2020

View reviewed changes

uetchy added the status: awaiting author response A pull request that is awaiting author's response label Jan 24, 2020

uetchy removed the status: awaiting review A pull request that is currently awaiting a reviewer's response label Jan 26, 2020

ShiratoriTenta added 3 commits January 30, 2020 06:49

Merge branch 'master' of https://github.com/gatsbyjs/gatsby-ja into d…

db8f7ba

…ocs/working-with-video

respond to review

a2fe453

remove space

155d664

uetchy added status: awaiting review A pull request that is currently awaiting a reviewer's response and removed status: awaiting author response A pull request that is awaiting author's response labels Jan 30, 2020

uetchy previously approved these changes Jan 30, 2020

View reviewed changes

uetchy removed the status: awaiting review A pull request that is currently awaiting a reviewer's response label Jan 30, 2020

uetchy added the status: awaiting more approval A pull request that is awaiting reviewer #2 to be assigned label Jan 30, 2020

Naturalclar reviewed Jan 31, 2020

View reviewed changes

Naturalclar suggested changes Jan 31, 2020

View reviewed changes

Naturalclar added status: awaiting author response A pull request that is awaiting author's response and removed status: awaiting more approval A pull request that is awaiting reviewer #2 to be assigned labels Jan 31, 2020

respond to review

dc193bc

ghost dismissed uetchy’s stale review via dc193bc February 1, 2020 06:22

uetchy approved these changes Feb 1, 2020

View reviewed changes

uetchy added status: awaiting more approval A pull request that is awaiting reviewer #2 to be assigned and removed status: awaiting author response A pull request that is awaiting author's response labels Feb 1, 2020

Naturalclar approved these changes Feb 1, 2020

View reviewed changes

Naturalclar merged commit 7b6d26c into gatsbyjs:master Feb 1, 2020

uetchy removed the status: awaiting more approval A pull request that is awaiting reviewer #2 to be assigned label Feb 16, 2020

	data, // このpropは下のGraphQLのQueryによって注入されます。
	data, // この prop は下の GraphQL の Query によって注入されます。

	- 写し（または副題）：動画の重要な視覚要素の説明も含めた字幕のような音声や視覚コンテンツのテキストバージョン
	- 文字起こし（または字幕）：動画の重要な視覚要素の説明も含めた字幕のような音声や視覚コンテンツのテキストバージョン

	ホストされた動画を Markdown 投稿やページから使用できるようにする、多くの Gatsby プラグインがあります。 YouTube や Vimeo などのさまざまなホストから動画を取得するには、[gatsby-remark-embed-video](/packages/gatsby-remark-embed-video/?=video)プラグインをお勧めします。
	Gatsby にはホストされた動画を Markdown 投稿やページから使用できるようにする、多くのプラグインが用意されています。 YouTube や Vimeo などのさまざまなホストから動画を取得するには、[gatsby-remark-embed-video](/packages/gatsby-remark-embed-video/?=video) プラグインをお勧めします。

	もし、あなたのサイトの `src/assets/dog.mp4` に `dog.mp4` という動画がある場合、他のアセットを使用する時と同様に[webpack を使用して動画をあなたのページに含める](/docs/importing-assets-into-files)ことができます。そして、それを `<video>` 要素にラップされた `<source>` 要素で参照します。
	もし、あなたのサイトの `src/assets/dog.mp4` に `dog.mp4` という動画がある場合、他のアセットを使用する時と同様に [webpack を使用して動画をあなたのページに含める](/docs/importing-assets-into-files)ことができます。そして、それを `<video>` 要素にラップされた `<source>` 要素で参照します。

	HTML5 は、 `<track>` 要素を通してこれらのタイプの支援コンテンツのサポートを提供します。 `<track>` 要素は、空のタグとして `<video>` 要素の入れ子にします。動画での `<track>` 要素の使用例は次のようになります。
	HTML5 は、`<track>` 要素を通してこれらのタイプの支援コンテンツのサポートを提供します。 `<track>` 要素は、空のタグとして `<video>` 要素の入れ子にします。動画での `<track>` 要素の使用例は次のようになります。

	注意: 上記のコードスニペットの字幕をインポートするファイルパスには、 `file-loader！` プレフィックスが含まれています。これは、webpack が `.vtt` 字幕ファイルをインポートするのを助けます。
	注意: 上記のコードスニペットの字幕をインポートするファイルパスには、 `file-loader！` プレフィックスが含まれています。これは、webpack が `.vtt` 字幕ファイルをインポートするのに必要となります。

	Gatsby と React を使用した例については、アクセシビリティを伴う[PayPal の HTML5 動画プレイヤー](https://github.com/paypal/accessible-html5-video-player#react-version)をご覧ください。
	Gatsby と React を使用した例については、アクセシビリティを伴う [PayPal の HTML5 動画プレイヤー](https://github.com/paypal/accessible-html5-video-player#react-version)をご覧ください。

translate docs/working-with-video.md #60

translate docs/working-with-video.md #60

Uh oh!

Conversation

ghost commented Jan 16, 2020 • edited by ghost Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ghost commented Jan 18, 2020 • edited by ghost Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

uetchy left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

smorimoto commented Jan 26, 2020

Uh oh!

ghost commented Jan 26, 2020 • edited by ghost Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ghost commented Jan 29, 2020

Uh oh!

Naturalclar Jan 31, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Naturalclar Jan 31, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Naturalclar left a comment

Choose a reason for hiding this comment

Uh oh!

ghost commented Feb 1, 2020

Uh oh!

Naturalclar left a comment

Choose a reason for hiding this comment

Uh oh!

gatsbot bot commented Feb 1, 2020

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

ghost commented Jan 16, 2020 •

edited by ghost

Loading

ghost commented Jan 18, 2020 •

edited by ghost

Loading

ghost commented Jan 26, 2020 •

edited by ghost

Loading

Naturalclar Jan 31, 2020 •

edited

Loading

Naturalclar Jan 31, 2020 •

edited

Loading