Skip to content
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

Add Japanese translated doc #4461

Open
wants to merge 5 commits into
base: dev
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,9 @@
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/french#fullpagejs">Français</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#fullpagejs">Pусский</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">中文</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a>
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>

<p align="center">
Expand Down
3 changes: 2 additions & 1 deletion lang/brazilian-portuguese/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#fullpagejs">Pусский</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">中文</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<span>Português Brasileiro</span>
<span>Português Brasileiro</span> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>

<p align="center">
Expand Down
5 changes: 3 additions & 2 deletions lang/chinese/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,9 @@
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/french#fullpagejs">Français</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#fullpagejs">Pусский</a> |
<span>中文</span> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a>
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>
<p align="center">
适用于&nbsp;<a href="https://github.com/alvarotrigo/vue-fullpage.js">Vue</a>&nbsp;,&nbsp;<a href="https://github.com/alvarotrigo/react-fullpage">React</a>&nbsp;和&nbsp;<a href="https://github.com/alvarotrigo/angular-fullpage">Angular</a>
Expand Down
3 changes: 2 additions & 1 deletion lang/french/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#fullpagejs">Pусский</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">中文</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a>
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>

<p align="center">
Expand Down
1,097 changes: 1,097 additions & 0 deletions lang/japanese/README.md

Large diffs are not rendered by default.

52 changes: 52 additions & 0 deletions lang/japanese/how-to-activate-fullpage-extension.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
# fullPage.js拡張機能の有効化方法

