JavaScript アンチパターン エラーの throw
エラーをthrowするときに以下のように文字列を指定することもできます。
throw 'error'しかし、この場合はスタックトレースが出力されません。
また、通常はこのような書き方はしないため ...
PHP __call() について
PHPのコードを追っているときに、継承元のクラスまでたどったのに、呼び出されたメソッドが見つからない場合があります。
そのような場合は大抵マジックメソッドの __call() が定義されています。
__call ...
TypeScript watch モードの出力の履歴を残す方法
TypeScript で watch モードにした場合、デフォルトではコンパイルの度にコンソールへ新しい出力がされます。
これにより、過去の出力が残らなくなります。
preserveWatchOutput を ...
ts-node を使った時に型エラーになった場合の対応方法
ts-node を使った時だけ型エラーになってしまう場合は、コマンドに –files を追加して解消するかを確認してみてください。
tsconfig へ files: true を追加する方法でもOKです。
TypeScript 型のプロパティ数が多い時に省略されて表示されてしまう
TypeScript で、型が持つプロパティ数が多い場合に、エラーメッセージに表示される型が省略されて表示されます。
これはデフォルトの動作ですが、noErrorTruncation を true にすることで型のすべてを ...
Next.jsで.envから定数を読めないときに確認するポイント
Next.jsで.envに定義した定数をクライアントサイドのコードで参照する場合は、NEXT_PUBLIC_ というプレフィックスを付ける必要があります。
NEXT_PUBLIC_HOGE=HOGEまたもう一つの落とし穴と ...
Google map の無料埋め込みだとストリートビューが使えない
Google map を開いて、地点を指定した後に画面左側の「共有」アイコンから「地図を埋め込む」を選択すると、iframe のコードが表示されるので、それをWebサイトに張り付けるだけで簡単にGoogle mapをあなたのサイトに表 ...
CSS 背景色だけ透過させる方法
以下のようなHTMLがあるとします。
文字列はそのままで、グレーの部分だけを透過させたい場合は、グレーの部分に透過を適用します。
background-color に rgba を指定し、四つ目の値を1以下にし ...
float と flex どちらを使うか
HTML要素を並べる手段として、float と flex があります。
現在では flex を使うのが一般的ですが、float を使わないとできないことがあります。
それがテキストの回りこみです。
< ...
Web Vitals の INP
Web Vitals には INP という新しい指標が試験的に存在しています。
INPは Interaction to Next Paint の略です。
これは、ユーザーの操作に対して視覚的な反映がどれくらい遅 ...









