JavaScript

最近気づいたasync/awaitの使いどころ

最近気づいたこと 「わざわざasync関数作るのめんどくさいし、ネストが浅いなら、async/await使うより素直にthen書いた方がよくない?」とか思ってたんだけどネスト浅くてもAPIの要請で自分でPromise返すような関数書かなきゃならないときとか断然asyncで書…

Next.js+FirebaseでレスポンシブにInstagram風に画像一覧表示

Insta風画像一覧 前回、 React+Next.js+TypeScript+firebaseで画像アップローダを作った - あおいろメモ で画像アップローダを作ったので、今回は画像一覧表示を作った。 ストレージ FireabaseのFirestoreを使った。 Firestore内のデータ一覧をlistAll()で取…

React+Next.js+TypeScript+firebaseで画像アップローダを作った

前回、React+Next.js+firebaseで画像アップローダを作りました。 React+Next.js+firebaseで画像アップローダを作った - あおいろメモ 今回はこれをTypeScriptで書いてみます。 こんな超シンプルなアップローダができます 画像アップローダ 前回同様、firebas…

無名関数とアロー関数のthisについて

要約 JSの普通の関数(名前あり関数)、無名関数内のthisは関数の呼び出し元(.(ドット)の前のオブジェクト) 普通の関係、無名関数はbindを使えばthisを書き換えられる。 アロー関数のthisは宣言元のthisを示す。 本文 Java Script、jQueryについて引き続き勉強…