1. 拡張機能を購入した際にお客様のメールアドレスに送信された[URL](https://alvarotrigo.com/fullPage/extensions/activationKey.html)にアクセスします。
2. 購入時に渡されたライセンスキーを入力する。また、購入確認メールにも記載されています。
3. さらに、製品のアクティベーションキーを取得するために、ドメイン名が必要になる場合があります。
4. 次に、fullpage.jsの初期設定に、`nameOfExtension + "Key": key`というオプションを追加して、特定の拡張機能のアクティベーションキーを追加してください:

例如:

```javascript
var myFullpage = new fullpage('#fullpage', {
fadingEffect: true,
fadingEffectKey: 'アクティベーションキーはここにあるはずです',
});
```

他の拡張機能を使用している場合は、同じように操作してください。
以下は、現在販売中の拡張オプションです:

* `fadingEffectKey`
* `responsiveSlidesKey`
* `continuousHorizontalKey`
* `interlockedSlidesKey`
* `scrollHorizontallyKey`
* `resetSlidersKey`
* `offsetSectionsKey`
* `dragAndMoveKey`
* `parallaxKey`
* `cardsKey`

拡張機能を利用するには、[拡張機能を使う](https://github.com/alvarotrigo/fullPage.js#use-extensions)で説明したように、標準のfullPage.jsファイル(`fullpage.js`)ではなく[`fullpage.extensions.min.js'](https://github.com/alvarotrigo/fullPage.js/blob/master/dist/fullpage.extensions.min.js)を使う必要があることを覚えておいてください。

### 開発環境/Webサイトはどうすればいいのか?
localhostと127.0.0.1にはアクティベーションキーは必要ありません。その他のステージングドメインには、新しいキーを生成するためのライセンス(ProfessionalまたはBusiness)が必要です。

複数のアクティベーションキーを生成できるライセンスを持っている場合、すべてのドメインに同じJSコードを使用したいと思うかもしれません。この場合、ドメインごとに異なるキーを配列で使用することができます。例えば、3つのドメインで`scrollHorizontally`拡張機能を使用する場合、次のようになります:

```js
new fullPage('#fullpage', {
scrollHorizontally: true,
scrollHorizontallyKey: ['domain1_key', 'domain2_key', 'domain3_key']
});
```

こうすることで、この拡張子はこれら3つのドメインのいずれでも使用することができます。

### ライセンスキーとアクティベーションキー
この2つは異なるキーです。
- 拡張機能を購入すると、**ライセンスキー**がもらえます。
- ドメイン固有の拡張機能を有効化する場合、**アクティベーションキー**を受け取ります(「無制限ライセンス」が使用されている場合を除く)。**アクティベーションキー**を生成するためには、**ライセンスキー**が必要です。

ライセンスキーは、8文字ずつの4つのグループ(`XXXXXXXX-XXXXXXXX-XXXXXXXX-XXXXXXXX`)で構成されています。アクティベーションキーは可変長で、区切られた文字群(`XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX`)で構成されるものではありません。この2つを混同しないでください。
106 changes: 106 additions & 0 deletions lang/japanese/parallax-extensionmd.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
# パララックス拡張機能

![](https://cloud.githubusercontent.com/assets/1706326/23580315/f28edab4-00f6-11e7-90f9-81ffafd77b0e.gif)

パララックスオプションの使用前にお読みください [拡張機能の使用](https://github.com/alvarotrigo/fullPage.js/tree/dev/lang/japanese#拡張機能の使用)。
- [表示例](http://alvarotrigo.com/fullPage/extensions/parallax.html)
- [HTML構造を必要とする](#html)
- [アプリケーションの背景](#アプリケーションの背景)
- [オプション](#オプション)
- [パララックス効果オプション](#パララックス効果オプション)
- [機能](#機能)

## HTML
スニペットやスライドでパララックス効果を使うには、そのスニペットやスライドの最初のサブセグメントとして、新しい空の`div`要素をクラス`fp-bg`に追加する必要があります。これを以下に示します:

```html
<div class="fp-bg"></div>
```

これは、所属するスニペットやスライドではなく、背景に適用する必要のある要素です。

例:
```html
<div id="fullpage">
<div class="section" id="section1">
<div class="fp-bg"></div>
スライド 1.1
</div>
<div class="section" id="section2">
<div class="slide" id="slide2-1">
<div class="fp-bg"></div>
スライド 2.1
</div>
<div class="slide" id="slide2-2">
<div class="fp-bg"></div>
スライド 2.2
</div>
</div>
</div>
```

この構造は、[パララックスデモ画面](http://alvarotrigo.com/fullPage/extensions/parallax.html)のソースコードで確認することができます。

> もし、他の理由でどうしてもレイアウトに新しい要素を加えたくない場合は、`parallaxOptions`のオプション`property`を`background`に設定すると、現在のパラグラフやスライドの背景に効果を適用することができます。
> パララックスオプションで説明したように、`fp-bg`要素を使用したときよりもパフォーマンスが低下するので、本当に必要な場合のみ、この方法をお勧めします。


## アプリケーションの背景
`fp-bg`要素に適用される背景は、段落やスライドに適用するのと同じ方法で適用する必要があります。
CSSやインラインスタイルを使用することができます。

例:
```css
#section1 .fp-bg{
background-image: url('imgs/alvaro-genious.jpg');
background-size: cover;
background-position: center 80%;
}
```
## オプション

| オプション | 説明 |
| ------------- | ------------- |
| **parallax** | (デフォルト `false`)。[fullPage.jsの拡張機能](http://alvarotrigo.com/fullPage/extensions/). 段落/スライドにパララックス背景効果を使用するかどうかを定義します。使用可能な値は、false、true、section、slidesです。 |
| **parallaxOptions:** | (デフォルト: `{ type: 'reveal', percentage: 62, property: 'translate'}`)。オプション`parallax:true`が使われている場合、パララックス背景効果のパラメータを設定することができます。 |


### パララックス効果オプション
[デモ画面](http://alvarotrigo.com/fullPage/extensions/parallax.html)でその様子をご覧いただけます


`parallaxOptions`オプションで利用可能な設定可能なオプションの説明:

| parallaxOptions | 説明 |
| ------------- | ------------- |
| **type** | (デフォルト `reveal`) 利用可能な値は`cover`と`reveal`です。現在の段落/スライドが対象ページの上にあるか下にあるかを選択する方法を提供します。`cover`を使用すると、次の段落やスライドが現在のページの一部を上書きします。`reveal`を使用すると、表示されているターゲットページの一部を反転して上書きする効果しかありません。 |
| **percentage** | (デフォルト 62) ビューポートに関連する視差効果の割合を定義する方法を提供します。値が小さいほど視差効果は小さくなり、最大値100の画像では背景が完全に静止します。 |
| **property** | 視差効果を`fp-bg`要素に適用するか、あるいは段落やスライドの背景プロパティに直接適用するかを定義します。このオプションはデフォルト値を使用することが推奨されます。|

`fp-bg`要素を使用すると、translate3dのハードウェアアクセラレーションを利用するため、より良いパフォーマンスが得られることに注意してください。このオプションは、何らかの理由で各段落やスライドに余分な`fp-bg`要素を追加したくない、またはHTMLマークアップを変更できない人のためのものです。

## 機能
実行結果は[デモ画面](http://alvarotrigo.com/fullPage/extensions/parallax.html)で確認することができます。

### setOption(optionName, value)
与えられたオプションに値を設定する。`optionName`には、`parallaxOptions`のオプション(`type`、`percentage`、`property`)のいずれかを指定することができます。
```javascript
//属性`type`の値を変更する
fullpage_api.parallax.setOption('type', 'cover');

//属性`percentage`の値を変更する。
fullpage_api.parallax.setOption('percentage', '30');
```
---

### init()
パララックス効果を有効にします。 特定の時点で動的に機能を有効にする必要がある場合、このメソッドを呼び出すことができます。
```javascript
fullpage_api.parallax.init();
```
---
### destroy()
パララックス効果をオフにする。
```javascript
fullpage_api.parallax.destroy();
```
3 changes: 2 additions & 1 deletion lang/korean/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#fullpagejs">Pусский</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">中文</a> |
<span>한국어</span> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a>
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>

<p align="center">
Expand Down
3 changes: 2 additions & 1 deletion lang/russian/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@
<span>Pусский</span> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">中文</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a>
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>

<p align="center">
Expand Down
3 changes: 2 additions & 1 deletion lang/spanish/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,8 @@
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#fullpagejs">Pусский</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">中文</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">한국어</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a>
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/brazilian-portuguese#fullpagejs">Português Brasileiro</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/japanese#fullpagejs">日本語</a>
</p>

<p align="center">
Expand Down