Introduction to client-side frameworks の翻訳 #16543

gurezo · 2023-10-14T08:42:54Z

@hmatrjp @potappo @mfuji09

issue

Introduction to client-side frameworks の翻訳 #719 のPRです。

translated-content

以下のセクション毎にコミットしてあります。

file add . 65794f6
title, header translate 9bfeba1
A brief history translate 98f4a49
What frameworks are out there? translate c39ee48
Ember translate 33fa7c1
Angular translate 2126d3e
Vue translate f5d1e67
React translate 9cf764f
Why do frameworks exist? translate 4389d38
The verbosity of DOM changes translate aaa03c4
Another way to build UIs translate ba9cf91
Other things frameworks give us translate f97940f
Tooling translate 17c2b2b
Compartmentalization translate d60d177
Routing translate 0df13a2
Things to consider when using frameworks translate eb858c3
Familiarity with the tool translate 9e3df9e
Overengineering translate d5d55a4
Larger code base and abstraction translate 7ef634f
Accessibility on a framework-driven web translate ee84423
How to choose a framework translate 593636a
Does the framework have a strong community? translate 6122d4e
Opinions on the web translate ddc5905
Alternatives to client-side frameworks translate 75cb9e6
Content-management systems translate fbadc90
Server-side rendering translate ecf2511
Static site generators translate 6a8b1bc
Summary translate 2dc7699
半角スペース除去、付与、typo 修正 5806dd7
url en-US => ja b1ccd22
ー追加 2074a0d
title 修正 b96d2ad
半角スペース除去 04318a9

レビュー指摘事項修正

ところどころの操作可能性 => ところどころの操作の可能性 bee0542
であり => となり 41ffaf1
半角スペース追加 4fdef6f
まとめ修正 20aba50

備考・ヘルプ

yari/kumascript/macros/LearnSidebar.ejs の翻訳をマージ後に実施

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

github-actions · 2023-10-14T08:46:01Z

Preview URLs

/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction

Flaws (49)

URL: /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction
Title: クライアントサイドフレームワークの概要
Flaw count: 49

macros:
- /ja/docs/Learn/MathML/First_steps does not exist but fell back to /en-US/docs/Learn/MathML/First_steps
- /ja/docs/Learn/MathML/First_steps/Getting_started does not exist but fell back to /en-US/docs/Learn/MathML/First_steps/Getting_started
- /ja/docs/Learn/MathML/First_steps/Three_famous_mathematical_formulas does not exist but fell back to /en-US/docs/Learn/MathML/First_steps/Three_famous_mathematical_formulas
- /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features does not exist but fell back to /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features
- /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state does not exist but fell back to /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state
- and 42 more flaws omitted
broken_links:
- Can use the English (en-US) link as a fallback
- Can use the English (en-US) link as a fallback

External URLs (32)

URL: /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction
Title: クライアントサイドフレームワークの概要

https://angular.io (1 time) (Note! This may be a new URL 👀)
https://angular.io/guide/browser-support (1 time) (Note! This may be a new URL 👀)
https://angular.io/guide/universal (1 time) (Note! This may be a new URL 👀)
https://angularjs.org/ (3 times) (Note! This may be a new URL 👀)
https://cli.vuejs.org/guide/browser-compatibility.html (1 time) (Note! This may be a new URL 👀)
https://codepen.io/mxmason/pen/XWbPNmw (1 time) (Note! This may be a new URL 👀)
https://emberjs.com/ (1 time) (Note! This may be a new URL 👀)
https://en.wikipedia.org/wiki/SproutCore (1 time) (Note! This may be a new URL 👀)
https://github.com/ember-fastboot/ember-cli-fastboot (1 time) (Note! This may be a new URL 👀)
https://gohugo.io/ (1 time) (Note! This may be a new URL 👀)
https://guides.emberjs.com/v3.3.0/templates/handlebars-basics/ (1 time) (Note! This may be a new URL 👀)
https://jekyllrb.com/ (1 time) (Note! This may be a new URL 👀)
https://nextjs.org/ (1 time) (Note! This may be a new URL 👀)
https://nuxtjs.org/ (1 time) (Note! This may be a new URL 👀)
https://phabricator.wikimedia.org/T241180 (1 time) (Note! This may be a new URL 👀)
https://react.dev/ (1 time) (Note! This may be a new URL 👀)
https://react.dev/learn/writing-markup-with-jsx (1 time) (Note! This may be a new URL 👀)
https://react.dev/reference/react-dom (1 time) (Note! This may be a new URL 👀)
https://react.dev/reference/react-dom/client (1 time) (Note! This may be a new URL 👀)
https://reactnative.dev/ (1 time) (Note! This may be a new URL 👀)
https://stateofjs.com/ (1 time) (Note! This may be a new URL 👀)
https://v2.vuejs.org/v2/guide/comparison.html (1 time) (Note! This may be a new URL 👀)
https://vuejs.org/ (1 time) (Note! This may be a new URL 👀)
https://w3techs.com/technologies/details/cp-javascript (1 time) (Note! This may be a new URL 👀)
https://wordpress.com/ (1 time) (Note! This may be a new URL 👀)
https://www.11ty.dev/ (1 time) (Note! This may be a new URL 👀)
https://www.drupal.org/ (1 time) (Note! This may be a new URL 👀)
https://www.gatsbyjs.com/ (1 time) (Note! This may be a new URL 👀)
https://www.joomla.org/ (1 time) (Note! This may be a new URL 👀)
https://www.smashingmagazine.com/2018/02/jquery-vue-javascript/ (1 time) (Note! This may be a new URL 👀)
https://www.tatianamac.com/posts/beginner-eleventy-tutorial-parti/ (1 time) (Note! This may be a new URL 👀)
https://www.typescriptlang.org/ (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2023-10-16 13:20:37)

