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

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

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

このサイト参考にアップロードサイト作成中 How to do image upload with firebase in react. ただ、firebaseの認証等は、「react.js&next.js超入門 第2版」を参考に、 components/fire.jsに保存 //App.js // このサイト参考にアップロードサイト作成中 // h…

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

Java Script、jQuery勉強中なのでそれについてのメモ。 Java Scriptでは長く書かなければいけないことがjQueryの場合シンプルにかけることを知った。 div要素のbgcolorをconsole.logに表示するスクリプト。 Java Scriptで書いた場合とjQueryで書いた場合を比…