Svelte のバックアップ(No.10)

[ トップ ]   [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ | ログイン ]

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Svelte へ行く。
  • 1 (2021-06-07 (月) 21:00:49)
  • 2 (2021-12-14 (火) 16:42:45)
  • 3 (2021-12-30 (木) 22:35:28)
  • 4 (2022-03-05 (土) 20:16:28)
  • 5 (2023-01-19 (木) 17:04:30)
  • 6 (2023-01-19 (木) 18:29:15)
  • 7 (2023-01-24 (火) 15:19:42)
  • 8 (2023-02-08 (水) 18:59:53)
  • 9 (2023-03-01 (水) 18:42:48)
  • 10 (2023-03-06 (月) 14:26:16)
  • 11 (2023-03-06 (月) 15:39:56)
  • 12 (2023-03-10 (金) 15:11:07)
  • 13 (2023-03-13 (月) 21:31:11)
  • 14 (2023-03-15 (水) 11:25:33)

---

Svelte

• Svelte入門

• Svelteとは
• Svelteでいきましょう！
• SvelteでWebサイトを作ってみて感じた魅力
• 高速で開発者体験も抜群！JavaScriptフレームワークの新星「Svelte」とは何か？
• 作りながら学ぶ「Svelte」の構造とモダンなフロントエンド開発の考え方
• Histoireを使ってSvelteコンポーネントを管理しよう
• Svelteに入門した

• 【Svelte.js入門】ReactやVueに挫折した人でも大丈夫！Svelteとfirebaseでシンプルアプリ開発

React, Vue との比較 †

• SvelteとReactの基本を比較
• Reactヘビーユーザーが思うSvelteの良いところ
• Svelteの紹介とVue.jsとの比較
• どのWebフロントエンドフレームワークから始めるべきか？（考察編）

• Svelteに入門してみた（React/Vueとの違い）

• 最近でてきてるSvelteはReactと比べてどうなのか - YouTube

処理速度 †

• React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。
• React、Vue、Svelte、Solid のレンダリング性能

特徴 †

• 仮装DOMを使用しない　
• Svelte は Svelte ファイルを JavaScript にコンパイルし、 Svelte 自身のコードは含まれない。そのため、 React や Vue.js のように最初に読み込まれる際に発生するオーバーヘッドは発生しないうえ、ライブラリのコードが含まれない分、アプリケーションコードのサイズを小さくすることができる。

入門 †

• Svelte をはじめる
• svelte + TypeScript のはじめ方
• Svelte+TypeScriptの環境構築とGitHub Pagesへのデプロイ

プロジェクト生成 †

• スターターアプリのテンプレートを作成

  $ npx degit sveltejs/template [プロジェクト名]
  
  Need to install the following packages:
    degit@2.8.4
  Ok to proceed? (y) y
  
  $ cd  [プロジェクト名]
  $ node scripts/setupTypeScript.js
  $ npm install
  $ npm run dev

• http://localhost:8080/ にアクセス

SvelteKit †

• SvelteKitの記事一覧 - Zenn
• 【SvelteKit 入門】はじめに
• SvelteKit ＋ TypeScript ＋ tailwindcssを使って半日でプロトタイプを作る

• SvelteKit 1.0 発表
• Webアプリケーションフレームワーク「SvelteKit 1.0」正式リリース。SSR/SSG/SPAなど対応
• Svelte上にWebアプリケーションを構築するためのフレームワーク「SvelteKit 1.0」がリリース

• SvelteKit + Svelte を1年間くらい使ってみた知見など
• SvelteKitが正式リリースされたのでtRPCとPrismaを使ってWebアプリを開発してみた
• SvelteKitを本番投入してみて
• SvelteKit を Cloudflare Workers で動かしてみた

• Svelte Code Samples: SPA Security in Action
• Authenticating Svelte Applications

GraphQL †

• SvelteKit 環境で GraphQLを使う
• Sveltekit で GraphQL
• Guide: Svelte / Kit

Svelte Native †

• Svelte Nativeを触ってみた
• クロスプラットフォーム開発の新しい技術、SvelteNativeというのがあるらしい。

ライブラリ †

バリデーション †

• Svelte フォームライブラリ選手権

Felte †

AWS †

• SvelteKitのSSRをAWS上にデプロイ
• SvelteのフロントエンドをAWSのバックエンドと繋げてみる
• Deploy Svelte app on AWS Amplify

導入事例 †

• 仕事でSvelteフレームワークを扱ってみた話
• SvelteKitを本番投入してみて
• PlaywrightによるSvelteコンポーネントテスト

     

Site admin: anonymous

PukiWiki 1.5.1 © 2001-2016 PukiWiki Development Team. Powered by PHP 5.6.99-hhvm. HTML convert time: 0.016 sec.