カテゴリ：JavaScript：記事一覧

JSON-LDは検索エンジンへWebページの情報を伝えることを目的とした構造化データ形式です。 多くのWebサイトで導入されているので、Next.jsが生成したページにも出力したいですね。 そこで今回は、Next.jsが […]

Reactでプログラミングしていると時々SSGという言葉を耳にします。 そこで調べてみるとなぜかNext.jsに話題が飛んでしまい、面倒になって思考停止してました。 最近になってようやく思考停止しなくなったので、Next […]

ブラウザ上でふわっと現れて少し経つとふわっと消えていく通知メッセージを、よく見るようになりました。 このようなメッセージをToastと呼びます。 画面の端や中央に突然出てくる様子がトースターから飛び出すパンに似ているから […]

ReactのrenderToPipeableStream()は、コンポーネントのレンダリング結果をNode.jsストリームに出力する関数です。 前回、ReactでのSSR(サーバーサイドレンダリング）/CSR(クライアン […]

Reactはブラウザ上で動作するJavaScriptライブラリです。 ですが、Reactはサーバー上でも動作します。 ブラウザでのレンダリングはCSR(クライアントサイドレンダリング)と呼ばれています。 一方、サーバー上 […]

今回はアナログ時計を作ろうシリーズの第三弾です。 第一弾と二弾は、こちら。 関連ページ ■【JavaScript】 簡単！デジタル/アナログ時計をつくろう ■【React】アナログ時計を作成してみる 今回は、Vue.js […]

以前、Reactの開発環境をViteで構築しました。 関連ページ ■【React】Vite環境でのセットアップ（TypeScript対応） ViteはVue.jsにも対応しているので、今回はVue.jsの開発環境を構築す […]

以前、JavaScriptでアナログ時計を作成しました。 関連ページ ■【JavaScript】 簡単！デジタル/アナログ時計をつくろう 今回は以前作成したコードをReact化してみようと思う。  アナログ時計 […]

Reactは難しいと思っていましたが、いくつかの要点をつかんでおけばとても簡単だと感じるツールでした。 そこで今回は、「これだけ知っていればReactを使ってWebアプリのUIを作成開始できる」ということを目標に記事を作 […]

Viteは最近注目され始めた高速フロントエンドビルドツールです。 簡単なセットアップ操作で、面倒なビルド設定を自動で行ってくれます。 また開発時のサーバーとしても機能し、ソース変更後にビルドをすることなく高速にテストを行 […]

最近は少し下火になったような気がするReact。それでもまだまだ人気ありそうです。 私も時々ですが、依頼されて使っています。 しかし、Reactの学習を始めてから気になっていたのがReactの利点として挙げられているある […]

JavaScriptは共通メソッドやプロパティをプロトタイプで提供することがでます。 そしてオブジェクト上に同名のプロパティを作成することで動作の上書きをおこなうことができます。 しかし、上書きをさせたくないケースがあります。 今回は、その場合の対処方法についてお伝えします。

BigInt型の値をJSON変換するとエラーになります。 仕様なので仕方がないのですが、どうしてもBigInt型を変換したいケースがあるかもしれません。 そこで無理やりですが、JSONでBigInt型を扱う方法を紹介しま […]

JSON.stringify()でデータを変換する際、Dateオブジェクトが含まれていても問題なく出力してくれます。 しかし JSON.parse() で元に戻すと、Dateオブジェクトになりません。 理由と、対処方法についてお伝えします。

ECMAScriptの標準組み込みオブジェクトの中でイテラブルなオブジェクトは次の５つです。Array、Map、Set、String、TypedArray。TypedArrayは、Int8Arrayなどのビューオブジェクトを指すので、実際にはもっと多いです。

JavaScriptで変数名を文字列にする方法を紹介します。ようするにオブジェクト化して、Object.keys()でプロパティ名を取得するだけです。