{"repo":"shuji-bonji/Svelte-and-SvelteKit-with-TypeScript","free":true,"listed":false,"github":"https://github.com/shuji-bonji/Svelte-and-SvelteKit-with-TypeScript","clone":"git clone https://github.com/shuji-bonji/Svelte-and-SvelteKit-with-TypeScript.git","description":"TypeScriptとSPA経験者が、Svelte・Sveltekitの学習するコンテンツを提供","language":"Svelte","stars":18,"topics":["svelte","svelte5","japanese-language","sveltekit","typescript"],"license":"CC-BY-4.0","category":"mcp-servers","readme_excerpt":"TypeScript で学ぶ Svelte 5/SvelteKit 完全ガイド [!IMPORTANT] 📢 Svelte MCP Serverの登場について 2025年11月、Svelte公式が MCP Server をリリースしました。 Claude、Cursor、VS Code等のAIツールから公式ドキュメントを直接参照し、コードの自動検証まで行えるようになりました。 MCP Serverと公式ドキュメントがあれば、このサイトの「Svelte解説サイト」としての役割は終わりつつあります。 Svelteを学び始める方は、まず Svelte MCP の導入をお勧めします。 このサイトは今後、MCPでは得られない「実務での設計判断」「フレームワーク比較」などの情報提供にシフトしていく予定です。 日本語による TypeScript 中心の Svelte 5/SvelteKit 完全マスター学習コンテンツです。最新の Svelte 5 Runes システムを使用し、Mermaid ダイアグラムによる視覚的な解説も充実。実際に動作する API 連携例（JSONPlaceholder、GitHub Search API）を含む実践的な内容。Load 関数のデータフローや実行環境別アーキテクチャ（SSR/SSG/SPA）についても詳細に解説。フォーム処理の Actions 実行フローもシーケンス図とフローチャートで完全可視化。 🌐 公開サイト : https://shuji-bonji.github.io/Svelte-and-SvelteKit-with-TypeScript/ 📚 このドキュメントについて このドキュメントは、TypeScript を使用して Svelte 5 と SvelteKit を学習するための包括的なガイドです。最新の Svelte 5 Runes システムを中心に、実践的なコード例と共に解説しています。 🚀 実装例プロジェクト 学習内容を実際のコードで確認できる実装例プロジェクトを提供しています。 ブログシステム実装例 1. 基礎版 - svelte5-blog-example ✅ 完成 - 静的データによる基本的なブログサイト - デモサイト 2. Markdown 版 - svelte5-blog-markdown ✅ 完成 - Markdown ファイルベースの実践的なブログシステム - 全文検索、タグクラウド、読了時間計算機能付き - デモサイト TODO アプリ実装例 1. TODO マネージャー - svelte5-todo-example ✅ 完成 - Svelte 5 Runes システムを使用した完全な TODO アプリ - GitHub 風のモダンな UI/UX デザイン - ダークモード対応、LocalStorage 永続化 - フィルタリング（全て/アクティブ/完了）機能 認証システム実装例 1. Cookie/Session 認証 - svelte5-auth-basic ✅ 完成 - Cookie + Session 認証の基礎 - SQLite（Prisma）を使用したユーザー管理 - デモサイト 2. JWT 認証 - svelte5-auth-jwt ⏳ 準備中 - JSON Web Token ベースの認証 - Jose ライブラリによるトークン生成・検証 - リポジトリ・デモサイトともに未公開（記事のみスタブ） これらのプロジェクトは本ドキュメントの学習内容と連動し、実際に動作する","default_branch":null,"files":null,"tree":[],"storefront":"/r/shuji-bonji","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/shuji-bonji/Svelte-and-SvelteKit-with-TypeScript/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}