2026/01/29 17:09:46 | JavaScript
Reactはブラウザ上で動作するJavaScriptライブラリです。 ですが、Reactはサーバー上でも動作します。 ブラウザでのレンダリングはCSR(クライアントサイドレンダリング)と呼ばれています。 一方、サーバー上 […]
2026/01/19 17:39:44 | Node.js
最近はReact等のライブラリやExpressなどのフレームワークを使うことが増えてきました。 これらはプログラム開発を効率化してくれるのでとても有難いです。 ですがプロジェクト単位でローカルにダウンロードするため、プロ […]
2026/01/15 17:36:49 | JavaScript
今回はアナログ時計を作ろうシリーズの第三弾です。 第一弾と二弾は、こちら。 関連ページ ■【JavaScript】 簡単!デジタル/アナログ時計をつくろう ■【React】アナログ時計を作成してみる 今回は、Vue.js […]
2026/01/15 15:46:35 | vite
Viteはフロントエンド開発を効率よく進めてくれる便利ツールです。 特に便利なのは、開発用のWebサーバーが用意されていることでブラウザでのデバッグが容易に行える点です。 デフォルトでは、開発サーバーのURLは http […]
2026/01/15 15:21:26 | JavaScript
以前、Reactの開発環境をViteで構築しました。 関連ページ ■【React】Vite環境でのセットアップ(TypeScript対応) ViteはVue.jsにも対応しているので、今回はVue.jsの開発環境を構築す […]
2026/01/15 14:37:14 | JavaScript
以前、JavaScriptでアナログ時計を作成しました。 関連ページ ■【JavaScript】 簡単!デジタル/アナログ時計をつくろう 今回は以前作成したコードをReact化してみようと思う。  アナログ時計 […]
2026/01/15 15:21:48 | vite
Viteでビルドして生成されたファイルは、ドメイン直下にアップロードしないとうまく動作しません。 ですが、任意のフォルダで動作させたいケースがあります。 どうすればいいのでしょうか?  現状確認 ビルド後のin […]
2025/12/25 16:46:29 | JavaScript
Reactは難しいと思っていましたが、いくつかの要点をつかんでおけばとても簡単だと感じるツールでした。 そこで今回は、「これだけ知っていればReactを使ってWebアプリのUIを作成開始できる」ということを目標に記事を作 […]
2026/01/08 16:29:52 | JavaScript
Viteは最近注目され始めた高速フロントエンドビルドツールです。 簡単なセットアップ操作で、面倒なビルド設定を自動で行ってくれます。 また開発時のサーバーとしても機能し、ソース変更後にビルドをすることなく高速にテストを行 […]
2025/12/03 17:04:45 | JavaScript
最近は少し下火になったような気がするReact。それでもまだまだ人気ありそうです。 私も時々ですが、依頼されて使っています。 しかし、Reactの学習を始めてから気になっていたのがReactの利点として挙げられているある […]
2025/04/28 19:34:13 | WordPress
WordPressのブロックエディターはReactベースのJavaScriptで動作しています。 そのためブロックエディターのカスタマイズは、Reactでの開発が推奨されます。 しかし環境構築に必要な時間とディスク資源コ […]
2025/04/28 17:39:49 | WordPress
WordPressのブロックエディターカスタマイズを行うとき、フロントエンドで動作させるJSファイルと、必要によってcssファイルをエディター上に読み込ませる必要があります。 調べてみたところ、いくつかのやり方があるよう […]
2025/04/23 14:59:34 | WordPress
サイトにGoogle Fontsを追加することにしました。 手順としてはwp_headフックで出力するだけでいいのだけど、専用のフィルターがあるようなので使ってみることにした。  rel="preconnect […]
2025/04/11 14:14:43 | IDE/エディター
次のページでVSCodeの拡張機能を自作しました。 関連ページ ■【VSCode】アクティビティーバーで外部コマンドを実行する拡張機能を作成した しかし外部コマンドが特定のフォルダ内のときのみ有効なものだったので、VSC […]
2025/04/10 18:23:24 | IDE/エディター
VSCodeで開発中にNode.jsで自作したコマンドを実行することがあるのだけど、毎回手打ちするのが面倒になってきました。 そこで、画面左側にあるアクティビティーバーにボタンを設置して、自作コマンドを実行することにしま […]
2025/04/10 15:27:02 | IDE/エディター
VSCodeの拡張機能を作成しようと思い、環境構築をしました。 とても簡単に構築できたんだけど、ブレークポイントで停止しません。 こままではデバッグできないのでどうしよう、というお話です。  拡張機能の開発環境 […]
2025/04/08 18:14:54 | WordPress
WindowsとXAMPPでWordPressのテーマやプラグインを開発しているのだとても遅い。そこでLocalというWordPress開発ツールを使用してみたらとても速くなったので紹介します。
2024/10/18 16:50:26 | WordPress
WordPressのテーマカスタマイズにある追加CSSを利用すると、ユーザーが手軽にサイトの外観を変更できます。 ここに入力したCSSはブロックエディタにも反映されます。 しかし、時々反映されないことがあります。 そんな […]
2024/06/26 16:17:34 | WordPress
WordPressのブロックエディタ上でアンカー(ID属性)の重複チェックをするプログラムコードを作成しました。また、重複の自動補正およびID属性を自動セットする仕組みも組み込みました。
2024/06/14 14:46:26 | JavaScript
JavaScriptは共通メソッドやプロパティをプロトタイプで提供することがでます。 そしてオブジェクト上に同名のプロパティを作成することで動作の上書きをおこなうことができます。 しかし、上書きをさせたくないケースがあります。 今回は、その場合の対処方法についてお伝えします。