Node.js

インストール https://nodejs.org/ja/download/

クローン

git clone repository_path

プロジェクトを作成

https://kit.svelte.jp/docs

cd {DEVELOPMENT_PATH}
npm create svelte@latest {PROJECT_NAME}
? Template > Skelton project
? Use TypeScript > Yes
? Add ESLint for code linting > Yes
? Add Prettier for code formatting > Yes
? Add Playwright for browser testing? > Yes
cd {PROJECT_NAME}
npm i
npm run dev -- --open

参考
https://joyofcode.xyz/sveltekit-authentication-using-cookies

SvelteKit - use:enhance
https://kit.svelte.dev/docs/form-actions#progressive-enhancement-use-enhance

• 「Googleでログイン」を実装する。
• ログインページで、自動ログインを行う。
• ログインページ以外で、ワンタッププロンプトを表示する。

https://developers.google.com/identity/gsi/web/guides/overview?authuser=1

• 登録画面は、email のみの入力にする。
• ログイン画面は email のみの入力にする。
• bcrypt をアンインストールする。
• ログインページでPINコード発行を行う。
• PINコードをメールで送信する。
• PINコード入力画面を作成する。
• PINコードの確認を行う。
• PINコードの有効期限を確認する。
• PINコード認証が終わったらログインを行う。
• PINコードが利用されたら削除する。
• 登録時にPINコード認証を付ける。
• 登録時にすでにユーザーが存在していたら、login として扱う。
• ログイン時にユーザーが存在していなければ、新規登録として扱う。
• ログイン前ページヘのリダイレクトを行う。

概要

• 同一アカウントでのマルチログインに対応する。
• セッションの有効期限をデータベースと cookies の両方に持つようする。
• セッションとPINコードの有効期限間隔はデータベースで持つようにする。
• 不要なセッションを破棄するようにする。

データベース対応

• AuthToken の有効秒数をデータベースで設定する。
• AuthToken テーブルの user_id について、一意制約を外す。
• AuthToken テーブルの updated_at に index を指定する。

ログイン

• AuthToken を Insert する。
• 有効期限切れ AuthToken を破棄する。

AuthToken 確認

• 最終アクセス時に、updated_at を更新する。
• Cookie の期限を変更する。
• update_at の日時を見て有効期限を判定する。

ログアウト

• 現在の AuthToken を破棄する。

• 他の package を参考にする。
• README.md を書き換える。
• プロジェクト名に example をつける。

• routes
• code
• database

User Registration
https://joyofcode.xyz/sveltekit-authentication-using-cookies

Anatomy of an action
https://kit.svelte.dev/docs/form-actions#anatomy-of-an-action

SvelteKit - Form Actions
https://kit.svelte.dev/docs/form-actions

インストール

npm i nodemailer
npm i --save-dev @types/nodemailer

• ラベルを作成する
• リリースノートを作成する

GitHub changelog 自動生成

• https://developer.twitter.com/ja/docs/authentication/guides/log-in-with-twitter
• Twitter API SDK for TypeScript