You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
先週末にブログを作りました。 元々あったブログが、環境構築が重かったり依存関係直すのがしんどくなっていたので、もっと小さいブログを作ろうと思い立ちました。 自分は普段フロントエンド書かないので、日曜大工という感じで不慣れながら作ってみて面白かったので今回作ったブログを紹介します。 ブログ:https://ahus.uk/blog これはfaviconに設定してある雅な椀に乗ってるお饅頭のドット絵です 欲しい機能 自分が考えていた最低限欲しい機能を考えていました。 markdownで記事を書ける 元々markdownでブログを書いていたので、移行を楽にするためにもmarkdownで記事を書けるようにしたいです。 ブログ更新するときはmarkdown以外触りたくない markdownだけ書けば記事が更新できるようにしたいですね。 静的なサイトにしたい 静的なサイトにした方が速度やコストやセキュ
Open Neovim From Your Browser - Integrating nvim with Svelte’s Inspector Let’s say you’re doing some web development and you notice that one button you haven’t touched in years has a slight contrast issue. Searching for the relevant component could literally cost you seconds and just thinking about searching for it in your codebase gives you major anxiety? What if I told you, you can just click th
In 2019, Svelte 3 turned JavaScript into a reactive language. Svelte is a web UI framework that uses a compiler to turn declarative component code like this... <script> let count = 0; function increment() { count += 1; } </script> <button on:click={increment}> clicks: {count} </button><script lang="ts"> let count = 0; function increment() { count += 1; } </script> <button on:click={increment}> cli
For English speakers: I've published the English version of this article, which I translated and combined with the last article in Japanese to reedit. 先ほど、前回紹介した、Svelte用の状態管理ライブラリー、svelte-store-treeの新しいバージョン(v0.3.1)をリリースしました: svelte-store-tree - npm このバージョンでは、APIをSolid.jsのstoreという機能を参考に、ガラッと変更してより使いやすくしました。そこでこの記事では、新しくなったAPIを紹介するとともに、類似のライブラリーとして参考にした、Solid.jsのstoreと比較したいと思います。それを通じて、Svelteのstore
先日、Svelte用の状態管理ライブラリーをリリースしました: svelte-store-tree - npm 名前の通り、Svelteのstoreという機能について、tree、すなわち木のように入れ子の構造を扱いやすくするメソッドを加えたものです[1]。現在お仕事のアプリケーションで扱っている、複雑な木構造をなるべく素直に扱えるようにするために開発しました。 使い方の例 以降では、こちらで動かせるサンプルアプリにおける、以下のような型を扱います: export type Tree = string | undefined | KeyValue | Tree[]; export type KeyValue = { key: string; value: string; }; いろいろな値を取り得る、再帰的な構造になっていますね。 なお、このサンプルアプリのコードはGitHubにも置いている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く