…orks/introduction/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

mfuji09

6点について確認してください。

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

mfuji09 · 2023-10-16T07:32:58Z

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

+
+## 簡単な歴史
+
+1996 年に JavaScript が登場すると、それまで静的なドキュメントで構成されていたウェブに、偶発的な話題と興奮が加わりました。 ウェブは単に _ものを読む_ だけではなく、 _何かをする_ ための場所になりました。 JavaScript の人気は着実に高まりました。 JavaScript を扱う開発者は、直面した問題を解決するためのツールを作成し、**ライブラリー**と呼ばれる再利用可能なパッケージにパッケージ化して、他のユーザーとソリューションを共有できるようにしました。このライブラリーの共有エコシステムは、ウェブの成長を形作るのに役立ちました。


後の文脈からすると、 occasional interactivity は「偶発的な話題」よりも「ところどころの操作可能性」などとしたほうが良いと思います。

ところどころの操作可能性 => ところどころの操作の可能性 bee0542

mfuji09 · 2023-10-16T07:35:04Z

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

+
+1996 年に JavaScript が登場すると、それまで静的なドキュメントで構成されていたウェブに、偶発的な話題と興奮が加わりました。 ウェブは単に _ものを読む_ だけではなく、 _何かをする_ ための場所になりました。 JavaScript の人気は着実に高まりました。 JavaScript を扱う開発者は、直面した問題を解決するためのツールを作成し、**ライブラリー**と呼ばれる再利用可能なパッケージにパッケージ化して、他のユーザーとソリューションを共有できるようにしました。このライブラリーの共有エコシステムは、ウェブの成長を形作るのに役立ちました。
+
+現在、 JavaScript はウェブに不可欠な部分であり、[すべてのウェブサイトの 98% で使用されており](https://w3techs.com/technologies/details/cp-javascript)、ウェブは現代生活に不可欠な部分です。ユーザーは論文を書いたり、予算を管理したり、音楽をストリーミングしたり、映画を鑑賞したり、テキスト、音声、またはビデオチャットを使って遠距離の他のユーザーと瞬時にコミュニケーションしたりできます。ウェブを使用すると、これまでコンピューターにインストールされたネイティブアプリケーションでのみ可能であったことが実行できるようになります。これらの最新の複雑でインタラクティブなウェブサイトは、**ウェブアプリケーション**と呼ばれることがよくあります。


1文目、Nowが先頭にあるので、「～である」と訳すよりも「～となる」と訳したほうが良いと思います。

であり => となり 41ffaf1

mfuji09 · 2023-10-16T07:36:49Z

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

+
+### Vue
+
+オリジナルの [AngularJS](https://angularjs.org/)プロジェクトに取り組み、そこから学んだエヴァン・ユーは、2014年に [Vue](https://vuejs.org/) をリリースしました。Vueはビッグ4の中では最も歴史が浅いが、最近人気が急上昇しています。


この行で、英数字の周囲で空白がないところがあるので、空白を入れてください。

半角スペース追加 4fdef6f

mfuji09 · 2023-10-16T08:10:40Z

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

+
+## まとめ
+
+これで、フレームワークの紹介は終わりになります。まだコードを教えていませんが、そもそもフレームワークを使用する理由と、フレームワークの選択方法について有益な背景を提供できたことを願っています。 1 つ目は、もっと学びたい、夢中になってみたいという気持ちが高まりました。


hopefully は最後の文まで掛かっており、「もっと学びたい、夢中になってみたいという気持ちになっていただければ幸いです」というような意味だと思います。

まとめ修正 20aba50

files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md

…orks/introduction/index.md Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>

mfuji09

OKです。

* file add . * title, header translate * A brief history translate * What frameworks are out there? translate * Ember translate * Angular translate * Vue translate * React translate * Why do frameworks exist? translate * The verbosity of DOM changes translate * Another way to build UIs translate * Other things frameworks give us translate * Tooling translate * Compartmentalization translate * Routing translate * Things to consider when using frameworks translate * Familiarity with the tool translate * Overengineering translate * Larger code base and abstraction translate * Accessibility on a framework-driven web translate * How to choose a framework translate * Does the framework have a strong community? translate * Opinions on the web translate * Alternatives to client-side frameworks translate * Content-management systems translate * Server-side rendering translate * Static site generators translate * Summary translate * 半角スペース除去、付与、typo 修正 * url en-US => ja * ー追加 * title 修正 * Update files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * 半角スペース除去 * Update files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com> * Update files/ja/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com> * ところどころの操作可能性 => ところどころの操作の可能性 * であり => となり * 半角スペース追加 * まとめ修正 --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>

gurezo added 30 commits October 14, 2023 13:17

file add .

65794f6

title, header translate

9bfeba1

A brief history translate

98f4a49

What frameworks are out there? translate

c39ee48

Ember translate

33fa7c1

Angular translate

2126d3e

Vue translate

f5d1e67

React translate

9cf764f

Why do frameworks exist? translate

4389d38

The verbosity of DOM changes translate

aaa03c4

Another way to build UIs translate

ba9cf91

Other things frameworks give us translate

f97940f

Tooling translate

17c2b2b

Compartmentalization translate

d60d177

Routing translate

0df13a2

Things to consider when using frameworks translate

eb858c3

Familiarity with the tool translate

9e3df9e

Overengineering translate

d5d55a4

Larger code base and abstraction translate

7ef634f

Accessibility on a framework-driven web translate

ee84423

How to choose a framework translate

593636a

Does the framework have a strong community? translate

6122d4e

Opinions on the web translate

ddc5905

Alternatives to client-side frameworks translate

75cb9e6

Content-management systems translate

fbadc90

Server-side rendering translate

ecf2511

Static site generators translate

6a8b1bc

Summary translate

2dc7699

半角スペース除去、付与、typo 修正

5806dd7

url en-US => ja

b1ccd22

ー追加

2074a0d

github-actions bot added the l10n-ja Issues related to Japanese content. label Oct 14, 2023

gurezo changed the title ~~Issues/issue719/client side java script frameworks/introduction~~ Introduction to client-side frameworks の翻訳 Oct 14, 2023

gurezo mentioned this pull request Oct 14, 2023

Introduction to client-side frameworks の翻訳 mozilla-japan/translation#719

Closed

github-actions bot reviewed Oct 14, 2023

View reviewed changes

title 修正

b96d2ad

gurezo and others added 3 commits October 14, 2023 17:46

Update files/ja/learn/tools_and_testing/client-side_javascript_framew…

b40ed8a

…orks/introduction/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Update files/ja/learn/tools_and_testing/client-side_javascript_framew…

e6856c2

…orks/introduction/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

半角スペース除去

04318a9

gurezo marked this pull request as ready for review October 14, 2023 08:50

gurezo requested a review from a team as a code owner October 14, 2023 08:50

gurezo requested review from mfuji09 and removed request for a team October 14, 2023 08:50

mfuji09 requested changes Oct 16, 2023

View reviewed changes

gurezo and others added 6 commits October 16, 2023 17:52

Update files/ja/learn/tools_and_testing/client-side_javascript_framew…

e0c80ca

…orks/introduction/index.md Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>

Update files/ja/learn/tools_and_testing/client-side_javascript_framew…

e2a3610

…orks/introduction/index.md Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>

ところどころの操作可能性 => ところどころの操作の可能性

bee0542

であり => となり

41ffaf1

半角スペース追加

4fdef6f

まとめ修正

20aba50

gurezo requested a review from mfuji09 October 16, 2023 13:20

mfuji09 approved these changes Oct 16, 2023

View reviewed changes

mfuji09 merged commit 7145e2d into mdn:main Oct 16, 2023
7 checks passed

gurezo mentioned this pull request Oct 16, 2023

chore(macros/LearnSidebar): add Japanese translation mdn/yari#9829

Closed

gurezo mentioned this pull request Nov 13, 2023

chore(macros/LearnSidebar): add Japanese translation retake mdn/yari#10019

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Introduction to client-side frameworks の翻訳 #16543

Introduction to client-side frameworks の翻訳 #16543

gurezo commented Oct 14, 2023 •

edited

github-actions bot commented Oct 14, 2023 •

edited

mfuji09 left a comment

mfuji09 Oct 16, 2023

gurezo Oct 16, 2023

mfuji09 Oct 16, 2023

gurezo Oct 16, 2023

mfuji09 Oct 16, 2023

gurezo Oct 16, 2023

mfuji09 Oct 16, 2023

gurezo Oct 16, 2023

mfuji09 left a comment


		## 簡単な歴史

		1996 年に JavaScript が登場すると、それまで静的なドキュメントで構成されていたウェブに、偶発的な話題と興奮が加わりました。ウェブは単に _ものを読む_ だけではなく、 _何かをする_ ための場所になりました。 JavaScript の人気は着実に高まりました。 JavaScript を扱う開発者は、直面した問題を解決するためのツールを作成し、ライブラリーと呼ばれる再利用可能なパッケージにパッケージ化して、他のユーザーとソリューションを共有できるようにしました。このライブラリーの共有エコシステムは、ウェブの成長を形作るのに役立ちました。


		1996 年に JavaScript が登場すると、それまで静的なドキュメントで構成されていたウェブに、偶発的な話題と興奮が加わりました。ウェブは単に _ものを読む_ だけではなく、 _何かをする_ ための場所になりました。 JavaScript の人気は着実に高まりました。 JavaScript を扱う開発者は、直面した問題を解決するためのツールを作成し、ライブラリーと呼ばれる再利用可能なパッケージにパッケージ化して、他のユーザーとソリューションを共有できるようにしました。このライブラリーの共有エコシステムは、ウェブの成長を形作るのに役立ちました。

		現在、 JavaScript はウェブに不可欠な部分であり、[すべてのウェブサイトの 98% で使用されており](https://w3techs.com/technologies/details/cp-javascript)、ウェブは現代生活に不可欠な部分です。ユーザーは論文を書いたり、予算を管理したり、音楽をストリーミングしたり、映画を鑑賞したり、テキスト、音声、またはビデオチャットを使って遠距離の他のユーザーと瞬時にコミュニケーションしたりできます。ウェブを使用すると、これまでコンピューターにインストールされたネイティブアプリケーションでのみ可能であったことが実行できるようになります。これらの最新の複雑でインタラクティブなウェブサイトは、ウェブアプリケーションと呼ばれることがよくあります。


		### Vue

		オリジナルの [AngularJS](https://angularjs.org/)プロジェクトに取り組み、そこから学んだエヴァン・ユーは、2014年に [Vue](https://vuejs.org/) をリリースしました。Vueはビッグ4の中では最も歴史が浅いが、最近人気が急上昇しています。


		## まとめ

		これで、フレームワークの紹介は終わりになります。まだコードを教えていませんが、そもそもフレームワークを使用する理由と、フレームワークの選択方法について有益な背景を提供できたことを願っています。 1 つ目は、もっと学びたい、夢中になってみたいという気持ちが高まりました。

Introduction to client-side frameworks の翻訳 #16543

Introduction to client-side frameworks の翻訳 #16543

Conversation

gurezo commented Oct 14, 2023 • edited

issue

translated-content

以下のセクション毎にコミットしてあります。

レビュー指摘事項修正

備考・ヘルプ

github-actions bot commented Oct 14, 2023 • edited

mfuji09 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

mfuji09 left a comment

Choose a reason for hiding this comment

gurezo commented Oct 14, 2023 •

edited

github-actions bot commented Oct 14, 2023 •

edited