プログラミング/svelte の履歴(No.27)
更新- 履歴一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- プログラミング/svelte へ行く。
svelte や svelte kit を使いこなしたい†
svelte や svelte kit は Web サイト構築用のライブラリ
Visual Studio Code を最大限活用するために作られた最新のエコシステムの恩恵を受けるために勉強してみよう
以下で学ぶこと:
- データベースの使い方を学ぶ (Prisma)
- フォームのバリデーション (SuperForms, Zod)
- サインアップ・ログイン・ログアウトのできる認証機能 (Lucia)
- その際にメールアドレスの確認を行う (nodemailer)
- css ライブラリを選定する (TailwindCSS, DaisyUI, svelte-french-toast)
- デプロイ方法を学ぶ (node build)
- テストを書く (Playwright, vitest)
目次†
いろいろ読んで勉強中†
- SvelteKit+Superforms+Prisma+Luciaでログイン機能を爆速で実装する
https://zenn.dev/gawarago/articles/f75f5113a3803d - SvelteKitが正式リリースされたのでtRPCとPrismaを使ってWebアプリを開発してみた
https://zenn.dev/kosei28/articles/d965f221a656fd - Vitest / Playwrightを使ってSvelteのコンポーネントをテストする
https://qiita.com/oekazuma/items/925ddbf48870fb999c19#vitest%E3%81%A8%E3%81%AF - TypeScript 4.9のas const satisfiesが便利。型チェックとwidening防止を同時に行う
https://zenn.dev/moneyforward/articles/typescript-as-const-satisfies - コーディング不要でGraphQLサーバが作れるPrismaを触ってみて可能性を感じた - SMARTCAMP Engineer Blog
https://tech.smartcamp.co.jp/entry/started-prisma - worst password list
https://github.com/danielmiessler/SecLists/blob/master/Passwords/Common-Credentials/10-million-password-list-top-100000.txt - 5歳娘「パパ、余分なpropsいっぱい書くんだね!」
https://qiita.com/Yametaro/items/814f40d08e9d30584e20#5%E6%AD%B3%E5%A8%98%E3%83%91%E3%83%91%E4%BD%99%E5%88%86%E3%81%AAprops%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%E6%9B%B8%E3%81%8F%E3%82%93%E3%81%A0%E3%81%AD
いよいよやってみる†
ここでの作業内容を収めた GitHub プロジェクト:
https://github.com/osamutake/svelte-authtest
関係ないけどメモ†
オブジェクトからプロパティを取り除いたものを返す†
これでいいのか?
LANG: ts function removeProperties<T>(obj: T, ...keys: (keyof T)[]) { const result = {} as Partial<T>; Object.getOwnPropertyNames(obj).forEach((k) => { if (!keys.includes(k)) result[k as keyof T] = obj[k as keyof T]; }); return result; }
Counter: 1469 (from 2010/06/03),
today: 3,
yesterday: 5