はてなブックマーク

Node.jsで普通にimportを使おうとすると、 SyntaxError: Cannot use import statement outside a module と怒られます。 いままではおとなしくrequireを使ってきましたが、世間はもう2021年。子供の頃思い描いていた未来です。 そう。流石にimportを使いたいので、ヒントを探していたところ、 Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. 一緒にこんなメッセージが表示されていることに気づきました。 どうやら2つ解決策があるようです。 ❶ package.jsonに"type": "module"を追加する package.json { "type": "module" }

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: `${