\n

Hello {name}!

\n\n\n
← トピックに戻る
言語 日本語

フレームワーク

Svelte クイックリファレンス

Svelte クイックリファレンス の印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています

ソース
Svelte Documentation (svelte.dev)
ライセンス
MIT
更新日
2026-03-27

サンプル

このチートシートの内容

  • コンポーネント
  • リアクティビティ
  • プロップ
  • イベント
  • バインディング
  • ストア
  • トランジション
  • スロット
  • コンテキスト
  • SvelteKit の基本

基本コンポーネント

<script>
  let name = "world";
</script>
<h1>Hello {name}!</h1>
<style>
  h1 { color: purple; }
</style>

コンポーネント構造

<script>コンポーネントロジック（JS/TS）
Markup`{expressions}` を含む HTML テンプレート
<style>スコープ付き CSS（コンポーネントに自動スコープ）
<script context="module">インスタンスごとではなく、モジュールごとに一度実行

すべてのセクションを含む印刷用チートシートをダウンロード

PDF をダウンロード

ダウンロード

読み方に合った形式を選ぶ