JavaScript

エラーをthrowするときに以下のように文字列を指定することもできます。

throw 'error'

しかし、この場合はスタックトレースが出力されません。

また、通常はこのような書き方はしないため ...

PHP

PHPのコードを追っているときに、継承元のクラスまでたどったのに、呼び出されたメソッドが見つからない場合があります。

そのような場合は大抵マジックメソッドの __call() が定義されています。

__call ...

TypeScript

TypeScript で watch モードにした場合、デフォルトではコンパイルの度にコンソールへ新しい出力がされます。

これにより、過去の出力が残らなくなります。

preserveWatchOutput を ...

TypeScript

ts-node を使った時だけ型エラーになってしまう場合は、コマンドに –files を追加して解消するかを確認してみてください。

tsconfig へ files: true を追加する方法でもOKです。

TypeScript

TypeScript で、型が持つプロパティ数が多い場合に、エラーメッセージに表示される型が省略されて表示されます。

これはデフォルトの動作ですが、noErrorTruncation を true にすることで型のすべてを ...

React

Next.jsで.envに定義した定数をクライアントサイドのコードで参照する場合は、NEXT_PUBLIC_ というプレフィックスを付ける必要があります。

NEXT_PUBLIC_HOGE=HOGE

またもう一つの落とし穴と ...

HTML/CSS, JavaScript

Google map を開いて、地点を指定した後に画面左側の「共有」アイコンから「地図を埋め込む」を選択すると、iframe のコードが表示されるので、それをWebサイトに張り付けるだけで簡単にGoogle mapをあなたのサイトに表 ...

HTML/CSS

以下のようなHTMLがあるとします。

文字列はそのままで、グレーの部分だけを透過させたい場合は、グレーの部分に透過を適用します。

background-color に rgba を指定し、四つ目の値を1以下にし ...

HTML/CSS

HTML要素を並べる手段として、float と flex があります。

現在では flex を使うのが一般的ですが、float を使わないとできないことがあります。

それがテキストの回りこみです。

< ...

システム開発, プログラミング入門

Web Vitals には INP という新しい指標が試験的に存在しています。

INPは Interaction to Next Paint の略です。

これは、ユーザーの操作に対して視覚的な反映がどれくらい遅 ...