Skip to content

Commit 6776163

Browse files
authored
Merge pull request #451 from reactjs/beta-first-translation
Translate two pages and some MDX tags
2 parents d53fd81 + 083a275 commit 6776163

8 files changed

+141
-141
lines changed

beta/src/components/MDX/Challenges/Challenges.tsx

+10-10
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
117117
'text-3xl mb-2 leading-10 relative',
118118
isRecipes ? 'text-purple-50 dark:text-purple-30' : 'text-link'
119119
)}>
120-
{isRecipes ? 'Try out some recipes' : 'Try out some challenges'}
120+
{isRecipes ? 'レシピを試す' : 'チャレンジ問題'}
121121
</H2>
122122
{challenges.length > 1 && (
123123
<Navigation
@@ -132,8 +132,8 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
132132
<div key={activeChallenge}>
133133
<h3 className="text-xl text-primary dark:text-primary-dark mb-2">
134134
<div className="font-bold block md:inline">
135-
{isRecipes ? 'Recipe' : 'Challenge'} {currentChallenge?.order}{' '}
136-
of {challenges.length}
135+
{isRecipes ? 'レシピ' : '問題'} {currentChallenge?.order}/
136+
{challenges.length}
137137
<span className="text-primary dark:text-primary-dark">: </span>
138138
</div>
139139
{currentChallenge?.name}
@@ -145,14 +145,14 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
145145
<div>
146146
<Button className="mr-2" onClick={toggleHint} active={showHint}>
147147
<IconHint className="mr-1.5" />{' '}
148-
{showHint ? 'Hide hint' : 'Show hint'}
148+
{showHint ? 'ヒントを隠す' : 'ヒントを見る'}
149149
</Button>
150150
<Button
151151
className="mr-2"
152152
onClick={toggleSolution}
153153
active={showSolution}>
154154
<IconSolution className="mr-1.5" />{' '}
155-
{showSolution ? 'Hide solution' : 'Show solution'}
155+
{showSolution ? '答えを隠す' : '答えを見る'}
156156
</Button>
157157
</div>
158158
) : (
@@ -162,7 +162,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
162162
onClick={toggleSolution}
163163
active={showSolution}>
164164
<IconSolution className="mr-1.5" />{' '}
165-
{showSolution ? 'Hide solution' : 'Show solution'}
165+
{showSolution ? '答えを隠す' : '答えを見る'}
166166
</Button>
167167
)
168168
)}
@@ -179,7 +179,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
179179
setShowSolution(false);
180180
}}
181181
active>
182-
Next {isRecipes ? 'Recipe' : 'Challenge'}
182+
次の {isRecipes ? 'レシピ' : '問題'}
183183
<IconArrowSmall
184184
displayDirection="right"
185185
className="block ml-1.5"
@@ -192,12 +192,12 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
192192
{showSolution && (
193193
<div className="mt-6">
194194
<h3 className="text-2xl font-bold text-primary dark:text-primary-dark">
195-
Solution
195+
答え
196196
</h3>
197197
{currentChallenge?.solution}
198198
<div className="flex justify-between items-center mt-4">
199199
<Button onClick={() => setShowSolution(false)}>
200-
Close solution
200+
答えを隠す
201201
</Button>
202202
{nextChallenge && (
203203
<Button
@@ -215,7 +215,7 @@ export function Challenges({children, isRecipes}: ChallengesProps) {
215215
}
216216
}}
217217
active>
218-
Next Challenge
218+
次の問題
219219
<IconArrowSmall
220220
displayDirection="right"
221221
className="block ml-1.5"

beta/src/components/MDX/ExpandableCallout.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ interface ExpandableCalloutProps {
1616

1717
const variantMap = {
1818
note: {
19-
title: 'Note',
19+
title: '補足',
2020
Icon: IconNote,
2121
containerClasses:
2222
'bg-green-5 dark:bg-green-60 dark:bg-opacity-20 text-primary dark:text-primary-dark text-lg',
@@ -25,7 +25,7 @@ const variantMap = {
2525
'linear-gradient(rgba(245, 249, 248, 0), rgba(245, 249, 248, 1)',
2626
},
2727
gotcha: {
28-
title: 'Gotcha',
28+
title: '注意!',
2929
Icon: IconGotcha,
3030
containerClasses: 'bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20',
3131
textColor: 'text-yellow-50 dark:text-yellow-40',

beta/src/components/MDX/ExpandableExample.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -41,13 +41,13 @@ function ExpandableExample({
4141
{isDeepDive && (
4242
<>
4343
<IconDeepDive className="inline mr-2 dark:text-purple-30 text-purple-40" />
44-
Deep Dive
44+
さらに深く知る
4545
</>
4646
)}
4747
{isExample && (
4848
<>
4949
<IconCodeBlock className="inline mr-2 dark:text-yellow-30 text-yellow-50" />
50-
Example
50+
5151
</>
5252
)}
5353
</h5>
@@ -69,7 +69,7 @@ function ExpandableExample({
6969
<span className="mr-1">
7070
<IconChevron displayDirection={isExpanded ? 'up' : 'down'} />
7171
</span>
72-
{isExpanded ? 'Hide Details' : 'Show Details'}
72+
{isExpanded ? '詳細を隠す' : '詳細を開く'}
7373
</Button>
7474
</div>
7575
<div

beta/src/components/MDX/MDXComponents.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -136,7 +136,7 @@ function MathI({children}: {children: any}) {
136136
}
137137

138138
function YouWillLearn({children}: {children: any}) {
139-
return <SimpleCallout title="You will learn">{children}</SimpleCallout>;
139+
return <SimpleCallout title="このページで学ぶこと">{children}</SimpleCallout>;
140140
}
141141

142142
// TODO: typing.

beta/src/components/MDX/Recap.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ function Recap({children}: RecapProps) {
1313
return (
1414
<section>
1515
<H2 isPageAnchor id="recap">
16-
Recap
16+
まとめ
1717
</H2>
1818
{children}
1919
</section>

0 commit comments

Comments
 (0)