太陽光発電 後付の太陽光発電と蓄電池を設置してみた感想
2023年10月に太陽光と蓄電を設置しました。
導入費用と実際何年くらいで元がとれるのかを実際の数値を参考にしながら解説しようと思います。
太陽光パネル5.4Kw蓄電池(オムロン)9.8Kw
導入費用
結論...
太陽光発電 
React JavaScript の関数の引数はオブジェクトがいいのか？
JavaScriptで関数を定義する際の大きな選択の一つは、引数をどのように取るかです。特に、多くの引数を取る関数やコンポーネントでは、直接の引数リストとして取るのか、オブジェクトとして一つにまとめて取るのか、その選択は重要です。それでは...
firebase vs code(Visual Studio Code) で拡張機能を使用して特定の文字列のみ色を変える
vs code(Visual Studio Code) で特定の文字列のみ色を変える方法を解説します。
背景としては、.envへSlackからコードをコピペしたさいに「"」が「”」で記述されてしまい、firebase へ接続...
React React で音声認識機能を実装する
Reactで利用できる音声認識ライブラリreact-speech-recognition を使用して音声認識機能を作成していきます。
使用するライブラリのインストール
npm install --save react-...
CSS input の日付入力(カレンダー)を編集してオリジナルにする(firefox 対応)
input タグの type='date' のクリック範囲を拡大してカレンダーのアイコンをオリジナルに変える方法を解説します。
firefox で反映されないことがあるので、プレフィックスをちゃんと付けましょう！
コー...
WordPress safari で aspect-ratio を指定したら、高さ出ない
slickでaspect-ratioをしてしたが、safari で高さがでずに表示崩れが発生した。ちなみに、Chromeでは問題なく表示された。
結論：height を指定すればいい
imgタグをfigureで囲ってい...
WordPress WordPressでカスタムフィールドで設定した値が取得できない
カスタムフィールドで値を設定して、各投稿で取得しようとしたが、取得できない…
まずは取得するコードを確認
<?php the_field('good_counter'); ?>
取得す...
WordPress WordPressでカスタムフィールドで選択した記事を表示させる
要件
カスタム投稿とカスタムフィールドで特定の記事をユーザー側で簡単に選択できるようにして、それをスライダーに追加したり、関連記事として表示させる場合の実装方法。
カスタム投稿とカスタムフィールドの設定
カスタム投稿を作...
TypeScript TypeScript
組み込み関数(record)
type SmallRecord = Record< "a"|"b"|"c" , string >
const small: S...
Next.js Next.js SSG,SSR,ISR,GetStaticPaths
SSG
ビルド時にDOMを生成する。(事前生成、プレレンダリング)
SSR
Propsによって変更があるときなど、サーバーサイドで都度(読み込みのたび)レンダリングする
ISR
revalid...