Skip to content

Commit d86e63f

Browse files
committed
Japanese translation improvements from Crowdin made by:
* ftnext (https://crowdin.com/profile/ftnext) * Kazuki Imamura (https://crowdin.com/profile/kaizumaki) * mizzsugar (https://crowdin.com/profile/mizzsugar) * yosu (https://crowdin.com/profile/woodstock830)
1 parent 2c15954 commit d86e63f

File tree

29 files changed

+289
-280
lines changed

29 files changed

+289
-280
lines changed

ja/SUMMARY.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22

33
* [はじめに](README.md)
44
* [インストール](installation/README.md)
5-
* [コマンドライン](installation/README.md#brief-intro-to-the-command-line)
6-
* [Python](installation/README.md#install-python)
7-
* [コードエディタ](installation/README.md#install-a-code-editor)
8-
* [仮想環境](installation/README.md#virtual-environment)
9-
* [Django](installation/README.md#installing-django)
10-
* [Git](installation/README.md#install-git)
11-
* [GitHub](installation/README.md#create-a-github-account)
12-
* [PythonAnywhere](installation/README.md#create-a-pythonanywhere-account)
5+
* [コマンドライン](installation/README.md#command-line)
6+
* [Python](installation/README.md#python)
7+
* [コードエディタ](installation/README.md#code-editor)
8+
* [仮想環境](installation/README.md#virtualenv)
9+
* [Django](installation/README.md#django)
10+
* [Git](installation/README.md#git)
11+
* [GitHub](installation/README.md#github)
12+
* [PythonAnywhere](installation/README.md#pythonanywhere)
1313
* [Chromebookのセットアップ](chromebook_setup/README.md)
1414
* [インターネットのしくみ](how_the_internet_works/README.md)
1515
* [コマンドラインを使ってみよう](intro_to_command_line/README.md)
@@ -22,7 +22,7 @@
2222
* [Djangoモデル](django_models/README.md)
2323
* [ログインページを作ろう(Django admin)](django_admin/README.md)
2424
* [デプロイ!](deploy/README.md)
25-
* [Django URLs](django_urls/README.md)
25+
* [Django URL](django_urls/README.md)
2626
* [Djangoビュー](django_views/README.md)
2727
* [HTML 入門](html/README.md)
2828
* [Django ORM(クエリセット)](django_orm/README.md)

ja/chromebook_setup/instructions.md

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,52 +2,52 @@ Chromebookを使わない場合は、このセクションを飛ばして、[Pyt
22

33
### クラウドIDE (PaizaCloud Cloud IDE, AWS Cloud9)
44

5-
クラウドIDEはコードエディタであり、どこからでも何かをインストールできたり、コードを書いたり、ソフトウェアを動かしたりできるインターネットにつながったコンピュータへアクセスできます。 チュートリアルを通して、クラウドIDEはまるであなたのローカルマシンのように動作するでしょう。 みんながOS XやUbuntuやWindowsでやるのと同じようにターミナルからコマンドを入力できますが、そのターミナルはIDEがセットアップされたどこかのコンピュータに接続されています。 さて、いろいろなクラウドIDE(PaizaCloud Cloud IDE,AWS Cloud9)について見ていきましょう。 クラウドIDEのうちどれかを選んで、指示に従ってください。
5+
クラウドIDEはコードエディタと、インターネットにつながって動作し、ソフトウェアをインストールしたり、書いたり、実行したりできるコンピュータへのアクセスを提供するツールです。 チュートリアルを通して、クラウドIDEはまるであなたの*ローカルマシン*のように動作するでしょう。 みんながOS XやUbuntuやWindowsでやるのと同じようにターミナルからコマンドを実行できますが、そのターミナルはクラウドIDEが準備したどこかのコンピュータに接続されています。 さて、いろいろなクラウドIDE(PaizaCloud Cloud IDE, AWS Cloud9)について見ていきましょう。 クラウドIDEのうちどれかを選んで、指示に従ってください。
66

77
#### PaizaCloud Cloud IDE
88

9-
1. [PaizaCloud Cloud IDE](https://paiza.cloud/)
10-
2. アカウントにサインアップします
11-
3. *新規サーバ作成*をクリックして、Djangoを選択してください。
12-
4. (ウィンドウの左側にある) [ターミナル] をクリックします。
9+
1. [PaizaCloud Cloud IDE](https://paiza.cloud/) へ移動します
10+
2. アカウントを登録します。
11+
3. *新規サーバ作成* をクリックして、Djangoを選択してください。
12+
4. ウィンドウの左側にある)「ターミナルをクリックします。
1313

14-
さて、左側にサイドバーとボタンがついた画面が見えていると思います。 下記のようなプロンプトが表示されたターミナルウィンドウを開くために、“Terminal”ボタンをクリックしてください。
14+
左側にサイドバーといくつかボタンのある画面が見えていると思います。 「ターミナル」ボタンをクリックして、下記のようなプロンプトが表示されたターミナルウィンドウを開いてください:
1515

1616
{% filename %}Terminal{% endfilename %}
1717

1818
$
1919

2020

21-
これでPaizaCloud Cloud IDEのターミナルは準備できました。 ウィンドウのサイズを変えたり、ちょっと大きくしたいときは最大化したりできますよ
21+
これでPaizaCloud Cloud IDEのターミナルは準備できました。 ウィンドウを大きくしたいときは、サイズを変えたり最大化したりできますよ
2222

2323
#### AWS Cloud9
2424

2525
現在、Cloud 9 はAWSのアカウント作成とクレジットカード情報の登録が必須になっています。
2626

2727
1. [Chrome ウェブストア](https://chrome.google.com/webstore/detail/cloud9/nbdmccoknlfggadpfkmcpnamfnbkmkcp)から、Cloud 9 をインストールしてください。
28-
2. [c9.io](https://c9.io)に行って、*AWS Cloud9で開発をはじめる*をクリックしてください。
29-
3. AWSアカウントにサインアップしてください。(クレジットカード情報の登録が必要ですが、このチュートリアルは無料利用枠で進めることができます。)
30-
4. AWSのダッシュボードを開き、検索ボックスで*Cloud9*と入力し選択してください。
31-
5. Cloud9のダッシュボードで、*環境の作成*を選択します。
32-
6. 名前は*django-girls*としておきましょう。
33-
7. ”Configure settings (設定の構成)”ページで、”環境タイプ”は*環境 の新しいインスタンスを作成する (EC2)*を、”Instance type (インスタンスタイプ)”*t2.micro*を選択します。(無料利用枠で利用できます) ”Cost-saving setting (コスト削減の設定)”はデフォルトの選択のままにします。その他の設定もデフォルトにしておきましょう。
34-
8. *Next step (次のステップ)*を選択します。
35-
9. *Create environment (環境の作成)*を選択します。
28+
2. [c9.io](https://c9.io)に行って、*AWS Cloud9をはじめる* をクリックしてください。
29+
3. AWSアカウントを作成してください。(クレジットカード情報の登録が必要ですが、このチュートリアルは無料利用枠で進めることができます。)
30+
4. AWSのダッシュボードを開き、検索ボックスで *Cloud9* と入力し選択してください。
31+
5. Cloud9のダッシュボードで、*Create environment (環境の作成)* を選択します。
32+
6. 名前は *django-girls* としておきましょう。
33+
7. ”Configure settings (設定の構成)”のステップでは、”Environment Type (環境タイプ)”に *Create a new instance for environment (EC2) (新しいインスタンスを作成する (EC2))* を、”Instance type (インスタンスタイプ)”*t2.micro* を選択します("Free-tier eligible (無料利用枠で利用できる)" と書かれているはずです)。 ”Cost-saving setting (コスト削減の設定)”はデフォルトの選択のままにします。その他の設定もデフォルトにしておきましょう。
34+
8. *Next step (次のステップ)* を選択します。
35+
9. *Create environment (環境の作成)* を選択します。
3636

37-
大きなメイン画面とサイドバー、そして下部にはこのような小さな画面が表示されています。
37+
サイドバー、文章が書かれた大きなメインウィンドウ、そして下部にはこのような小さなウィンドウが表示されています:
3838

3939
{% filename %}bash{% endfilename %}
4040

4141
yourusername:~/workspace $
4242

4343

44-
この下の部分が、あなたのターミナルです。Cloud9のコンピュータにリモートで指示をおくることができます。ウィンドウズのサイズを変更して少し大きくすることもできます
44+
この下の部分が、あなたのターミナルです。このターミナルから、遠くにあるCloud 9のコンピュータに指示を送ることができます。ウィンドウのサイズを変更して少し大きくすることもできます
4545

4646
### 仮想環境
4747

48-
仮想環境 (virtualenvとも呼ばれます) は、取り組んでいるプロジェクト用に、便利なコンピューターコードを詰め込んでおけるプライベートボックスのようなものです。 様々なプロジェクトの様々なコードがプロジェクト間で混ざってしまわないようにこれを使います
48+
仮想環境 (virtualenvとも呼ばれます) は、取り組んでいるプロジェクト用に、便利なコードを詰め込んでおけるプライベートボックスのようなものです。 様々なプロジェクトの様々なコードがプロジェクト間で混ざってしまわないように、仮想環境を使います
4949

50-
実行する
50+
以下を1行ずつ実行してください:
5151

5252
{% filename %}Cloud 9{% endfilename %}
5353

@@ -58,16 +58,16 @@ Chromebookを使わない場合は、このセクションを飛ばして、[Pyt
5858
pip install django~={{ book.django_version }}
5959

6060

61-
最後の行はチルダに続けてイコール記号をつけることに気をつけてください: `~=`
61+
最後の行は`~=`とチルダに続けてイコール記号をつけることに注意してください
6262

6363
### GitHub
6464

6565
[GitHub](https://github.com)アカウントを作成してください。
6666

6767
### PythonAnywhere
6868

69-
Django Girlsチュートリアルには、デプロイと呼ばれるセクションが含まれています。これはあなたの新しいWebアプリケーションの原動力となるコードを取得して、それを公にアクセス可能なコンピューター(サーバーと呼ばれます)に移動するプロセスです。これにより、あなたのやったことを他の人が見ることができるようになります
69+
Django Girls チュートリアルには、デプロイと呼ばれるセクションが含まれています。これはあなたの新しいWebアプリケーションの原動力となるコードを取得して、それを公にアクセス可能なコンピュータ(サーバーと呼ばれます)に移動するプロセスです。これにより、あなたの作ったものを他の人が見られるようになります
7070

71-
Chromebookでチュートリアルを行うとき、すでにインターネットに接続されているコンピュータ(ラップトップとは対照的に)を使用しているので、この作業は少し変な感じがします。 しかし、Cloud 9のワークスペースを「開発中」の場所、PythonAnywhere をより完成したものを披露する場所として考えると役に立ちます。
71+
Chromebookでチュートリアルを行うとき、(例えばラップトップとは対照的に)インターネットに接続されているコンピュータをすでに使用しているので、この作業は少し変な感じがします。 しかし、Cloud 9のワークスペースを「開発中」の場所、PythonAnywhere をより完成したものを披露する場所として考えると役に立ちます。
7272

73-
したがって、PythonAnywhereに新規アカウントを作成してください。 [ www.pythonanywhere.com ](https://www.pythonanywhere.com)
73+
したがって、[www.pythonanywhere.com](https://www.pythonanywhere.com) へ行って、PythonAnywhereの新規アカウントを作成してください。

ja/code_editor/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
55
まさにこれから、はじめてのコードを書いていきます。コードエディタをダウンロードしましょう!
66

7-
> **補足:** Choromebookを使っている方は、このチャプターは飛ばして、 [Chromebook Setup](../chromebook_setup/README.md) の説明に従ってセットアップしてください。 あなたが選んだクラウドIDE(PaizaCloud Cloud IDE もしくは AWS Cloud9)にはコードエディターが含まれています。IDEのファイルメニューからファイルを開くと、自動的にエディタが使用できます。
7+
> **補足:** Chromebookを使っている方は、このチャプターは飛ばして、 [Chromebookのセットアップ](../chromebook_setup/README.md) の説明に従ってください。 あなたが選んだクラウドIDE(PaizaCloud Cloud IDE もしくは AWS Cloud9)にはコードエディタが含まれています。IDEのファイルメニューからファイルを開くと、自動的にエディタが使用できます。
88
>
99
> **注意** インストールの章で、コードエディタのインストールを前もって済ませた人もいるかもしれません。もしそうなら、飛ばして次の章に進んでください!
1010

ja/code_editor/instructions.md

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

55
## Visual Studio Code
66

7-
Visual Studio Codeは、マイクロソフトがWindowsとLinuxとmacOS向けに開発したソースコードエディタです。 デバッグ、シンタックスハイライト、コード補完、スニペット、リファクタリングなど多くの機能があります。
7+
Visual Studio Codeは、マイクロソフトがWindowsとLinuxとmacOS向けに開発したソースコードエディタです。 デバッグのサポート、組み込まれたGit操作、シンタックスハイライト、かしこいコード補完、スニペット、リファクタリングなど多くの機能があります。
88

9-
[ダウンロード](https://code.visualstudio.com/download)
9+
[ダウンロード](https://code.visualstudio.com/)
1010

1111
## Gedit
1212

@@ -22,16 +22,16 @@ Sublime Text はとても人気のあるエディタで、無料の試用期間
2222

2323
## Atom
2424

25-
Atom は 人気のあるオープンソースかつ無料で利用ができるエディタです。Windows、OS X、Linuxで利用可能です。Atom は[GitHub](https://github.com/)が開発しています。
25+
Atomも人気のあるエディタで、無料でオープンソース、そしてWindows、OS X、Linuxで利用可能です。Atomは[GitHub](https://github.com/)が開発しています。
2626

2727
[ダウンロード](https://atom.io/)
2828

2929
## なんでコードエディタをインストールするの?
3030

3131
なぜWordやNotepadのようなものを使わず、特別なコードエディタをインストールする必要があるのかな、と思うかもしれません。
3232

33-
まずひとつ目の理由として、コードは**プレーンテキスト**という、何の装飾もない生の文字列でないといけません。問題は、WordやTexteditのようなプログラムが生成するのは、実は、プレーンテキストではないということなんです。WordやTexteditは、[RTF(リッチテキストフォーマット)](https://en.wikipedia.org/wiki/Rich_Text_Format)などのような、改造された形式を使って、フォントや書式を持ったリッチテキストを生成します
33+
まずひとつ目の理由として、コードは**プレーンテキスト**という、何の装飾もない文字列でないといけません。問題は、WordやTexteditのようなプログラムが生成するのは、実は、プレーンテキストではないということなんです。WordやTexteditは、[RTF(リッチテキストフォーマット)](https://en.wikipedia.org/wiki/Rich_Text_Format)などのような独自の形式を使って、リッチテキスト(フォントや書式を持った文字列)を生成します
3434

3535
2つ目の理由は、コードエディタは、コードを編集することに特化しているので、コードを意味によって色づけして強調したり、引用符を自動的に閉じたりするような、便利な機能があります。
3636

37-
あとで、こういった機能が全てわかるようになります。すぐに、信頼できる使い慣れたコードエディタが、お気に入りのツールになると思いますよ^^
37+
あとで使ってみて、こういった機能が全てわかるようになります。すぐに、信頼できる使い慣れたコードエディタが、お気に入りのツールになると思いますよ^^

ja/css/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ h1 a, h2 a {
7979

8080
```
8181

82-
`h1 a` はCSSセレクタと呼ばれるものです。 これは、`h1`要素内の`a`要素にスタイルを適用していることを意味します。 `h2 a`セレクタは、`h2`要素に対しても同じことを行います。 よって `<h1><a href="">link</a></h1>`となっているとき、 `h1 a` スタイルが適用されます。 この場合、その要素を `#C25100` に、つまり濃いオレンジ色にしようとしています。 あるいは、あなたの好きな色を設定することができますが、それが白い背景に対して良いコントラストを持つことを確認しましょう!
82+
`h1 a` はCSSセレクタと呼ばれるものです。 これは、`h1`要素内の`a`要素にスタイルを適用していることを意味します。 `h2 a`セレクタは、`h2`要素に対して同じことを行います。 よって `<h1><a href="">link</a></h1>`となっているとき、 `h1 a` スタイルが適用されます。 この場合、その要素を `#C25100` に、つまり濃いオレンジ色にしようとしています。 あるいは、あなたの好きな色を設定することができますが、それが白い背景に対して良いコントラストを持つことを確認しましょう!
8383

8484
CSSファイルには、HTMLファイルの各要素のスタイルを指定していきます。 まずは要素名でもって、その要素を識別します。 HTMLのタグ名は覚えがあるでしょう。 例えば `a`, `h1`, `body` などが要素名の例です。 また、`class` 属性や、`id` 属性によって要素を識別することができます。 classやidは、あなたが自分で要素につけることができる名前です。 classは要素のグループを定義して、idは特定の要素を指定します。 例えば、次のタグは、タグ名 `a`、class名 `external_link`、id名 ` link_to_wiki_page`、どれを使ってもCSSによって識別されます。
8585

@@ -300,6 +300,6 @@ h1, h2, h3, h4 {
300300

301301
CSSをいじって表示が壊れることを恐れないで、どんどん変更を加えてみてください。 CSSで遊んでみることで、何がどうなっているかを理解できてきます。 たとえ何かを壊してしまっても、心配しないで!すぐに元に戻すことができます。
302302

303-
この章の最後に、[Codeacademy HTML & CSS course](https://www.codecademy.com/tracks/web)という無料のオンライン講座を受講することをおすすめします。 webサイトをCSSで美しくするための多くのことが学べます
303+
[freeCodeCamp](https://learn.freecodecamp.org/)で無料のオンラインコース「Basic HTML & HTML5」と「Basic CSS」を受講することをおすすめします。 これらで学ぶと、HTMLとCSSであなたのWebサイトをよりカワイくできるでしょう
304304

305305
さて、次の章にいく準備はできましたか?^皿^

0 commit comments

Comments
 (0)