Next.jsでUIを実装していると、以下のエラーが出た。
Hydration failed because the initial UI does not match what was rendered on the server.
マークアップがおかしい時に出るみたい。
自分の場合は、aタグの中にaタグを入れてしまってた。
リンク要素が入れ子になっている場合、どちらかをbutton要素にしてonclickで処理することで回避した。
【Docker・MySQL】DockerコンテナのMySQLにSQLクライアントツールから接続する
これまで、Sequel Proというホットケーキみたいなアイコンのツールを使ってた。 が、新しい案件で使おうとしたら、こんな感じのエラーが出てうまくいかなかった。
Sequel Pro encountered an unexpected error. To help us fix the problem, please send us this feedback report. Click Details to see what information is sent to us.
MySQLのバージョンが8だとうまくいかないらしい。
Sequel Ace を使ったらうまく行った。
docker-compose.ymlに記載のユーザー名とパスワードをいれたら起動するはず
【React】JSXで特定の条件において、classNameを追加したい時
こんな感じで書けばOK
<div className={`title ${isActive ? 'is-active' : ''}`}>
【JavaScript】配列操作【ES6】
map, forEach, filter, find, reduceあたりを使って、配列操作をすることが多く、都度ググることが多いけど、個人的によく使うのをメモしていく。
filter
- 指定した値に一致するものを削除
const arr = ['a', 'b'] const deleteValue = 'a' const result = arr.filter((v) => v !== deleteValue) console.log(result) // ['b']
reduce
- 合計計算（一般配列）
const array = [1, 2, 3, 4]; const sum = array.reduce((accumulator, current) => accumulator + current); console.log(sum); // 10
- 合計計算（連想配列）
const items = [ { id: 1, name: "a", price: 100 }, { id: 2, name: "b", price: 200 }, { id: 3, name: "c", price: 300 }, ]; const total = items.reduce((sum, i) => sum + i.price, 0); console.log(total); // 600
【冷食弁当】ニチレイ ウーディッシュ バラエティ12食コース 頼んでみた感想
こちら頼んでみたので、感想書いてみる。
ニチレイ ウーディッシュ 冷凍弁当 12食セット ごはん付 主食付 宅配弁当 おかず
 | 価格:8,388円 |
内容はこんな感じで、低カロリーでも、うまそうなメニューばかり。
- ウーディッシュ カルボナーラと白身魚のトマトソース(346kcal)
- ウーディッシュ グリルドハンバーグデミグラスソース(367kcal)
- ウーディッシュ えびドリア（五穀入り）(313kcal)
- ウーディッシュ カツ煮風(364kcal)
- ウーディッシュ 和ごはんと豆腐のひき肉包み揚げ(313kcal)
- ウーディッシュ ボロネーゼとチーズリゾット風(327kcal)
- ウーディッシュ 黒酢の酢豚と担々麺風(308kcal)
- ウーディッシュ 焼肉と五穀のビビンバ(255kcal)
- ウーディッシュ ひよこ豆と大豆のカレー(360kcal)
- ウーディッシュ 彩り野菜の回鍋肉(301kcal)
- ウーディッシュ だし炊きごはんと揚げ鶏(333kcal)
- ウーディッシュ ハヤシビーフ(331kcal)
ニチレイ ウーディッシュのサイズ
冷凍庫にどれくらい入るのか気になる一個あたりのサイズは、おおよそ、 横25cm * 奥行き11cm * 厚み4cm だった。
このアイリスオーヤマの冷凍庫の一番上の引き出しに9個、一番下の引き出しに3個入れて収納できた。 真ん中のは他のを入れてるんで、真ん中も活用したら、20食コースでも問題なく収納できる。
アイリスオーヤマ 冷凍庫 60L IUSD-6B-B
 | 価格:22,800円 |
1個食べてみた
だし炊きごはんと揚げ鶏
だし炊きごはんと揚げ鶏も美味しかったし、なすの煮浸しみたいのも美味かった！ これで333kcalはとは思えない。満足感あった。 お味噌汁と一緒に食べるのがおすすめ。
ダイエット目的に購入する人多いのも頷ける。
あと、メニューごとに栄養価やレビューも公式サイトに掲載されているとこもポイント高い。
ニチレイ ウーディッシュのラインナップ
7食、12食、20食、30食がある。 20食以上から、魚メニューがあるようなんで、今度は20食のを注文しようと思う。
ニチレイ ウーディッシュ 冷凍弁当 30食セット ごはん付 主食付 宅配弁当 おかず
 | 価格:20,970円 |
ニチレイ ウーディッシュ 冷凍弁当 20食セット ごはん付 主食付 宅配弁当 おかず
 | 価格:13,980円 |
ニチレイ ウーディッシュ 冷凍弁当 7食セット ごはん付 主食付 宅配弁当 おかず
 | 価格:4,893円 |
【冷凍食品】ニップン よくばり御膳シリーズ
前回記事（https://bnsgt.hatenablog.com/entry/2022/08/29/185343）で書いた通り、9月から忙しくなるんで冷凍食品買い溜めるべく、フリーザーとオーブンレンジを購入した。
サブスクリプションの冷凍弁当も検討したけど、定期的に宅配業者くるのも鬱陶しい（冷凍なんで宅配ボックスに入れることもできないし）んで、近所の西友に「ニップン よくばり御膳シリーズ」の冷凍弁当が売ってるので、よく購入している。
一番最近購入したのは、「ニップン よくばり御膳 五穀梅ご飯と彩り野菜とバジルチキン」で、ちゃんと食べ応えあるのに、野菜多く378kcalと控えめなんで、とってもヘルシー。
忙しい人やストック用にめちゃくちゃおすすめ。
弁当に汁物があったら満足感高い。
インスタントのやつを色々バリエーション買い溜めして、一緒に食べている。
具沢山の味噌汁って、カップタイプのやつだと高いけど、
こういうシンプルなやつに、
こういうフリーズドライの味噌具を買っておくと、
めちゃくちゃ満足感のあるコスパ良い具だくさん味噌汁の出来上がり。
ポタージュも数種類買い込んでるんで死角なし
