mmag

ハマったことメモなど

Svelte

ブログつくった

長らく放置していたブログプラットホームのリポジトリがあったんだけど、最近のご時世もあって日々の変化が少ないので、日記でも書こうかなと思って開発再開してリリースまでしました、という話です。技術的な面について書きます。 構成 まずはざっくりイメ…

Svelteコンポーネントをテストするときはテスト用コンポーネントを書くといい気がした

気がしているという程度なので話半分で。 前提 Svelteのコンポーネントをテストしたい。テストにはjestと@testing-library/svelteを使用。 本題 発端としては「Buttonコンポーネントをrenderするとslotの中身が表示される」というはじめの一歩的なものを書こ…

Svelteのstoreでバリデーションを実装する

追加 npmにpushしました。https://www.npmjs.com/package/svelte-validator 追記おわり いい感じのバリデーションのライブラリないかなーと探していたんですが自分で書ける気がしてきたのでPoC的なところまでやったやつです。 import { writable, derived } …

AtomでSvelte 3のSyntax Highlight

https://svelte.dev/docs#Component_format にもあるように*.svelteはだいたいHTMLなので、HTMLのハイライトを使うようにエディタを設定してやればよさそう。ブログに書くときもHTMLってことにすれば <script> export let name </script> <style> .p { color: purple; } </style> <p>Hello {name}</p>…