-
Notifications
You must be signed in to change notification settings - Fork 916
Translate Japanese #541
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Translate Japanese #541
Conversation
@nasum Thank you for your contribution! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
commented on some mistakes and typos.
This PR is very nice contribution !
docs/ja/README.md
Outdated
|
||
- ES2015、CoffeeScript、TypeScriptのモジュールをプレーンなES5のCommonJS モジュールにトランスパイル; | ||
- オプションでコンパイルを行う前にソースコードを linter に通すことが可能; | ||
- Jade テンプレートをプレーンな HTML にトランスパイルし、JavaScriptの文字列としてに展開; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
seems a mistake 👀
- 文字列としてに展開
+ 文字列として展開
docs/ja/configurations/advanced.md
Outdated
vue: { | ||
// ... 他の Vue のオプション | ||
loaders: { | ||
// すべての<script>を lang属性なしでcoffee-loaerでロードする |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
mistake: loaer -> loader
docs/ja/configurations/asset-url.md
Outdated
@@ -0,0 +1,22 @@ | |||
# アセット URL ハンドリング | |||
|
|||
デフォルトで `vu-loader` は [css-loader](https://github.com/webpack/css-loader) と Vueテンプレートコンパイラーでスタイルとテンプレートファイルは自動で処理されます。このコンパイル処理中で全ての `<img src="...">`、`background: url(...)` やCSSの `@import` のようなアセットのURLは **モジュールの依存関係として処理されます**。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
mistype:
- デフォルトで `vu-loader` は
+ デフォルトで `vue-loader` は
docs/ja/configurations/asset-url.md
Outdated
``` js | ||
createElement('img', { attrs: { src: require('../image.png') }}) | ||
``` | ||
もちろん `.png` ファイルは JavaScriot のファイルではありません。[file-loader](https://github.com/webpack/file-loader) または [url-loader](https://github.com/webpack/url-loader) を使用して Webpack を設定する必要があります。`vue-cli` でスキャフォールドされたプロジェクトでは同じような設定が成されています。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
mistake: JavaScriot -> JavaScript
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
typo の修正お願いします!
} | ||
``` | ||
|
||
vue-loaderを構成する方法の詳細については、[高度なloaderの設定](./ advanced.md)セクションを参照してください。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
an unnecessary space was injected?
- ./ advanced.md
+ ./advanced.md
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
typo の修正お願いします!
docs/ja/README.md
Outdated
|
||
- デフォルトで ES2015 が有効 ; | ||
- `<style>` には SASS、 `<template>` には Jade など、Vue コンポーネントの各パーツに他の Webpack の loader が使用可能 ; | ||
- `<style>と` <template> `で参照される静的なアセットをモジュールの依存として扱い、Webpack の loader で処理可能 ; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
missing backquote after <style>
docs/ja/start/spec.md
Outdated
|
||
#### `<script>` | ||
|
||
- デフォルトは `js`(`babel-loader` や `buble-loader' が検出される場合、自動的にES2015がサポートされる) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A single quote exists after buble-loader
, but backquote is currect.
docs/ja/start/spec.md
Outdated
|
||
- `<style>` タグは `scoped`か`module` (詳しくは [Scoped CSS](../features/scoped-css.md) と [CSS Modules](../features/css-modules.md) をみてください)を使用してコンポーネントにスタイルをカプセル化する事が出来る。異なるカプセルモードをもつ複数の`<style>` タグは同じコンポーネント内で混在させることが出来る。 | ||
|
||
- デフォルトではコンテンツは `style-loader` を使用して実際の `<style>` タグとして抽出され、ドキュメントの `<head>` に動的に挿入される。また、[すべてのコンポーネントのすべてのスタイルが単一のCSSファイルに抽出されるようにWebpackを設定する](../ configurations / extract-css.md)こともできる。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
unnecessary spaces in the path ../ configurations / extract-css.md
docs/ja/workflow/production.md
Outdated
|
||
プロダクション用にバンドルを構築するときは二つのことをやります: | ||
|
||
1. アプリケーションコードをミニファイルス |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ミニファイ
is correct ?
docs/ja/start/spec.md
Outdated
|
||
### コメント | ||
|
||
それぞれのブロック内でそれぞれの言語のコメントシンタックスを使用することが出来る(HTML、CSS、JavaScript、Jade、etc...)。最上部のコメントはHTMLコメントシンタックスを使用してください: `<!-- コメントはこちら -->` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
出来る
was wrote, できます
will be fit in this document style.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
レビュー 👀 しました。
まだ作業途中かもしれませんが、レビューコメント 💬 ご確認ください。
docs/ja/README.md
Outdated
|
||
- デフォルトで ES2015 が有効 ; | ||
- `<style>` には SASS、 `<template>` には Jade など、Vue コンポーネントの各パーツに他の Webpack の loader が使用可能; | ||
- `<style>` と `<template>` で参照される静的なアセットをモジュールの依存として扱い、Webpack の loader で処理可能; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Allows custom sections in a .vue file that can have custom loader chains applied to them
が抜けているのこちらお願いします。
docs/ja/README.md
Outdated
- 各コンポーネントで scoped CSS をシミュレートすることが可能; | ||
- 開発時のコンポーネントのホットリロードをサポート | ||
|
||
つまり、Webpack と `vue-loader` の組み合わせは Vue.js アプリケーションを作成するための、モダンで柔軟かつとても強力なフロントエンドワークフローを実現することが可能になります。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
モダン
は 現代的
で訳しましょう!
docs/ja/SUMMARY.md
Outdated
@@ -0,0 +1,21 @@ | |||
- Getting Started |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SUMMARY.md
全般、翻訳忘れているようなので、お願いします!
docs/ja/configurations/advanced.md
Outdated
@@ -0,0 +1,56 @@ | |||
# 高度なloaderの設定 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
翻訳したときの内容と原文が変わっているので、原文の最新内容を反映させてください。
https://vue-loader.vuejs.org/en/configurations/advanced.html
docs/ja/configurations/asset-url.md
Outdated
``` js | ||
createElement('img', { attrs: { src: require('../image.png') }}) | ||
``` | ||
もちろん `.png` ファイルは JavaScriot のファイルではありません。[file-loader](https://github.com/webpack/file-loader) または [url-loader](https://github.com/webpack/url-loader) を使用して Webpack を設定する必要があります。`vue-cli` でスキャフォールドされたプロジェクトでは同じような設定が成されています。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
typo の修正お願いします!
const ExampleInjector = require('!!vue?inject!./example.vue') | ||
``` | ||
|
||
注意。クレイジーな文字列を必要とします - ここではいくつかのインライン[webpack loader](https://webpack.github.io/docs/loaders.html)を使用しています。簡単な説明としては: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Notice that crazy require string
ですが、狂気じみた文字列を必要とします
にしましょう!
注意。クレイジーな文字列を必要とします - ここではいくつかのインライン[webpack loader](https://webpack.github.io/docs/loaders.html)を使用しています。簡単な説明としては: | ||
|
||
- `!!`は "グローバル設定からすべてのローダを無効にする"ことを意味します; | ||
- `vue?inject!`は "'vue`ローダーを使い、`?inject`クエリを渡す"ことを意味します。 これは`vue-loader`に、依存性注入モードでコンポーネントをコンパイルするように指示します。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- "'vue`ローダー
+ `vue` loader
bake-tickが抜けているのでお願いします。
docs/ja/workflow/testing.md
Outdated
|
||
``` js | ||
// 要求があれば同じWebpackの設定を使用することが可能です | ||
// however, remember to delete the original entry since we don't |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
原文が残っているようです。削除お願いします。
docs/ja/workflow/testing.md
Outdated
}, | ||
// webpackの設定を使用します | ||
webpack: webpackConfig, | ||
// 使用しないテキストの壁を避ける |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
不要なテキスト出力を回避する
で意味は通じると思います。
docs/ja/workflow/testing.md
Outdated
npm test | ||
``` | ||
|
||
最後にもう一度、[webpack vue-cli template](https://github.com/vuejs-templates/webpack)には、テストに関する完全な実例が含まれています。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここでの原文の意図は、リファレンスあるのでそれを見て欲しいという意図があるので、そちらを参照してください
のような註釈的な訳も加えると読み手に分かりやすいでしょう。
@kazupon レビューありがとうございます!時間かかってしまい申し訳ありません:bow: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
レビュー 👀 しました!
コメント 💬 内容の対応お願いします!
後、もう少しです!
頑張りましょう!
|
||
[CSS Modules spec](https://github.com/css-modules/css-modules) を参照してください。モードの詳細については [global exceptions](https://github.com/css-modules/css-modules#exceptions) と [composition](https://github.com/css-modules/css-modules#composition)を参照してください。 | ||
|
||
### カスタム代入 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
injection
は一般的に注入
と訳されているのでその訳で統一しましょう!
- [カスタムブロック](configurations/custom-blocks.md) | ||
- ワークフロー | ||
- [プロダクションビルド](workflow/production.md) | ||
- [Linting](workflow/linting.md) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここでの Linting
の訳は、リント
で通じるのでそれにしましょう!
|
||
時折こうしたくなるかもしれません: | ||
|
||
1. `vue-loader` が推測するのではなく、カスタム loader の文字列を言語に適用する。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここの箇条書きの部分ですが、読点。
がない方読みやすいので、削除しましょう!
|
||
#### sass-loader 使用時の注意 | ||
|
||
その名前が示すものとは対照的に、[* sass * -loader](https://github.com/jtangelder/sass-loader) はデフォルトで *SCSS* の構文を解析します。インデントされた *SASS* 構文を実際に使用する場合は、それに応じて sass-loader へ vue-loader のオプションを設定する必要があります。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- * sass * -loader
+ *sass*-loader
余白は削除できるなら、しましょう!
} | ||
``` | ||
|
||
vue-loader の `cssModules`オプションを使って` css-loader`に追加のクエリオプションを提供することができます: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- ` css-loader`
+ `css-loader`
スペースを削除しましょう!
``` | ||
|
||
``` js | ||
// 要求があれば同じWebpackの設定を使用することが可能です |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- 同じWebpackの
+ 同じ Webpack の
スペースお願いします!
frameworks: ['jasmine'], | ||
// これはすべてのテストのエントリーファイルです。 | ||
files: ['test/index.js'], | ||
// バンドルのためにエントリーファイルをwebpackに渡します。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- エントリーファイルをwebpackに渡します。
+ エントリーファイルを webpack に渡します
スペースお願いします!
preprocessors: { | ||
'test/index.js': ['webpack'] | ||
}, | ||
// webpackの設定を使用します |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- webpackの設定を使用します
+ webpack の設定を使用します
ここもスペースお願いします!
|
||
``` js | ||
// test/index.js | ||
// 特別なWebpackの機能を使用してすべてのテストファイルを必要とさせます |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- 特別なWebpackの機能
+ 特別な Webpack の機能
ここもスペースお願いします!
|
||
describe('a.vue', function () { | ||
|
||
// JavaScriptのオプションのアサーション |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- JavaScriptのオプション
+ JavaScript のオプション
スペースお願いします!
@kazupon maybe you can directly push to the PR's branch to fix those small issues? Looks like we can merge this soon. |
@yyx990803 OK, I'll try to improve later. |
Uh oh!
There was an error while loading. Please reload this page.