Skip to content

Commit 2a855f5

Browse files
authored
test: Execute TextLint on CI (#103)
* test: Execute TextLint on CI * chore: fix job name * fix: Fix lint errors
1 parent 01ee39a commit 2a855f5

16 files changed

+65
-36
lines changed

.github/workflows/ja.yaml

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
name: Lint
2+
3+
on: [push]
4+
5+
defaults:
6+
run:
7+
shell: bash
8+
9+
jobs:
10+
textlint:
11+
12+
runs-on: ubuntu-latest
13+
14+
strategy:
15+
matrix:
16+
node-version: [12.x]
17+
18+
steps:
19+
- uses: actions/checkout@v1
20+
- name: Use Node.js ${{ matrix.node-version }}
21+
uses: actions/setup-node@v1
22+
with:
23+
node-version: ${{ matrix.node-version }}
24+
- name: Lint
25+
run: |
26+
yarn
27+
yarn lint
28+
env:
29+
CI: true

src/guide/a11y-resources.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
- [ZoomText](https://www.zoomtext.com/)
2020
- [Magnifier](https://support.microsoft.com/en-us/help/11542/windows-use-magnifier-to-make-things-easier-to-see)
2121

22-
## テスト
22+
## テスト
2323

2424
- 自動化ツール
2525
- [Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)
@@ -31,11 +31,11 @@
3131

3232
- その他の便利なツール
3333
- [HeadingMap](https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?hl=en…)
34-
34+
3535
- [Color Oracle](https://colororacle.org)
36-
36+
3737
- [Focus Indicator](https://chrome.google.com/webstore/detail/focus-indicator/heeoeadndnhebmfebjccbhmccmaoedlf?hl=en-US…)
38-
38+
3939
- [NerdeFocus](https://chrome.google.com/webstore/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd?hl=en-US…)
4040

4141
## ユーザー
@@ -52,7 +52,7 @@
5252

5353
- _[認知](https://webaim.org/articles/cognitive/)_ - このようなユーザーは、補足的なメディア、構造的なコンテンツ、明確でシンプルな文章などの恩恵を受けることができます。
5454

55-
WebAimの以下のリンクをチェックして、ユーザーからの理解を深めましょう:
55+
WebAim の以下のリンクをチェックして、ユーザーからの理解を深めましょう:
5656

5757
- [Web Accessibility Perspectives: Explore the Impact and Benefits for Everyone](https://www.w3.org/WAI/perspective-videos/)
5858
- [Stories of Web Users](https://www.w3.org/WAI/people-use-web/user-stories/)

src/guide/a11y-semantics.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -231,7 +231,7 @@ Chrome DevTools で検出することで Description を確認することがで
231231

232232
これができるのは、検索ボタンが視覚的にユーザが入力欄の目的を特定を助けるためです。
233233

234-
CSSを使用して要素を視覚的に非表示にすることができますが、それらを支援技術で利用できるようにしておきます:
234+
CSS を使用して要素を視覚的に非表示にすることができますが、それらを支援技術で利用できるようにしておきます:
235235

236236
```css
237237
.hidden-visually {

src/guide/a11y-standards.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ World Wide Web Consortium(W3C)の Web Accessibility Initiative(WAI)で
1212

1313
## ウェブコンテンツアクセシビリティガイドライン (WCAG)
1414

15-
[WCAG 2.1](https://www.w3.org/TR/WCAG21/)[WCAG 2.0](https://www.w3.org/TR/WCAG20/)を拡張し、ウェブへの変更に対処することによって新しいテクノロジーの実装を可能にします。W3Cではウェブアクセシビリティにおけるポリシーを改良または更新する時、最新版のWCAGの使用を推奨しています
15+
[WCAG 2.1](https://www.w3.org/TR/WCAG21/)[WCAG 2.0](https://www.w3.org/TR/WCAG20/)を拡張し、ウェブへの変更に対処することによって新しいテクノロジーの実装を可能にします。W3C ではウェブアクセシビリティにおけるポリシーを改良または更新する時、最新版の WCAG の使用を推奨しています
1616

1717
### WCAG 2.1における4つの主要な土台となる原則(略してPOUR):
1818

@@ -27,7 +27,7 @@ World Wide Web Consortium(W3C)の Web Accessibility Initiative(WAI)で
2727

2828
### Web Accessibility Initiative – アクセシビリティに優れたインターネットアプリケーション (WAI-ARIA)
2929

30-
W3CのWAI-ARIAでは、動的なコンテンツと高度なユーザインターフェイス制御を構築する方法について、ガイダンスを提供します。
30+
W3C の WAI-ARIA では、動的なコンテンツと高度なユーザインターフェイス制御を構築する方法について、ガイダンスを提供します。
3131

3232
- [アクセシビリティに優れたインターネットアプリケーション (WAI-ARIA) 1.2](https://www.w3.org/TR/wai-aria-1.2/)
3333
- [WAI-ARIA オーサリング演習1.2](https://www.w3.org/TR/wai-aria-practices-1.2/)

src/guide/events.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -234,7 +234,7 @@ Vue は最も一般的に使用されるキーコードのエイリアスを提
234234

235235
- `.enter`
236236
- `.tab`
237-
- `.delete` (DeleteBackspace キー両方をキャプチャします)
237+
- `.delete` ("Delete""Backspace" キー両方をキャプチャします)
238238
- `.esc`
239239
- `.space`
240240
- `.up`
@@ -252,7 +252,7 @@ Vue は最も一般的に使用されるキーコードのエイリアスを提
252252
- `.meta`
253253

254254
::: tip Note
255-
注意: Macintosh キーボードの場合、meta はコマンドキー(⌘)です。Windows のキーボードでは、meta はウィンドウキー(⊞)です。Sun Microsystems のキーボードでは、メタは実線のダイヤモンド(◆)とマークされています。特定のキーボードでは、特に MIT や Lisp マシンのキーボードと Knight キーボード、space-cadet キーボード、メタのような後継機には META と表示されます。 Symbolics のキーボードでは、 “META または “Meta というラベルが付いています。
255+
注意: Macintosh キーボードの場合、meta はコマンドキー(⌘)です。Windows のキーボードでは、meta はウィンドウキー(⊞)です。Sun Microsystems のキーボードでは、メタは実線のダイヤモンド(◆)とマークされています。特定のキーボードでは、特に MIT や Lisp マシンのキーボードと Knight キーボード、space-cadet キーボード、メタのような後継機には "META" と表示されます。 Symbolics のキーボードでは、 “META" または “Meta" というラベルが付いています。
256256
:::
257257

258258
例:
@@ -294,7 +294,7 @@ Vue は最も一般的に使用されるキーコードのエイリアスを提
294294

295295
## なぜ HTML にリスナを記述するのですか
296296

297-
これまで説明してきたようなイベント監視のアプローチは、関心の分離という古き良きルールを破っているのではないか、と心配されるかもしれません。安心してください。すべての Vue ハンドラ関数と式は、現在の View を扱う ViewModel に厳密に閉じています。それによってメンテナンスが難しくなることはありません。実際、`v-on` または `@` を利用することでいくつかの利点があります。
297+
これまで説明してきたようなイベント監視のアプローチは、"関心の分離"という古き良きルールを破っているのではないか、と心配されるかもしれません。安心してください。すべての Vue ハンドラ関数と式は、現在の View を扱う ViewModel に厳密に閉じています。それによってメンテナンスが難しくなることはありません。実際、`v-on` または `@` を利用することでいくつかの利点があります。
298298

299299
1. HTML テンプレートを眺めることで、JS コード内のハンドラ関数を探すことを容易にします
300300

src/guide/forms.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44

55
form の input 要素や textarea 要素、 select 要素に双方向データバインディングを付与するためには、`v-model`を使用することができます。`v-model`は、要素を更新する適切な方法を入力の種類に基づき自動的に選択します。少し魔法のようですが、本来`v-model`は糖衣構文(syntax sugar)であり、ユーザの入力イベントに応じてデータを更新し、さらにエッジケースに対する特別な配慮をしてくれます。
66

7-
::: tip
8-
`v-model` はフォーム要素の`value`属性や`checked`属性、`selected`属性の初期値を無視します。`v-model`は常に、現在アクティブなインスタンスの`data`を信頼できる情報源として扱います。初期値の宣言はJavaScript側、コンポーネントの`data`オプション内で行ってください。
7+
::: tip
8+
`v-model` はフォーム要素の`value`属性や`checked`属性、`selected`属性の初期値を無視します。`v-model`は常に、現在アクティブなインスタンスの`data`を信頼できる情報源として扱います。初期値の宣言は JavaScript 側、コンポーネントの`data`オプション内で行ってください。
99
:::
1010

1111
内部的には、`v-model`は異なる input 要素に対し異なるプロパティを使用し、異なるイベントを送出します。
@@ -231,7 +231,7 @@ Vue.createApp({
231231

232232
## 値のバインディング
233233

234-
ラジオやチェックボックス、セレクトの option において、`v-model`でバインディングされる値は通常は静的な文字列(チェックボックスの場合はbooleanも)です:
234+
ラジオやチェックボックス、セレクトの option において、`v-model`でバインディングされる値は通常は静的な文字列(チェックボックスの場合は boolean も)です:
235235

236236
```html
237237
<!-- チェックされているとき`picked` は文字列"a"になります -->
@@ -294,7 +294,7 @@ vm.selected.number // => 123
294294
## 修飾子
295295

296296
### `.lazy`
297-
デフォルトでは`v-model`は各`input`イベント後に入力値とデータを同期します([上述](#vmodel-ime-tip)のIME入力の例外はあります)。`lazy` 修飾子を加えることで、`change`イベント後に同期するよう変更できます。
297+
デフォルトでは`v-model`は各`input`イベント後に入力値とデータを同期します([上述](#vmodel-ime-tip)の IME 入力の例外はあります)。`lazy` 修飾子を加えることで、`change`イベント後に同期するよう変更できます。
298298

299299
```html
300300
<!-- "input" ではなく "change" イベントの後に同期されます -->
@@ -323,5 +323,5 @@ vm.selected.number // => 123
323323

324324
> まだ Vue コンポーネントに慣れていない場合、この節は一旦スキップすることができます。
325325
326-
HTML組み込みの input タイプが、常にあなたのニーズに適っているとは限りません。幸運にも、Vue コンポーネントによって、動作を隅々までカスタマイズ可能な再利用性のある入力フォームを自作することができます。それらのフォームに`v-model`を使うことも可能です!詳しくは、コンポーネントガイドの [カスタム input](./component-basics.html#using-v-model-on-components) を参照してください。
326+
HTML 組み込みの input タイプが、常にあなたのニーズに適っているとは限りません。幸運にも、Vue コンポーネントによって、動作を隅々までカスタマイズ可能な再利用性のある入力フォームを自作することができます。それらのフォームに`v-model`を使うことも可能です!詳しくは、コンポーネントガイドの [カスタム input](./component-basics.html#using-v-model-on-components) を参照してください。
327327

src/guide/instance.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,17 @@
88
Vue.createApp(/* options */)
99
```
1010

11-
インスタンスが作成されたあと、コンテナを `mount` メソッドに渡すことで、これを _マウント_ できます。例えば、Vueアプリケーションを `<div id="app"></div>` にマウントしたいときは、`#app` を渡します:
11+
インスタンスが作成されたあと、コンテナを `mount` メソッドに渡すことで、これを _マウント_ できます。例えば、Vue アプリケーションを `<div id="app"></div>` にマウントしたいときは、`#app` を渡します:
1212

1313
```js
1414
Vue.createApp(/* options */).mount('#app')
1515
```
1616

17-
[MVVM パターン](https://ja.wikipedia.org/wiki/Model_View_ViewModel)に厳密に関連づけられているわけではないにもかかわらず、Vueの設計は部分的にその影響を受けています。慣例的に、私たちはインスタンスを参照するのに変数 `vm`ViewModelの短縮形)を使用します。
17+
[MVVM パターン](https://ja.wikipedia.org/wiki/Model_View_ViewModel)に厳密に関連づけられているわけではないにもかかわらず、Vue の設計は部分的にその影響を受けています。慣例的に、私たちはインスタンスを参照するのに変数 `vm`ViewModel の短縮形)を使用します。
1818

1919
インスタンスを作成する際には、 **オプションオブジェクト (options object)** を渡すことができます。このガイドの多くは、意図した挙動を作るためにこれらのオプションをどのように使うことができるかを解説します。全てのオプションのリストは [API リファレンス](../api/options-data.html)で読むこともできます。
2020

21-
Vueアプリケーションは`createApp` で作られたひとつの **ルートインスタンス (root instance)** と、入れ子になった再利用可能なコンポーネントのツリーから成ります。例えば、`todo` アプリケーションのコンポーネントツリーはこのようになるでしょう:
21+
Vue アプリケーションは`createApp` で作られたひとつの **ルートインスタンス (root instance)** と、入れ子になった再利用可能なコンポーネントのツリーから成ります。例えば、`todo` アプリケーションのコンポーネントツリーはこのようになるでしょう:
2222

2323
```
2424
Root Instance
@@ -31,7 +31,7 @@ Root Instance
3131
└─ TodoListStatistics
3232
```
3333

34-
[コンポーネントシステム](component-basics.html)の詳細は後ほど扱います。いまは、全てのVueコンポーネントもまたインスタンスであり、同じようなオプションオブジェクトを受け入れることだけを知っておいてください。
34+
[コンポーネントシステム](component-basics.html)の詳細は後ほど扱います。いまは、全てのVue コンポーネントもまたインスタンスであり、同じようなオプションオブジェクトを受け入れることだけを知っておいてください。
3535

3636
## データとメソッド
3737

@@ -100,7 +100,7 @@ const vm = Vue.createApp({
100100
</div>
101101
```
102102

103-
dataプロパティに加えて、インスタンスはいくつかの便利なプロパティとメソッドを提供します。これらはユーザ定義のプロパティと区別するため、頭に `$` が付けられています。例:
103+
data プロパティに加えて、インスタンスはいくつかの便利なプロパティとメソッドを提供します。これらはユーザ定義のプロパティと区別するため、頭に `$` が付けられています。例:
104104

105105
```js
106106
const vm = Vue.createApp({

src/guide/introduction.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## Vue.js とは?
44

5-
Vue (発音は /vjuː/、**view** と同様) は、ユーザーインターフェイスを構築するための**プログレッシブフレームワーク**です。他のモノリシックなフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリはビュー層だけに焦点を当てており、使い始めるのも、他のライブラリや既存のプロジェクトに統合することも容易です。一方で、Vue を[モダンなツール](../guide/single-file-component.html)[サポートライブラリ](https://github.com/vuejs/awesome-vue#components--libraries)と組み合わせることで、洗練されたシングルページアプリケーションを開発することもできます。
5+
Vue (発音は /vju:/、**view** と同様) は、ユーザーインターフェイスを構築するための**プログレッシブフレームワーク**です。他のモノリシックなフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリはビュー層だけに焦点を当てており、使い始めるのも、他のライブラリや既存のプロジェクトに統合することも容易です。一方で、Vue を[モダンなツール](../guide/single-file-component.html)[サポートライブラリ](https://github.com/vuejs/awesome-vue#components--libraries)と組み合わせることで、洗練されたシングルページアプリケーションを開発することもできます。
66

77
ここから先に進む前に Vue についてより深く知りたい方のために、基本理念やサンプルプロジェクトについて説明する<a id="modal-player" href="#">ビデオを作成しました</a>。
88

src/guide/migration/attribute-coercion.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ We can see from the table above, current implementation coerces `true` to `'true
4949

5050
We intend to drop this internal concept of "enumerated attributes" and treat them as normal non-boolean HTML attributes.
5151

52-
- This solves the inconsistency between normal non-boolean attributes and enumerated attributes
52+
- This solves the inconsistency between normal non-boolean attributes and "enumerated attributes"
5353
- It also makes it possible to use values other than `'true'` and `'false'`, or even keywords yet to come, for attributes like `contenteditable`
5454

5555
For non-boolean attributes, Vue will stop removing them if they are `false` and coerce them to `'false'` instead.

0 commit comments

Comments
 (0)