Svelte最新情報:2021年12月
Svelte Summit 2021秋季のまとめ、Rich Harris氏がVercelに加入、Kevin氏がSvelte Societyに専任
SvelteKitは日々安定性を増しており、バグ修正以外のコード変更はほとんどありません…そのため、今月のニュースレターではSvelte Summit 2021秋季について取り上げます!
先月のバグ修正の詳細を知りたい場合は、SvelteとSvelteKitの変更ログをご確認ください。
Svelte Summitで何が起こったのか?
Svelte Summitを見逃した方は、YouTubeでライブストリーム全体を視聴し、Discordの#svelte-summitチャンネルでまとめを確認できます。
ハイライトは以下の通りです
- Rich Harris氏がSvelteの歴史を振り返り、Vercelへの移籍を発表しました。そこで彼はSvelteのフルタイムメンテナンスを担当します!(20:00)
- Steph Dietz氏は、Svelteのシンプルな抽象化により、初心者と専門家の両方が、定型コードなしでJavaScriptを簡単に学習・使用できることを説明しました(29:00)
- Kevin Bridges氏は、`ReflectiveCounter`を通してSvelteのリアクティブロジックを視覚化し、必要に応じてそれを「微調整」する方法を示すことで、深く掘り下げました。プレゼンテーションの完全な「シラバス」はKevin氏のサイトで入手できます。(42:55)
- Mateo Morris氏は、静的サイトの構築と管理を支援するオールインワンのSvelteKit CMSであるPrimoをローンチしました(1:12:34)
- Guillermo Rauch氏は、VercelのSvelteへのコミットメント、Rich氏がチームに加わる意味、そして会社からの今後の展望を説明しました…(1:21:54)
- Geoff Rich氏は、Svelte内のモーションとトランジションを修正して、すべてのWebユーザーにとってよりアクセシビリティを高める様々な方法を紹介しました。スライドと講演の完全なトランスクリプトはGeoff氏のサイトで入手できます。(1:32:30)
- Dean Fogarty氏は、カスタムストアの様々なユースケースを実演しました。Svelte内でデータを変換してストレージメカニズムとの間で送受信します。トランスクリプトとコードはDean氏のGitHubで入手できます。(1:43:06)
- Kellen Mace氏は、コンテンツ作成者がWordPressを使い続けながら、フロントエンドでSvelteを活用して優れたユーザーエクスペリエンスを提供する方法を共有しました(1:49:30)
- Ben Holmes氏は、「アイランド」アーキテクチャと、11ty + Slinkityがこれらのアイランドを任意のHTMLテンプレートに適用できる方法を説明しました(2:17:15)
- Scott Tolinski氏は、ReactベースのLevelUpTutorialsをSvelteで書き直した経験から得られた教訓を共有し、「開発者の至福」を見出しました(3:16:35)
- Svelte Sirensは、女性、ノンバイナリー、そしてアライのための新しいSvelteコミュニティとして発表されました。彼らの最初のイベントは11月29日に行われました。今後のイベントはすべてSvelte Sirensのウェブサイトで見つけることができます(3:50:45)
- Rich Harris氏は、SvelteKitを使用したライブラリの作成、開発時のパッケージのリンクを改善する方法、そしてSvelteKitが最新のJavaScriptライブラリの開発にどのように役立つのかについて議論しました(3:56:00)
- Ken Kunz氏は、有限状態マシン(とsvelte-fsmライブラリ)が、Svelteコンポーネントの状態の管理をどのようにより管理しやすくするのかを説明しました。講演の例はKen氏のGitHubで入手できます。(4:07:18)
- Austin Crim氏は、Webでのコーディング学習を楽器の演奏学習に結びつけました。学習者に早期の成功体験を与え、現実世界のアプリを通して基礎を導入することで、Svelte(そしてその基礎)の学習は苦痛になる必要はありません(4:21:50)
- Jesse Skinner氏は、React(さらにはjQuery!)プロジェクト内でSvelteコンポーネントを使用(および再利用)する方法を説明することで、レガシーアプリを将来へと導きました(4:32:30)
- Jim Fisk氏とStephanie Luz氏は、Plentiとそのテーマツールを紹介し、新しいSvelteサイトの構築をはるかに高速化します(4:59:00)
- Evyatar Alush氏は、Vestという強力なバリデーションライブラリを使用して、より良いフォームを作成(および維持)するのに役立ちました(5:08:55)
- Dominik G.氏は、アイコンライブラリに対する新鮮なアプローチを発表しました。アプリケーションのバンドルサイズを削減し、すべてのSvelteアプリでIconifyライブラリ全体を使用できるようにします(5:30:04)
Kevin氏とすべてのSvelte Societyのボランティアの皆様に、素晴らしいイベントを開催していただきありがとうございます!エキサイティングなことに、Kevin氏はイベント後、Svelte Societyでフルタイムで働くことを発表しました!個々のビデオに分割されたすべての講演は、このSvelte SocietyのYouTubeプレイリストで確認できます。
Svelte Summitに関するフィードバックがある場合は、KevはSvelte subredditでフィードバックを求めています 👀
コミュニティショーケース
アプリ&サイト
- pixeldrainは、無料で使用できるファイル共有プラットフォームです
- LifeHashは、Blockchain Commonsから美しい視覚的なハッシュを生成します
- simple-cloud-musicは、最新のブラウザ向けの軽量なサードパーティのNetEaseクラウドミュージックプレーヤーです(Chromeでのみ動作する可能性があります)
- palette.rocksは、コントラストチェック機能を備えたカラーパレットジェネレーターです
- Kadiumは、YouTubeチャンネルのアップロードを把握するためのアプリです
- マルチモニター電卓は、マルチモニターセットアップを計画するためのツールです
- Your Homeは、Facebookのプライバシー設定のインタラクティブな概要です
- Svelte Crushは、キャンディークラッシュスタイルのマッチ3ゲームです
- ドイツでのコロナ死者10万件は、シュピーゲル・ゲズントハイトのために作成された視覚化です
取り組むSvelteプロジェクトを探していますか?Web上でのSvelteの存在感を向上させるお手伝いをしたいですか? Svelte SocietyのSvelteKitでの書き直しに貢献したい場合は、未解決の問題のリストを確認してください。
ビデオ、ブログ、ポッドキャスト
- Svelteライブラリの作成と公開方法
- SvelteKitはWebContainersで完全にサポートされるようになりました
- Svelteの紹介、およびSvelteとReactおよびVueの比較
- Jestを使用したSvelteアプリのテスト
- SvelteKitを使用してトースト通知ライブラリパッケージを作成する方法
- Svelteトレーニング:ここではSvelteを学ぶことができます
- Svelteアクション入門
- SvelteWeb3を使用してDAPPの作成を楽しむ
- Svelte作成者:Web開発はもっと楽しくなるべきです
- Svelte Radio:Rich Harris氏は現在、Svelteでフルタイム勤務🤯
- Web Rush:Nick Reese氏とのSvelteとElder.js
- サーバーレスRedisを使用したSvelteKitアプリケーションの構築
ライブラリ、ツール、コンポーネント
- svelte-cubedは、Svelte用のThree.jsコンポーネントライブラリです。Rich Harris氏によってSvelte Summit 2021秋季のプレゼンテーションのために作成されました
- svelte-fsmは、Svelte向けに最適化された、小さく、シンプルで、表現力豊かで、実用的な有限状態マシン(FSM)ライブラリです
- brombは、Webサイト/Webアプリ用の小さく、統合/セルフホストが容易なフィードバックウィジェットです
- Spaperは、Svelte用のPaperCSSコンポーネントのセットです
- svelte-intl-precompileは、ビルド時に翻訳を分析およびコンパイルするSvelte用のi18nライブラリです
- svelte-preprocess-svgは、Svelteコンポーネント内のインラインSVGを自動的に最適化して、パフォーマンスを向上させ、ファイルサイズを削減します
- svelte-subcomponent-preprocessorを使用すると、1つのSvelteファイル内に複数のコンポーネントを記述できます
- svelte-pdfjsは、Svelte PDFビューアコンポーネントの粗い実装です
- svelte-inviewは、要素がビューポート/親要素に出入りするのを監視するSvelteアクションです
- sveltekit-adapter-wordpress-shortcodeは、アプリをWordPressショートコードに変換するSvelteKitのアダプターです
- svelte-websocket-storeは、WebSocketバックエンドを持つSvelteストアです
- Svelte Auto Formは、柔軟性よりも使いやすさに重点を置いた、高速で楽しいフォームライブラリです。
- set-focusは、マウントされるとすぐに``または`
SvelteKitのアイデアがありますか?Svelteリポジトリの新しいGitHub Discussionsを確認してください。RedditまたはDiscordに参加することもできます。
また来年お会いしましょう!月