|
1 | 1 | ---
|
2 |
| -title: Welcome to Svelte |
| 2 | +title: Svelte にようこそ |
3 | 3 | ---
|
4 | 4 |
|
5 |
| -Welcome to the Svelte tutorial! This will teach you everything you need to know to easily build fast, small web applications. |
| 5 | +Svelte チュートリアルにようこそ! ここでは、高速で小さい Web アプリケーションを簡単に構築するために必要なこと全てを学ぶことができます。(訳注: 「小さい」はバンドルサイズを指しており、作成する Web アプリケーションの規模のことではありません。) |
6 | 6 |
|
7 |
| -You can also consult the [API docs](https://svelte.dev/docs) and the [examples](https://svelte.dev/examples), or — if you're impatient to start hacking on your machine locally — create a project with `npm init svelte`. |
| 7 | +[API ドキュメント](https://svelte.jp/docs) や [examples](https://svelte.dev/examples) を参照することもできます。また、すぐにローカルで動かしたい場合は、`npm init svelte` を実行してプロジェクトを作成してください。 |
8 | 8 |
|
9 |
| -## What is Svelte? |
| 9 | +## Svelte とは? |
10 | 10 |
|
11 |
| -Svelte is a tool for building web applications. Like other user interface frameworks, it allows you to build your app _declaratively_ out of components that combine markup, styles and behaviours. |
| 11 | +Svelte は、web アプリケーションを構築するためのツールです。他のユーザーインターフェースフレームワークと同様、マークアップ(markup)、スタイル(styles)、振る舞い(behaviours) を組み合わせたコンポーネントでアプリを _宣言的(declaratively)_ に構築することができます。 |
12 | 12 |
|
13 |
| -These components are _compiled_ into small, efficient JavaScript modules that eliminate overhead traditionally associated with UI frameworks. |
| 13 | +これらのコンポーネントは小さくて効率的な JavaScript モジュールに _コンパイル_ されるため、従来の UI フレームワークには付き物だったオーバーヘッドがありません。 |
14 | 14 |
|
15 |
| -You can build your entire app with Svelte (for example, using an application framework like [SvelteKit](https://kit.svelte.dev)), or you can add it incrementally to an existing codebase. You can also ship components as standalone packages that work anywhere. |
| 15 | +アプリ全体を Svelte で作ることもできますし (例えば [SvelteKit](https://kit.svelte.jp) のようなアプリケーションフレームワークを使用)、既存のコードベースに部分的/段階的に追加することもできます。また、どんな場所でも機能するスタンドアロンパッケージとしてコンポーネントを配布することもできます。 |
16 | 16 |
|
17 |
| -## How to use this tutorial |
| 17 | +## このチュートリアルの使い方 |
18 | 18 |
|
19 |
| -> You'll need to have basic familiarity with HTML, CSS and JavaScript to understand Svelte. |
| 19 | +> Svelte を理解するには、HTML、CSS、JavaScript の基本的な知識が必要です。 |
20 | 20 |
|
21 |
| -This tutorial is split into four main parts: |
| 21 | +このチュートリアルは大きく4つのパートに分かれています: |
22 | 22 |
|
23 |
| -- [Welcome to Svelte](/tutorial/welcome-to-svelte) (you are here) |
| 23 | +- [Svelte にようこそ](/tutorial/welcome-to-svelte) (現在はこちらです) |
24 | 24 | - [Introduction to SvelteKit](/tutorial/introducing-sveltekit)
|
25 | 25 | - [Advanced Svelte](/tutorial/tweens)
|
26 | 26 | - [Advanced SvelteKit](/tutorial/optional-params)
|
27 | 27 |
|
28 |
| -Each section will present an exercise designed to illustrate a feature. Later exercises build on the knowledge gained in earlier ones, so it's recommended that you go from start to finish. If necessary, you can navigate via the menu above. |
| 28 | +各セクションには、機能を解説するために作られた練習問題があります。後のセクションの練習問題は、それより前のセクションの練習問題で得た知識を土台として作られているので、最初から最後まで通しで学習することをおすすめします。必要に応じて、上部のメニューから移動することができます。 |
29 | 29 |
|
30 |
| -If you get stuck, you can click the `solve` button to the left of the editor. (It's disabled on sections like this one that don't include an exercise.) Try not to rely on it too much; you will learn faster by figuring out where to put each suggested code block and manually typing it in to the editor. |
| 30 | +行き詰まったら、エディタの左にある `正解を見る` ボタンをクリックすることもできます。(ここのように練習問題がないセクションでは無効化されています。) ただし、これに頼りすぎないようにしてください。提示されたコードブロックをどこに配置するか自分で考え、エディタに手入力することで、より早く学習することができます。 |
0 commit comments