svelte

前回環境構築を行いましたが、今回からは簡単なWebアプリケーションをSvelteで作成していきたいと思います。

作るのはひまわりの生育を記録するアプリです。

機能

まずは、以下の最低限の機能を実装していきます。

JavaScript, TypeScript

Array.prototype.find は undefined を返す可能性がありますが、必ずundefined以外の値が変えることを期待したいことがあります。(配列の中に、探したいものが必ずあるケース)

この場合は、f ...

JavaScript, プログラミング入門

Promiseのcatchで、共通の処理を行い時場合にカスタマイズされたcatchを追加してみました。

myCatch という関数を追加しています。

myCatch は、渡されたハンドラーを実行するとともに、共 ...

svelte

ReactやVueの次に流行るかもしれないSvelteの開発環境の構築方法です。

インストール

以下のコマンドを実行します。これだけでsvelteプロジェクトに必要なテンプレートがmy-svelteディレクトリにコピーされま ...

JavaScript, プログラミング入門

Webpackを使うとJSファイルを一つのファイルにバンドルできますが、圧縮されたファイルなのでエラーが発生したときはどこでエラーが発生したかを調査するのが難しくなります。

ソースマップとは変換後のコードと変換前のコードを ...

JavaScript, プログラミング入門

console.time を使用することで処理時間を計測することができます。

console.time('hoge')alert('1回目のアラート')console.timeLog('h ...

JavaScript

effectAllowedで設定した値がdropEffectで設定した値と噛み合うときにのみdropイベントが発生します。

以下の例ではdragstart時にeffectAllowedにmoveを指定しています。

人生

料理はトマトパスタしかできないのですが、そのパスタをつくるときにバジルが必要なので、庭で育てています。

バジルの葉を収穫したらラップに包んで冷凍しておくと良いです。

今回はバジルの種から育てることにしました。

人生

私のビックひまわりもだいぶ大きくなりました。草丈が50cmくらいです。

しかし、最近蟻がよくたかるようになりました。

ひまわりに蟻がたかるのはアブラムシの蜜を求めて来るためです。

つまり、ひまわりの ...

人生

菜園の害虫対策ですが、マリーゴールドの花を撒いておくと良いことがわかりました。

マリーゴールドは春から秋にかけて長い間咲いているので、花が萎れてきたら栄養を節約するためにもぎって、それを土に撒いておくと良いです。