10/10 記録

note模写プロジェクトのAtoms作成

note模写プロジェクトの続きを行った。

Atomsを少し追加しただけなので進捗はあまりない

note模写プロジェクトにStorybookを導入した。

画像を動的に変更するためにpropsを用いて画像のパスを変更しようと試みたが、エラーを吐いていてそこで停止中。

Windowsを入れなおしたので環境を再構築した。

docker上でnote模写プロジェクトの環境を構築したが、yarnした際にbabelでエラーを吐いた

上のエラーは下のコマンドでどうにかなる

yarn --no-bin-links

今度はコマンドが見つからないというエラーがでた。原因は不明

今回はイベントについて勉強した。

mouseoverとmouseoutはパブリングが発生するイベント

パブリングはある要素で発生したイベントが親要素や先祖要素に伝わること

DOMContentLoadedはscriptにdefer属性がついているときはHTML解析後に実行されるので指定しなくていい

event.clientXとかevnet.offsetXとか使う

左上が基準でX座標とY座標を指定できる

関数についてMDNを少し見た際に知ったこと

関数宣言した関数は巻き上げられるが、無名関数は巻き上げられない

例

test(); // console.log('test')

function test() {
  console.log('test');
}

test(); // エラー

const test = () => {
  console.log('test');
}

Javascriptコードレシピ集