Svelteでドラッグ&ドロップでファイル選択できるinput要素を作った

以前ドラッグ&ドロップでファイル選択できるinput要素をVue.jsで作りました。それを今度はSvelteに書き直してみました。ついでに得た知見も披露します。

ドラッグ&ドロップでファイル選択できるinput要素

ドラッグ&ドロップで選択できるコンポーネントはよく使いたくなりますよね。今回はそんなコンポーネントをVueで作ってみました。

Vueでコンポーネントを作る時の知見

Vueでコンポーネントを作る時、意外といろいろな方法があります。そのため、毎回調べてしまうので記事にまとめてみました。

全体の流れ

1. component.vueを書く
2. app.jsでcomponent.vueを読み込む
3. rollupでapp.jsを変換(dist/main.jsとする)
4. vue.jsとdist/main.jsを読み込む

Vimの置換モードの有効活用方法を発見しました

置換モードといえばいらない子として有名です。しかし、この度置換モードが活躍するシーンを発見しました。

asyncキーワードはなぜ生まれたのか？

みなさんasync/await使っていますか？とても便利な機能ですよね。しかし、ふとこんな疑問をいだきませんか？「これ、なんでわざわざasync関数を導入したんだろう」と。

そうです。awaitさえ実装していれば、機能的に既存の関数で十分に対応ができたはずなのです。一体どうしてasync関数が導入されたのでしょうか？今回はそこを考えてみました。