-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
ja.json
469 lines (469 loc) · 57.5 KB
/
ja.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
{
"__name": "日本語",
"__code": "JA",
"__direction": "ltr",
"__status": "",
"Tailwind CSS Components": "Tailwind CSSコンポーネント",
"cta-1": "コンポーネントを見る",
"cta-1-mobile": "コンポーネント",
"cta-2": "使い方を見る",
"components-btn": "コンポーネント",
"change-theme-btn": "テーマ",
"all-components-btn": "すべてのコンポーネントを表示",
"components": "コンポーネント",
"themes": "テーマ",
"github-stars": "Github スター",
"npm-installs": "NPM インストール",
"install-title": "daisyUIのインストール",
"install-desc": "TailwindCSSのプラグインとして、または独立したCSSライブラリとして使用できます <br /> 依存するライブラリはありません",
"install-step-1": "daisyUI をNode Packageとしてインストールする",
"install-step-2": "tailwind.config.js に daisyUI を追加する",
"install-btn": "インストールガイド",
"footer-tagline": "ユーティリティファーストのCSSフレームワークと親和性の高い<br />無料のコンポーネントライブラリ",
"pages": "ページ",
"how-to-install": "インストール",
"how-to-use-components": "コンポーネント",
"how-to-customize": "カスタマイズ",
"how-to-use-themes": "テーマ",
"color-system": "カラーシステム",
"config": "設定",
"links": "リンク",
"changelog": "変更履歴",
"license": "ライセンス",
"contributing": "貢献",
"available-on": "入手先",
"try-online": "オンラインでお試しください",
"created-by": "作者",
"Install": "インストール",
"Use": "使い方",
"Customize components": "カスタマイズ",
"Config": "設定",
"Colors": "色",
"Themes": "テーマ",
"Theme Generator": "テーマを作る",
"Layout & Typography": "レイアウトとタイポグラフィ",
"Actions": "アクション",
"Button": "Button",
"Dropdown": "Dropdown",
"Modal": "Modal",
"Swap": "Swap",
"Data display": "データの表示",
"Alert": "Alert",
"Avatar": "Avatar",
"Badge": "Badge",
"Card": "Card",
"Carousel": "Carousel",
"Chat bubble": "Chat bubble",
"Collapse": "Collapse",
"Countdown": "Countdown",
"Kbd": "Kbd",
"Progress": "Progress",
"Radial progress": "Radial progress",
"Stat": "Stat",
"Table": "Table",
"Tooltip": "Tooltip",
"Data input": "データの入力",
"Checkbox": "Checkbox",
"Text input": "Text Input",
"Radio": "Radio",
"Range": "Range",
"Rating": "Rating",
"Select": "Select",
"Textarea": "Textarea",
"Toggle": "Toggle",
"Layout": "レイアウト",
"Artboard": "Artboard",
"Button group": "Button group",
"Divider": "Divider",
"Drawer": "Drawer",
"Footer": "Footer",
"Hero": "Hero",
"Indicator": "Indicator",
"Input group": "Input group",
"Mask": "Mask",
"Stack": "Stack",
"Toast": "Toast",
"Navigation": "ナビゲーション",
"Breadcrumbs": "Breadcrumbs",
"Bottom navigation": "Bottom navigation",
"Link": "Link",
"Menu": "Menu",
"Navbar": "Navbar",
"Pagination": "Pagination",
"Steps": "Steps",
"Tab": "Tab",
"Mockup": "モックアップ",
"Code": "Code",
"Phone": "Phone",
"Window": "Window",
"excluded": "除外",
"CodePen example page": "CodePen のサンプルページ",
"Tailwind Play example page": "Tailwind Play のサンプルページ",
"new": "新着",
"updated": "更新",
"Tailwind Plugin": "Tailwindプラグイン",
"Use CDN": "CDNを使用する",
"Install daisyUI as a Tailwind CSS plugin": "daisyUI を Tailwind CSS プラグインとしてインストールします",
"You need <a target=_blank' href='https://nodejs.org/en/download/'>Node.js</a> and <a target='_blank' href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> installed.": "<a target=_blank' href='https://nodejs.org/en/download/'>Node.js</a> と <a target='_blank' href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a>がインストールされている必要があります。",
"How to install daisyUI as a Tailwind CSS plugin?": "daisyUI を Tailwind CSS プラグインとしてインストールするにはどうすればよいですか?",
"Install daisyUI": "daisyUI をインストールします",
"Then add daisyUI to your <code>tailwind.config.js</code> files": "次に、<code>tailwind.config.js</code>ファイルにdaisyUI を追加します",
"daisyUI example repositories": "daisyUI のサンプルリポジトリ",
"See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "さまざまなフレームワークとビルドツールでのdaisyUI とTailwindCSSのセットアップ例を参照してください。",
"Prev": "前へ",
"Next": "次へ",
"Do you have a question?": "質問がありますか?",
"Do you see a bug?": "バグがありますか?",
"Do you like daisyUI?": "daisyUI が好きですか?",
"Edit this page on GitHub": "GitHub でこのページを編集する",
"ask the community": "コミュニティに聞く",
"open an issue on GitHub": "GitHubでissueを開く",
"tweet about it!": "是非ツイートしてください!",
"Warning": "警告",
"CDN files are not recommended for production <br/>because you can't purge unused styles and file size will be large.": "CDNファイルは、未使用のスタイルを削除できず、ファイルサイズが大きくなるため、<br/>本番環境にはお勧めしません。",
"You don't need to install anything.": "何もインストールする必要はありません。",
"Just add one of these to the <code>head</code> tag of your HTML": "これらの1つをHTMLの<code>head</code>タグに追加するだけです",
"Or": "または",
"Add component classes to your HTML": "HTMLにコンポーネントクラスを追加する",
"How to use daisyUI classes to style your page?": "daisyUI クラスを使用してページのスタイルを設定するにはどうすればよいですか?",
"Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc.": "<a href='/docs/install/'> daisyUI をインストール</a>すると、 <code>btn</code>、<code>card</code>などのコンポーネントクラスを使用できるようになります。",
"So instead of making a button using only utility classes": "したがって、ユーティリティクラスのみを使用してボタンを作成する代わりに",
"You can just use a component class like this": "このようなコンポーネントクラスを使用できます",
"Then you can modify the component with daisyUI additional utility classes": "daisyUI の追加ユーティリティクラスを使用してコンポーネントを変更できます",
"Or you can modify the component with Tailwind CSS utility classes": "または、TailwindCSSユーティリティクラスを使用してコンポーネントを変更できます",
"Customize daisyUI components": "daisyUI コンポーネントをカスタマイズする",
"How to customize daisyUI?": "daisyUI をカスタマイズする方法",
"daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "daisyUI コンポーネントには、設計システムに必要な多くのバリエーションが付属しており、通常は何もカスタマイズする必要はありません。",
"But you can still customize components in many ways.": "ただし、コンポーネントはさまざまな方法でカスタマイズできます。",
"Let's say, you want to customize this button:": "このボタンをカスタマイズするとします:",
"You can use daisyUI utility classes:": "daisyUI ユーティリティクラスを使用できます:",
"You can use Tailwind's utility classes:": "Tailwindのユーティリティクラスを使用できます:",
"You can customize components on your CSS file, using Tailwind's @apply directive:": "Tailwindの@applyディレクティブを使用して、CSSファイルのコンポーネントをカスタマイズできます:",
"You can also:": "あなたは以下のことをすることもできます:",
"Add your own theme.": "独自のテーマを追加する",
"Opt out of daisyUI's design decisions, and <a href='/docs/config/'>only use an unstyled (skeleton) version of daisyUI</a>.": "daisyUI の設計上の決定をオプトアウトする<a href='/docs/config/'>daisyUI のみを使用する</a>。",
"How to change the default configuration of daisyUI?": "daisyUI のデフォルト設定を変更するにはどうすればよいですか?",
"daisyUI can be configured from your <code>tailwind.config.js</code> file.": "daisyUI は、<code>tailwind.config.js</code> ファイルから構成できます。",
"Default config": "デフォルト設定",
"Config values explained": "設定値の説明",
"If it's true, components will have colors and style so you won't need to design anything.": "trueの場合、コンポーネントは色とスタイルを持っているので、何もデザインする必要はありません。",
"If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "falseの場合、コンポーネントには色や視覚的なスタイルがないため、基本的なスケルトンで独自のスタイルをデザインできます。",
"If it's true, all themes will be included.": "trueの場合、すべてのテーマが含まれます。",
"If it's false, only light and dark themes will be available.": "falseの場合、ライトとダークのテーマのみが使用可能になります。",
"If it's an array, only themes in the array will be included and the first theme will be the default theme.": "配列の場合、配列内のテーマのみが含まれ、最初のテーマがデフォルトのテーマになります。",
"Read more about <a href='/docs/themes/'>themes</a>.": "<a href='/docs/themes/'>テーマ</a>についてもっと読む",
"If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added.": "trueの場合、<a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>いくつかの基本スタイル</a>が追加されます",
"If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added.": "trueの場合、<a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>レスポンシブクラスとユーティリティクラス</a>が追加されます",
"If it's true, daisyUI shows logs in the terminal while CSS is building.": "trueの場合、daisyUI はターミナルにログを表示します",
"If it's true, your theme will be right-to-left. You need to add <code>dir='rtl'</code> to your body tag.": "trueの場合、あなたのテーマは右から左になります。 bodyタグに<code>dir='rtl'</code>を追加する必要があります。",
"If you're using daisyUI with RTL option, I suggest using <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> plugin because to flip all your Tailwind utilities automatically.": "daisyUI を使用している場合は、すべてのTailwindユーティリティを自動的に反転させるため、<a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> プラグインを使用することをお勧めします。",
"Allows us to pick another theme for system's auto dark mode. By default, <code>dark</code> theme (or a custom theme named <code>dark</code>) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.": "システムのオートダークモードの別のテーマを選択できます。デフォルトでは、テーマが指定されておらず、ユーザーがシステムでダークモードを使用している場合、<code>dark</code>テーマ(または<code>dark</code>という名前のカスタムテーマ)がデフォルトのテーマになります。この構成を使用すると、別のテーマをデフォルトのダークモードテーマに設定できます。",
"Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "daisyUI クラス(コンポーネントクラス、修飾子クラス、レスポンシブクラスを含む)のクラス名にプレフィックスを追加します。",
"For example: <code>btn</code> will become <code>prefix-btn</code>.": "例:<code>btn</code> は <code>prefix-btn</code> になります。",
"If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.": "同様のクラス名を持つ2番目のCSSライブラリを使用している場合は、この設定を使用して競合を回避できます。",
"Utility classes like color names (e.g. <code>bg-primary</code>) or border-radius (e.g. <code>rounded-box</code>) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.": "色名(例: <code>bg-primary</code>)やborder-radius(例:<code>rounded-box</code>)などのユーティリティクラスは、Tailwind CSSクラスの拡張機能として追加されるため、この構成の影響を受けません。",
"If you use daisyUI <code>prefix</code> option (like <code>daisy-</code>) and Tailwind CSS <code>prefix</code> option (like <code>tw-</code>) together, classnames will be prefixed like this: <code>tw-daisy-btn</code>.": "daisyUI の<code>prefix</code>オプション(<code>daisy-</code>など)とTailwindCSSの<code>prefix</code>オプション(<code>tw-</code>など)を一緒に使用すると、クラス名には次のようにプレフィックスが付けられます:<code>tw-daisy-btn</code>。",
"How to use daisyUI colors?": "daisyUI カラーの使い方は?",
"Introduction": "序章",
"daisyUI is fully themeable and colorable,": "daisyUI は完全にテーマ化可能で、色付け可能です。",
"So instead of using constant color utility classes like:": "したがって、次のような一定の色のユーティリティクラスを使用する代わりに:",
"It's suggested to use semantic color utility classes like:": "次のようなセマンティックカラーユーティリティクラスを使用することをお勧めします。",
"Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "daisyUI テーマは、適用時にユーティリティクラスに色の値を適用します。",
"Benefits": "利点",
"Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like <code>primary</code>, <code>secondary</code>, etc. and we only use those specific colors in our interfaces.": "インターフェイスを設計するときは、ランダムな色を使用するだけではないため、セマンティックカラーの名前の方が意味があります。<code>primary</code>、<code>secondary</code>などの名前で特定のカラーパレットを定義し、インターフェイスではそれらの特定の色のみを使用します。",
"Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.": "また、セマンティックカラー名を使用すると、テーマ設定が簡単になります。すべての要素にダークモードの色を定義する必要はなく、明るい/暗いテーマだけに制限されることもありません。複数のテーマを使用でき、各テーマは数行のCSS変数です。",
"List of all daisyUI color names": "daisyUI カラー名のリスト",
"You can use these color names in your theme or in utility classes.": "これらの色の名前は、テーマまたはユーティリティクラスで使用できます。",
"Color name + description": "色名+説明",
"Required or optional for themes": "テーマに必須/任意",
"Example use": "使用例",
"How to use": "使い方",
"Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "daisyUI コンポーネントにはモディファイアクラス名が付属しており、そのモディファイアクラス名は色を適用します。",
"For example": "例えば",
"You can also use color names in utility classes just like Tailwind's original color names.": "Tailwindの元の色の名前と同じように、ユーティリティクラスで色の名前を使用することもできます。",
"These are utility classes that can be used with a color name:": "これらは、色名で使用できるユーティリティクラスです。",
"So you can use <code>bg-primary</code>, <code>border-secondary</code>, etc.": "したがって、<code>bg-primary</code>、<code>border-secondary</code>などを使用できます。",
"daisyUI comes with a number of themes, which you can use with no extra effort.": "daisyUIでは無駄な労力を費やさずに、多くのテーマを使用することができます。",
"Each theme defines a set of colors which will be used on all daisyUI elements.": "各テーマは、すべてのdaisyUIの要素で使用される色を定義します。",
"To use a theme, add its name in <span class=badge>tailwind.config.js</span> and activate it by adding <span class=badge>data-theme</span> attribute to <span class=badge>HTML</span> tag:": "テーマを使用するには、<span class=badge>tailwind.config.js</span>にその名前を追加し、<span class=badge>HTML</span>タグに<span class=badge>data-theme</span>属性を追加してアクティブにします:",
"I suggest using <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, so you can switch themes and save selected theme in local storage.": "私はテーマをローカルストレージに保存し使用できるように、<a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>を使用することをお勧めします。",
"List of themes": "テーマのリスト",
"Try them:": "こちらを試してみてください",
"The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "デフォルトのテーマは<code>light</code>です。 (<code>dark</code>でダークモードにすることも可能です。)",
"but you can <a href='https://daisyui.com/docs/config/'>change the default theme from tailwind.config.js</a>": "しかし、<a href='https://daisyui.com/docs/config/'>tailwind.config.css のテーマを変更し、デフォルトのテーマを変更する</a>ことも可能です。",
"How to remove unused themes?": "使用しないテーマを無効化する方法",
"You can only include the themes you want in your project.": "あなたはプロジェクトに使用したいテーマだけを含めることもできます。",
"This will reduce the size of your CSS file.": "これはCSSファイルのサイズを削減することができます。",
"In the below example": "以下の例では:",
"<code>cupcake</code> will be the default theme for light mode": "<code>cupcake</code>がライトモードのデフォルトテーマになります:",
"<code>dark</code> will be the default theme for dark mode": "<code>dark</code>がダークモードのデフォルトテーマになります:",
"<code>cmyk</code> can be applied on any HTML tag with <code>data-theme='cmyk'</code>": "<code>data-theme='cmyk'</code>を使用して、任意のHTMLタグに<code>cmyk</code>を適用できます:",
"How to disable all themes?": "すべてのテーマを無効化する方法",
"If you only want the default light and dark themes, set <code>themes</code> config to false.": "デフォルトのライトとダークのテーマのみを使用したい場合は、<code>themes</code>をfalseに設定してください。",
"If you don't want to include any themes and disable all colors, set <code>themes</code> config to an empty array.": "もしすべてのテーマと色を無効化したい場合、<code>themes</code>に空の配列を渡してください。",
"How to use a theme only for a section of a page?": "ページの一部でのみテーマを使用する方法",
"Add <code>data-theme='THEME_NAME'</code> to any element and everything inside will have your theme.": "<code>data-theme='THEME_NAME'</code>を要素に追加することで、要素内のすべてにテーマを反映させることができます。",
"You can nest themes and there is no limit!": "テーマは無限に入れ子にすることができます!",
"You can force a section of your HTML to only use a specific theme.": "HTMLの一部に特定のテーマのみを使用するように強制することができます。",
"How to add a new custom theme?": "新しくカスタマイズされたテーマを追加する方法",
"You can add a new theme from <code>tailwind.config.js</code> file.": "<code>tailwind.config.js</code>ファイルにから新しいテーマを追加することができます。",
"In the below example, I added a new theme called <code>mytheme</code> and I'm also including <code>dark</code> and <code>cupcake</code> themes.": "下の例では、<code>mytheme</code>という新しいテーマと<code>dark</code>テーマ、<code>cupcake</code>テーマを追加しています。",
"The first theme (<code>mytheme</code>) will be the default theme.": "最初のテーマ(<code>mytheme</code>)がデフォルトテーマになります。",
"<code>dark</code> theme will be the default theme for dark mode.": "<code>dark</code>テーマは、ダークモードのデフォルトテーマになります。",
"In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a <code>primary</code> button).": "",
"CSS variables in daisyUI themes": "daisyUIテーマでのCSS変数",
"There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "daisyUIでは、いくつかの任意なCSS変数を使用して、テーマごとのデザイン設定をカスタマイズすることができます。",
"You can also add <a href='/docs/colors/' class='link'>optional color names</a> to have full control over all colors.": "また、<a href='/docs/colors/' class='link'>任意の色名</a>を追加して、すべての色を完全に制御することもできます。",
"Custom CSS for a daisyUI theme": "daisyUIのテーマにカスタマイズされたCSSを使用する",
"You can apply custom style to a daisyUI themes using CSS:": "CSSを使用して、カスタムスタイルをdaisyUIのテーマに適用することができます。",
"How to customize an existing theme?": "既存のテーマをカスタマイズする方法",
"In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "tailwind.config.jsで、既存のdaisyUIテーマの色を上書きすることができます。",
"In the below example, I require and spread <code>light</code> theme and change its <code>primary</code> and <code>secondary</code> colors:": "以下の例は、<code>light</code>テーマを要求し、<code>primary</code>と<code>secondary</code>の色を変更しています:",
"Contribute to translation": "翻訳に貢献する",
"Alert informs users about important events.": "アラートは、重要なイベントについてユーザーに通知します。",
"Artboard provides fixed size container to display a demo content on mobile size.": "アートボードは、モバイルサイズでデモコンテンツを表示するための固定サイズのコンテナを提供します。",
"Avatars are used to show a thumbnail representation of an individual or business in the interface.": "アバターは、インターフェースに個人または企業のサムネイル表現を表示するために使用されます。",
"Badges are used to inform the user of the status of specific data.": "バッジは、特定のデータのステータスをユーザーに通知するために使用されます。",
"Bottom navigation bar allows navigation between primary screens.": "ボトムナビゲーションで主要なスクリーン間の移動が可能になります。",
"Breadcrumbs helps users to navigate through the website.": "ブレッドクラムは、ユーザーがWebサイトをナビゲートするのに役立ちます。",
"Button group shows buttons next to each other.": "ボタングループには、ボタンが隣り合って表示されます。",
"Buttons allow the user to take actions or make choices.": "ボタンを使用すると、ユーザーはアクションを実行したり、選択したりできます。",
"Cards are used to group and display content in a way that is easily readable.": "カードは、読みやすい方法でコンテンツをグループ化して表示するために使用されます。",
"Carousel show images or content in a scrollable area.": "カルーセルは、スクロール可能な領域に画像またはコンテンツを表示します。",
"Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "吹き出しは一連の会話とそのデータ(話者の画像、話者名・時間など)を表示するために使用されます。",
"Checkboxes are used to select or deselect a value.": "チェックボックスは、値を選択または選択解除するために使用されます。",
"Collapse is used for showing and hiding content.": "折りたたみは、コンテンツの表示と非表示を切り替える場合に使用されます。",
"Countdown gives you a transition effect of changing numbers.": "カウントダウンでは、数字が変化する切り替え効果が得られます。",
"Divider will be used to separate content vertically or horizontally.": "Dividerは、コンテンツを垂直または水平に分離するために使用されます。",
"Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "ドロワーは、ページの左側または右側にあるサイドバーを表示/非表示にできるグリッドレイアウトです。",
"Dropdown can open a menu or any other element when the button is clicked.": "ドロップダウンは、ボタンがクリックされたときにメニューまたはその他の要素を開くことができます。",
"File Input is a an input field for uploading files.": "ファイル入力はファイルをアップロードするための入力フィールドです。",
"Footer can contain logo, copyright notice, and links to other pages.": "フッターには、ロゴ、著作権表示、および他のページへのリンクを含めることができます。",
"Hero is a component for displaying a large box or image with a title and description.": "ヒーローは、タイトルと説明が付いた大きなボックスまたは画像を表示するためのコンポーネントです。",
"Indicators are used to place an element on the corner of another element.": "インジケーターは、要素を別の要素の隅に配置するために使用されます。",
"Input group puts an input next to a text or a button.": "入力グループは、テキストまたはボタンの横に入力を配置します。",
"Text Input is a simple input field.": "テキスト入力は単純な入力フィールドです。",
"Kbd is used to display keyboard shortcuts.": "Kbdは、キーボードショートカットを表示するために使用されます。",
"Link adds the missing underline style to links.": "リンクは、欠落している下線スタイルをリンクに追加します。",
"Mask crops the content of the element to common shapes.": "マスクは、要素のコンテンツを一般的な形状にトリミングします。",
"Menu is used to display a list of links vertically or horizontally.": "メニューは、リンクのリストを垂直または水平に表示するために使用されます。",
"Code mockup is used to show a block of code in a box that looks like a code editor.": "コードモックアップは、コードエディタのように見えるボックスにコードのブロックを表示するために使用されます。",
"Phone mockup shows a mockup of an iPhone.": "スマホのモックアップは、iPhoneのモックアップを示しています。",
"Window mockup shows a box that looks like an operating system window.": "ウィンドウモックアップは、オペレーティングシステムウィンドウのように見えるボックスを示しています。",
"Modal is used to show a dialog or a box when you click a button.": "モーダルは、ボタンをクリックしたときにダイアログまたはボックスを表示するために使用されます。",
"Navbar is used to show a navigation bar on the top of the page.": "ナビバーは、ページの上部にナビゲーションバーを表示するために使用されます。",
"Pagination is a group of buttons that allow the user to navigate between a set of related content.": "ページ付けは、ユーザーが一連の関連コンテンツ間を移動できるようにするボタンのグループです。",
"Progress bar can be used to show the progress of a task or to show the passing of time.": "プログレスバーは、タスクの進行状況を表示したり、時間の経過を表示したりするために使用できます。",
"Radial progress can be used to show the progress of a task or to show the passing of time.": "Radial progressは、タスクの進行状況を表示したり、時間の経過を表示したりするために使用できます。",
"Radio buttons allow the user to select one option from a set.": "ラジオボタンを使用すると、ユーザーはセットから1つのオプションを選択できます。",
"Range slider is used to select a value by sliding a handle.": "範囲スライダーは、ハンドルをスライドさせて値を選択するために使用します。",
"Rating is a set of radio buttons that allow the user to rate something.": "評価は、ユーザーが何かを評価できるようにするラジオボタンのセットです。",
"Select is used to pick a value from a list of options.": "選択は、オプションのリストから値を選択するために使用されます。",
"Stack visually puts elements on top of each other.": "スタックは、要素を視覚的に重ね合わせます。",
"Stat is used to show numbers and data in a box.": "統計は、ボックスに数値とデータを表示するために使用されます。",
"Steps can be used to show a list of steps in a process.": "ステップを使用して、プロセスのステップのリストを表示できます。",
"Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "スワップを使用すると、チェックボックスまたはクラス名を使用して2つの要素の表示を切り替えることができます。",
"Tabs can be used to show a list of links in a tabbed format.": "タブを使用して、リンクのリストをタブ形式で表示できます。",
"Table can be used to show a list of data in a table format.": "表を使用して、データのリストを表形式で表示できます。",
"Textarea allows users to enter text in multiple lines.": "テキストエリアを使用すると、ユーザーは複数行にテキストを入力できます。",
"Toggle is a checkbox that is styled to look like a switch button.": "トグルは、スイッチボタンのように見えるようにスタイル設定されたチェックボックスです。",
"Toast is a wrapper to stack elements, positioned on the corner of page.": "トーストはスタックのラッパーで、ページの隅に配置されます。",
"Tooltip can be used to show a message when hovering over an element.": "ツールチップを使用して、要素にカーソルを合わせたときにメッセージを表示できます。",
"Code mockup": "コードモックアップ",
"Phone mockup": "スマホのモックアップ",
"Window mockup": "ウィンドウモックアップ",
"File Input": "File Input",
"Text Input": "Text Input",
"Range slider": "Range slider",
"Tabs": " Tabs",
"All daisyUI components": "すべての daisyUI コンポーネント",
"Class name": "クラス名",
"Type": "カテゴリ",
"Search": "検索",
"daisyUI themes": "daisyUI テーマ",
"How to use daisyUI themes?": "daisyUI テーマを使用するには?",
"daisyUI Theme Generator": "daisyUI テーマ ジェネレーター",
"You can add your custom themes to <span class='badge badge-outline'>tailwind.config.js</span> file in <span class='badge badge-outline'>daisyui > themes</span> array. On this page, you can pick required color values and see how the components will look like with them.": "カスタムテーマは、<span class='badge badge-outline'>tailwind.config.js</span>ファイル内の<span class='badge badge-outline'>daisyui > themes</span>配列に追加することが可能です。このページで、テーマの色を選び、それを使ってコンポーネントがどのように見えるかを確認することができます。",
"You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)": "オプションの色を定義することで、色の値をより細かにコントロールすることができます(例:ボタンにフォーカスが当たったときの色、ボタン上のテキストの色など)。",
"Check out <a class='link font-bold' href='/docs/colors/'>colors page</a> to see all the color names you can use.": "詳しくは<a class='link font-bold' href='/docs/colors/'>カラーページ</a>を見て利用できるすべての色の名前を見てください",
"Check out <a class='link font-bold' href='/docs/themes/'>themes page</a> to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)": "<a class='link font-bold' href='/docs/themes/'>テーマページ</a> で、デザインをカスタマイズするために使用できるすべての CSS 変数を確認してください(例: border-radius, アニメーション、など)。",
"Randomize": "ランダム",
"Reset": "リセット",
"Preview": "プレビュー",
"Layout and Typography": "レイアウトとタイポグラフィ",
"How to use layouts and typography in daisyUI": "daisyUIでのレイアウトとタイポグラフィの使い方",
"Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "レイアウト、サイジング、グリッド、スペーシングなどがすべてTailwind CSSのユーティリティクラスで処理されます。",
"Read more": "もっと詳しく",
"Typography": "タイポグラフィ",
"You should use official <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.": "公式の<a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS タイポグラフィプラグイン</a>を使用するべきです。",
"It handles everything and it's fully customizable.": "これはあらゆることに対応し、フルカスタマイズが可能です。",
"daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "daisyUIは@tailwindcss/typographyにスタイルを追加し、他の要素と同じテーマを使用するようにします。",
"Make sure you require <span class='badge badge-outline'>daisyui</span> AFTER <span class='badge badge-outline'>@tailwindcss/typography</span> in tailwind.config.js": "tailwind.config.jsの<span class='badge badge-outline'>@tailwindcss/typography</span>の後に<span class='badge badge-outline'>daisyui</span> が必要であることを確認してください。",
"Here you can see how elements will look using <code>@tailwindcss/typography</code>.": "ここでは、<code>@tailwindcss/typography</code>を使用して、要素がどのように見えるかを確認することができます。",
"To use a custom prefix, <a class='link' href='/docs/config/#prefix'>add your prefix string to config</a>": "独自のプレフィックスを使用するには、<a class='link' href='/docs/config/#prefix'>設定にプレフィックスの文字列を追加します</a>。",
"Component": "コンポーネント",
"Modifier": "修飾子",
"Responsive": "レスポンシブ",
"Changes the style of a component": "コンポーネントのスタイルを変更する",
"Supports responsive prefixes (sm:, lg:, …)": "レスポンシブ接頭辞(sm:, lg:, ...)に対応。",
"Make your theme": "テーマを作る",
"More examples": "その他の例",
"Support daisyUI's development": "daisyUIの開発をサポート",
"The most popular": "最も人気な",
"component library": "コンポーネント ライブラリ",
"for Tailwind CSS": "そしてTailwind CSSで利用可能",
"daisyUI adds component class names to Tailwind CSS<br /> so you can make beautiful websites <span class='border-base-content/20 border-b-2'>faster than ever.</span>": "daisyUIは、Tailwind CSSにコンポーネントクラス名を追加するので、<span class='border-base-content/20 border-b-2'>これまで以上に簡単に</span>美しいウェブサイトを作ることができます。",
"don't re-invent <br/>the wheel <br/>every time": "無駄な手間は省こう。",
"In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.": "Tailwind CSSのプロジェクトでは、すべての要素にユーティリティクラス名を記述する必要があります。最も基本的な要素にスタイルを適用するために何千ものクラス名が必要です。",
"instead of writing<br /> <span class='text-error'><span class='font-black'>100</span> class names</span>": "<span class='text-error'><span class='font-black'>100</span> 個のクラス名</span> を書く代わりに",
"For every element, every page, every project,<br/>again and again": "すべての要素、すべてのページ、すべてのプロジェクトに対して、<br/>何度も何度も",
"use <span class='text-success'><span class='font-black'>semantic</span> <br />class names</span>": "<span class='text-success'><span class='font-black'>意味のある</span><br />クラス名</span> <br />を使おう",
"It's descriptive, faster, cleaner and easier to maintain.": "それは記述的で、より速く、よりクリーンで、より簡単にメンテナンスできます。",
"Features": "特徴",
"Links": "リンク",
"Message": "メッセージ",
"Cleaner HTML": "よりクリーンなHTML",
"Customizable": "カスタマイズ可能",
"Themeable": "テーマ化可能",
"Pure CSS": "CSSのみ",
"Dashboard": "ダッシュボード",
"Notifications": "通知",
"Messages": "メッセージ",
"People": "人々",
"Products": "製品",
"Use Tailwind CSS but write fewer class names.": "Tailwind CSSを使用して、クラス名を少なく書きます。",
"Pure CSS. <br />No JS dependency": "CSSのみ。<br />JS依存なし",
"Works on all frameworks": "すべてのフレームワークで動作します",
"Design system": "デザインシステム",
"Styling a simple button": "シンプルなボタンのスタイリング",
"Result": "結果",
"Take Tailwind CSS": "Tailwind CSSを",
"to the next level": "次のレベルに",
"daisyUI adds class names to Tailwind CSS<br />for all common UI components.<br />Class names like": "daisyUIは、すべての一般的なUIコンポーネントにTailwind CSSのクラス名を追加します。<br />クラス名は",
"and many more.": "などがあります。",
"This allows us to focus on important things<br />instead of styling basic elements for every project.": "これにより、プロジェクトごとに基本的な要素のスタイルを設定する代わりに、重要なことに集中できます。",
"No_more_ugly_HTML_part_1": "醜い",
"No_more_ugly_HTML_part_2": "HTML",
"No_more_ugly_HTML_part_3": "はもう",
"No_more_ugly_HTML_part_4": "不要",
"Write fewer class names<br />Use component class names<br />modify them using Tailwind CSS utilities.": "クラス名を少なく書く<br />コンポーネントクラス名を使用する<br />Tailwind CSSのユーティリティを使用して変更する。",
"Click": "クリック",
"Tailwind only": "Tailwind のみ",
"Tailwind + daisyUI": "Tailwind + daisyUI",
"Save": "保存",
"Accept terms of use": "利用規約に同意する",
"Submit to newsletter": "ニュースレターに登録する",
"Fewer class names": "クラス名を少なく",
"Faster development": "開発を加速",
"Smaller file size": "ファイルサイズを小さく",
"With daisyUI, you write 80% fewer class names<br />And your HTML size will be about 70% smaller.": "daisyUIを使用すると、クラス名を80%少なく書くことができます。<br />そして、HTMLのサイズは約70%小さくなります。",
"CSS Class names": "CSS クラス名",
"fewer class names": "クラス名を少なく",
"HTML size": "HTML サイズ",
"smaller DOM size": "DOMサイズを小さく",
"Highly customizable": "高度にカスタマイズ可能",
"Powered by Tailwind CSS utility classes": "Tailwind CSSのユーティリティクラスで動作",
"daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes.": "daisyUIはTailwind CSSの上に構築されているので、ユーティリティクラスを使用してすべてをカスタマイズすることができます。",
"Pure CSS.": "CSSのみ。",
"Framework agnostic.": "フレームワークに依存しない。",
"Works everywhere.": "どこでも動作します。",
"daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUIはTailwind CSSのプラグインです。すべてのJSフレームワークで動作し、JSバンドルファイルは必要ありません。",
"Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "daisyUIをdev依存関係としてインストールし、他のTailwind CSSのクラス名と同じようにクラス名を使用します。",
"Apply_your_own_design_decisions_part_1": "独自の",
"Apply_your_own_design_decisions_part_2": "設計上の",
"Apply_your_own_design_decisions_part_3": "決定を",
"Apply_your_own_design_decisions_part_4": "適用",
"Apply_your_own_design_decisions_part_5": "する",
"Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.": "あなたのウェブサイトはユニークであるべきです。daisyUIテーマジェネレーターを使用して、独自のテーマを作成してください。選択した色は、すべてのdaisyUIコンポーネントに適用されます。",
"Learn more about themes": "テーマについてもっと詳しく",
"utility classes": "ユーティリティクラス",
"endless possibilities": "無限の可能性",
"Mix and match daisyUI class names to create unique web pages.": "daisyUIのクラス名を組み合わせて、ユニークなウェブページを作成します。",
"daisyUI is the most popular<br />component library for Tailwind CSS": "daisyUIは、Tailwind CSSの最も人気のあるコンポーネントライブラリです。",
"open-source projects using daisyUI": "daisyUIを使用したオープンソースプロジェクト",
"Free and open-source": "無料でオープンソース",
"Built by the community": "コミュニティによって構築されました",
"daisyUI welcomes contributions from developers around the world": "daisyUIは、世界中の開発者からの貢献を歓迎します。",
"Sponsors and backers": "スポンサー",
"Try daisyUI": "daisyUIを試す",
"on your favorite framework": "お気に入りのフレームワークで",
"See all examples": "すべての例を見る",
"Or play with daisyUI on": "または、daisyUIを使って遊ぶ",
"Admin panel": "管理パネル",
"Updates": "アップデート",
"Stats": "統計",
"Unlimited themes": "無制限のテーマ",
"with zero effort": "ゼロの努力で",
"daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.": "daisyUIは、Tailwind CSSにカスタマイズ可能な色名のセットを追加します。これらの新しい色は、値にCSS変数を使用します。daisyUIの色名を使用すると、新しいクラス名を追加することなく、ダークモードやさらに多くのテーマを使用できます。",
"See all themes": "すべてのテーマを見る",
"Semantic colors": "セマンティックカラー",
"Learn more about colors": "色についてもっと詳しく",
"Get started": "今すぐ始める",
"daisyUI 3 is available now!": "daisyUI 3 が利用可能です!",
"Become a sponsor": "スポンサーになる",
"related projects": "関連プロジェクト",
"How to add custom styles for a specific theme?": "特定のテーマにカスタマイズしたスタイルを追加する方法",
"You can write custom style for your elements only for a specific theme.": "特定のテーマに対してのみ、要素にカスタム・スタイルを記述することができます。",
"In this example, .btn-twitter class only will have this style on light theme.": "この例では、.btn-twitterクラスはlightテーマでのみこのスタイルになります。",
"There are 3 ways to use a modal:": "モーダルを使うには3つの方法があります:",
"Make sure you're using unique IDs for each modal": "各モーダルに固有の ID を使用していることを確認してください。",
"Accordion": "Accordion",
"Accordion is used for showing and hiding content but only one item can stay open at a time.": "アコーディオンは、コンテンツの表示と非表示に使用されます。但し一度に表示できるコンテンツは一つです。",
"All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.": "同じ名前のラジオはすべて一緒に動作し、一度に開くことができるのは1つだけです。ページ上に複数のアコーディオンがある場合、各セットのラジオボタンに異なる名前を使用してください。",
"Also see <a href='/components/accordion/' class='link'>accordion</a> examples": "<a href='/components/accordion/' class='link'>アコーディオン</a> の例も参照してください。",
"you need to change the `--value` CSS variable using JS. Value must be a number between 0 and 99.": "JSを使ってCSS変数 `--value` を変更する必要があります。値は0から99の間の数値でなければなりません。",
"Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />": "Radial progressには CSS変数`--value`が必要です。<br />サイズを変更するには、CSS変数`--size`を使用します。デフォルト値は`4rem`です。<br /> 太さを変更するには、CSS変数`--thickness`を使用します。デフォルト値は、サイズの10%になります。<br />",
"Deprecated": "非推奨",
"Loading": "Loading",
"Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)": "ドロワーのサイドバーはデフォルトで非表示です。クラス <code>lg:drawer-open</code> (または他のレスポンシブ プレフィックス:<code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)を使用して、より大きな画面で表示させることができます。 ",
"Join (group items)": "Join (group items)",
"Join": "Join",
"Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.": "Joinは複数のアイテムをグループ化するためのコンテナです。ボタンや入力、その他の要素をグループ化するために使用できます。 Joinは両端のアイテムの外側(ボーダーの角)を丸めます。 Joinはアイテムの水平または垂直リストを作成するために使用できます。",
"Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "アコーディオンは<a href='/components/collapse/' class='link'>Collapse 折りたたみ コンポーネント</a>と同じスタイルを使いますが、ラジオボタンで動作します。非表示のラジオボタンをチェックしたり外したりすることで、どの項目を開くかをコントロールできます。",
"Browser": "Browser",
"Browser mockup": "ブラウザのモックアップ",
"Browser mockup shows a box that looks like a browser window.": "ブラウザのモックアップは、ブラウザ・ウィンドウのようなボックスを示しています。",
"This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.": "このコンポーネントは非推奨であり、次のメジャーバージョンで削除される予定です。代わりに <a class='link' href='/components/join'>Join 結合</a> を使用してください。",
"Loading shows an animation to indicate that something is loading.": "ローディングは、何かがロードされていることを示すアニメーションを表現します。",
"Docs": "ドキュメント",
"Components": "コンポーネント",
"Which element to attach the theme CSS variables to.": "テーマのCSS変数をどのスコープにするか設定します。",
"In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.": "特定の状況(daisyUIをシャドウルートに埋め込むなど)では、すべてのコンポーネントが必要なCSS変数にアクセスできるように、<code>*</code> に設定すると便利です。",
"Utilities": "ユーティリティ",
"Utility classes and CSS variables": "ユーティリティクラスとCSS変数",
"Additional utility classes and CSS variables that daisyUI uses for components and themes": "daisyUI がコンポーネントとテーマに使用する追加のユーティリティクラスと CSS 変数",
"Color utility classes": "色のユーティリティクラス",
"All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.": "すべてのdaisyUIカラーはユーティリティクラスとして使用できます。他のTailwind CSSカラーと同様です。例えば、どのTailwind CSSカラーユーティリティでも `primary` カラーを使用することができます。",
"Border radius": "Border radius",
"These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`": "これらの拡張された `border radius` は、daisyUIコンポーネントで使用されています。この値はテーマに依存するので、アクティブなテーマに基づいて `border radius` が適用されます。これらの名前にはTailwind CSSの `border radius` クラスである `rounded-r-box`や`rounded-tr-btn`も利用できます。",
"Glass": "Glass",
"These glass class to give elements a matte glass effect": "要素にマットなガラス効果を与える `glass` クラス。",
"CSS variables": "CSS変数",
"These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`": "これらのCSS変数は内部的に使用されています。`tailwind.config.js`でカスタマイズすることもできます、また `[--animation-btn:0]` のようなクラス名でカスタマイズすることもできます。",
"Component specific CSS variables": "コンポーネント固有のCSS変数",
"These CSS variables are being used internally for a specific component": "これらのCSS変数は、特定のコンポーネントのために内部的に使用されています。",
"Theme Controller": "Theme Controller",
"If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.": "もし、チェックボックスやラジオボタンに theme-controller クラスが設定されていれば、チェックするとそのページには `value` と同じテーマが設定されます。",
"Theme Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:": "Theme Controller は CSS だけでテーマを変更します。ページ更新時に入力状態を保持したい場合は、JSを使ってサーバーまたはlocalStorageに保存します。 チェックボックスの状態をローカルストレージに保存するReactの例はこちらを参照してください。",
"Diff": "Diff",
"Diff component shows a side-by-side comparison of two items.": "Diffコンポーネントは、2つのアイテムを並べて比較します。",
"Timeline": "Timeline",
"Timeline component shows a list of events in chronological order.": "タイムライン コンポーネントは、イベントのリストを時系列で表示します。",
"The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.": "各項目の先頭または末尾に <span class=badge>hr</span> タグを付けると、項目間を結ぶ線が表示される。",
"Feedback": "フィードバック",
"Skeleton": "Skeleton",
"Skeleton is a component that can be used to show a loading state of a component.": "スケルトンは、コンポーネントのロード状態を表示するために使用できるコンポーネントです。",
"Click to open this one and close others": "Click to open this one and close others",
"Using Accordion and Join together": "Using Accordion and Join together",
"Container element": "Container element",
"Using <code><dialog></code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key": "Using <code><dialog></code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key",
"Using a hidden <code><input type='checkbox'></code> and <code><label></code> to check/uncheck the checkbox and open/close the modal": "Using a hidden <code><input type='checkbox'></code> and <code><label></code> to check/uncheck the checkbox and open/close the modal",
"Using <code><a></code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter": "Using <code><a></code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter",
"This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.": "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.",
"Blog": "Blog",
"Sponsors": "Sponsors",
"Use daisyUI from CDN": "Use daisyUI from CDN",
"How to use daisyUI from a CDN?": "How to use daisyUI from a CDN?",
"etc.": "etc.",
"Roadmap": "ロードマップ"
}