はてなブックマーク

creareRefを使ってrefを要素分つくるのが良いみたいです。 import { createRef, useRef } from 'react'; const list = ['🐭', '🐮', '🐯']; export default function Indexpage() { const listRefs = useRef([]); list.forEach((_, i) => { listRefs.current[i] = createRef(); }); return ( <ol> { list.map((item, i) => { return ( <li key={ i } ref={ listRefs.current[i] }>{ item }</li> ); }) } </ol> ); } ポイントはこの部分、 list.forEach((_, i) => {

もろもろ、調べた結果、 /[^\x01-\x7E\uFF61-\uFF9F]/ この正規表現にマッチすれば、全角文字という結論に達しました。 1バイトの文字と半角カタカナ以外を全角文字と定義した書き方です。 /^[^\x01-\x7E\uFF61-\uFF9F]+$/.test('あいうえお'); // => true /^[^\x01-\x7E\uFF61-\uFF9F]+$/.test('ｱｲｳｴｵ'); // => false

String.prototype.localeCompare という非常に便利なメソッドを発見しました。引数に'ja'を渡しつつ、Array.prototype.sortと組み合わせることで、日本語を五十音順にソートすることができるようです。 developer.mozilla.org [ 'オギノ', 'マーティン', 'ナカムラ', 'レアード', 'カクナカ', 'イノウエ', 'フジオカ', 'サトウ', 'イワシタ' ].sort((a, b) => a.localeCompare(b), 'ja'); // => ['イノウエ', 'イワシタ', 'オギノ', 'カクナカ', 'サトウ', 'ナカムラ', 'フジオカ', 'マーティン', 'レアード'] すべてが、ひらがな、カタカナで統一されていれば五十音順にソートしてくれます。 [ 'おぎの', 'マーティン', 'なかむら

vercel.com VercelにBasic認証をかけることに成功したので手順をメモしておきます。 ❶ ホスティングしたいファイルをpublicディレクトリに入れる ❷ プロジェクトルートにapp.jsをつくる app.js const protect = require('static-auth'); const safeCompare = require('safe-compare'); const USER_NAME = 'user'; const PASSWORD = 'password'; const app = protect( '/', (username, password) => { return safeCompare(username, USER_NAME) && safeCompare(password, PASSWORD) }, { directory: `${