タグ: visualeditor
タグ: visualeditor
 
(同じ利用者による、間の32版が非表示)
1行目: 1行目:
公式ドキュメントの翻訳が劣化していたので、、僕が翻訳すると、こうなる。
[[ファイル:react-logo.webp |thumb|React|200x200px]]
日本語の翻訳情報が劣化していたので自分で翻訳。<u>やっぱり、プログラミング界隈は翻訳情報の劣化がひどい</u>。ただ、僕の目的は「翻訳」ではないので<u>気晴らしで翻訳</u>する。


= サクッと始めよう =
=== 翻訳スタンス ===
ようこそ React の説明書へ!このページはあなたに日常的に React を使う時の考え方の80%ほどを紹介します。


=== あなたが学ぶこと ===
# できるだけ日常的に使われる日本語の言い回し、日本語の表現で情報伝達する
* どうやって''コンポーネント''達を作ったり、囲ったりするのか
# 翻訳することが目的ではない。目的は、筆者が読者に対して達成したい情報伝達を再現 / 実現すること
* どうやってマークアップやスタイルを適応させるのか
# 筆者の伝達能力の限界、日本語の言語学的な限界、読者の前提情報不足的な限界があればそれを補うように情報伝達をする
* どうやってデータを表示させるのか
* どうやって条件分岐させたりリストを作成するのか
* どうやってイベントに反応させたり表示内容を更新したりさせるのか
* どうやってコンポーネント達にデータを共有させるのか


== state によって入力に反応 (React) する ==
== 公式ガイド - Y訳 ==
React では、直接コードによって UI を変化させることはしません。例えば、あなたはコードで「ボタンを無効に」、「ボタンを有効に」「送信済みメッセージを表示」などと指示は出しません。代わりに、
# GET STARTED
#* [[React - Quick Start|Quick Start]]
# LEARN REACT


With React, you won’t modify the UI from code directly. For example, you won’t write commands like “disable the button”, “enable the button”, “show the success message”, etc. Instead, you will describe the UI you want to see for the different visual states of your component (“initial state”, “typing state”, “success state”), and then trigger the state changes in response to user input. This is similar to how designers think about UI.
== 備忘メモ ==
 
hoge
Here is a quiz form built using React. Note how it uses the <code>status</code> state variable to determine whether to enable or disable the submit button, and whether to show the success message instead.

2026年7月8日 (水) 03:22時点における最新版

サムネイルの作成エラー: ファイルがありません
React

日本語の翻訳情報が劣化していたので自分で翻訳。やっぱり、プログラミング界隈は翻訳情報の劣化がひどい。ただ、僕の目的は「翻訳」ではないので気晴らしで翻訳する。

翻訳スタンス

  1. できるだけ日常的に使われる日本語の言い回し、日本語の表現で情報伝達する
  2. 翻訳することが目的ではない。目的は、筆者が読者に対して達成したい情報伝達を再現 / 実現すること
  3. 筆者の伝達能力の限界、日本語の言語学的な限界、読者の前提情報不足的な限界があればそれを補うように情報伝達をする

公式ガイド - Y訳

  1. GET STARTED
  2. LEARN REACT

備忘メモ

hoge