うら紙のメモ

指定した要素の横幅のサイズを取得したい場合のカスタムフック。
※ heightにすれば高さも取得が可能

Custom hook

const useElementWidth = (targetElement: RefObject) => {
  const [width, setWidth] = useState(0);

  useEffect(() => {
    const handleResize = () => {
      if (targetElement?.current) {
        const { width } = targetElement.current.getBoundingClientRect()
        setWidth(width)
      }
    }
    window.addEventListener('resize', handleResize)
    handleResize()
    return () => window.removeEventListener('resize', handleResize)
  }, [])

  return width
}

window resize イベントのリスナーをセットしたのは、ブラウザのウインドウサイズを変更した時に動的に要素の幅も再計算されるようにするため。

使用する側

const Sample = () => {
  const targetElement = useRef(null);
  const width = useElementWidth(targetElement)

  useEffect(() => {
    console.log(width)
  }, [width])

  return (
    

      xxxxx
    

  )

配列のサイズをチェックする場合は、ビルトイン関数の len を使用する。

len(リスト)

>>> data = ['a', 'b', 'c']
>>> len(data)
3

>>> data2 = [1, 2, 3, 4]
>>> len(data2)
4

val.lengh()とか val.size() のようにして取得することはできない。

>>> data.length()
Traceback (most recent call last):
  File "", line 1, in 
AttributeError: 'list' object has no attribute 'length'

>>> data.size()
Traceback (most recent call last):
  File "", line 1, in 
AttributeError: 'list' object has no attribute 'size'

MySQLでテーブルにインデックスが貼られているか確認する方法

show index from {テーブル名};

と打ち込む。

そうすると、以下のように表示される。

ソースコードの修正をパッチファイルにしたいとき、以下のように git diff コマンドでパッチを作成するが、新規追加したファイルが patch ファイルに含まれていないことに気づいた。

git diff > hogehoge.patch

git status で状態を確認すると以下のような状態。

$ git status
On branch work
Untracked files:
  (use "git add ..." to include in what will be committed)
        hogehoge.txt

git add -N hogehoge.txt

"-N" オプション!!
これで、git diff で差分として表示されるようになる。
status を確認すると以下のようになっている。

$ git status
On branch work
Changes not staged for commit:
  (use "git add ..." to update what will be committed)
  (use "git restore ..." to discard changes in working directory)
        new file:   hogehoge.txt

あとは、git diff > hogehoge.patch でファイルに出力すれば、新規追加ファイルの内容もパッチファイルに出力することができる。

最近、文字を入力時の変換候補の表示がなんかおかしい。
今までは、期待する変換候補がすぐ出たのに、変な候補が出てくる。

ということで、変換の学習機能をリセットしてみました！

【手順】
環境設定を起動して、「キーボード」を選択する。



「入力ソース」のタブを選択して、日本語を選択し、下までスクロールすると変換学習のリセットボタンがあるので、ボタンをクリック。



確認ダイアログが表示されるので、「リセット」を押下。



これで、文字の変換機能がリセットされて、以前のように期待した変換候補が表示されるようになりました！！