Svelte Japan Offline Meetup #2
https://gyazo.com/ed970747d5fdc34bfa4dde5adb7bc2cb
https://svelte-jp.connpass.com/event/308267/
2024-02-21
Youtube.icon https://www.youtube.com/watch?v=R1aICNjAi_g
KenjiroKubota
DMARCレポート可視化ツールを SvelteKitで作った話 - Speaker Deck
GitHub - kubotak-is/smtp-dmarc: Application to capture and view DMARC reports
株式会社M&Aクラウド
DMARC対応お疲れ様です
Fromメール送信におけるセキュリティ
SPF
DKIM
DMARC
Fromで利用されたドメインをチェックする
認証の強化
SFP・DKIMのチェック
アライメント(整合性)の確認
Fromドメインとの整合
ポリシー適応
SFP・DKIMのどちらかあるいは合格しアライメントの要件を満たしていると合格
ポリシー
none
quarantine
rejec
TXTレコードでDNSに追加
レポート機能
zip化されたXMLが送られる
収集・解析・ビジュアライズするSaaSがある
これをSvelteKitで作った
ARC
なぜレポートを見る必要があるのか
noneのままだと効果なし
認証失敗したのは隔離や破棄してもらいたい
レポートを見ずにポリシーを変えるのはよくない
SvelteKitのSSR
メールの抽出
imapライブラリ
レポートのメールをもらってくる
zlibやadm-zipで解凍
XMLをJSON化してmongoDBに保存
hooksからMonogoDBClientを注入
ライブラリ
Skeleton UI
Tailwind CSS
Apache ECharts
可視化してみて
DMARCとしてアライアンスがFAILするパターンを発見
メールサーバーの設定で適切にHeader Formと一致するようにしようという話
困ったこと
Biomeは対応してない
Bunでエラーが分かりづらかった
mongoDBのインデックスプラクティスがわからない
takapi327
Svelte5でのevent受け渡し in Svelte Japan Offline Meetup #2 | PPT
株式会社Nextbeat
なぜこのテーマ?
UIライブラリ開発がしんどかった
汎用的につくる必要がある
イベント受け渡しをライブラリ側でがんばる
使っていた機能がSvelte4で非推奨になった
Svelte5
非推奨になってた機能がなくなったので作り直す
割と楽になってた
Svelte3, 4でのeventの受け渡し
on:ディレクティブで渡してた
子から親に伝搬する必要がある
createEventDispatcherでdispathを作成
関数も渡せる
on:で渡さずにイベントだけ登録して親で使用する場合
運用が大変?
使用したイベントはすべて記載する
ユーザがどのように使うかがよくわかってない
forwardやdispathが複雑になる
条件判定のフラグでスーパーコンポーネントになると改修できなくなる…
汎用的に作る
特定のイベントしか使えないようにはしたくなかった
SvelteCompontの$onをラップしてイベントを渡す処理を作っていた
$on関数をオーバーライドしてバインドする
Svelteの内部構造を理解しないと大変
Svelte5では?
on:=>onxxxになった
イベントハンドラとpropsを区別するようにしてたが結果として複雑になった
$props
export letの代わり
イベントハンドラも渡せるようになった
イベントハンドラごとに用意する必要はなくなった
コンポーネント内で必要なものだけを使えば良い
触ってみて
複雑になりそうな懸念があった
むしろ楽になった
Svelteがかければ誰でも保守できるライブラリになるのでは?!
yamanoku
Svelte Accessibility Warning - Google Slides
Svelte Accessibility warnings 補足資料(2024-02-21)
Kawai
SvelteKitのルーティングの小技
株式会社Nextbeat
Scala + Play framework => SvelteKit, TypeScript
モバイルアプリもSvelteで書いている
KIDSNA STYLEのリニューアルで対応
ファイルシステムべースルーティングが一番大変だった
既存のパス設定が楽じゃなかった
高度なルーティング
groupを利用
Optional parametersを利用
クエリパラメータだと旨味がないテクニックかも
パスが荒れがちなところに活用できそう
takanori
Threlte を紹介!
https://docs.google.com/presentation/d/1-LYLSFOxgg7zzILJJ8qro3Qy1Wu_Yw1Lu348F09GXaw/edit?usp=sharing
GitHub - threlte/threlte: 3D framework for Svelte
Svelte で3D表示を行うライブラリ Threlte #1: パッケージの作成とライブラリ概要 #TypeScript - Qiita
Svelte Japan Offline Meetup