MONTH

2022年5月

FormでのuseRefの使い方

useRefフックを使うと、DOMにアクセスしてその内容を取得・変更できます。他にもReactの公式ドキュメントでは、状態変数(props又はstate)の一つ前の状態を記憶するという使い方も紹介されています(How to get the previous props or state?)。よって用途はかなり広いのですが、本稿ではuseRefを使って、submitされたformの内容を参照し取得す […]

WordPressでのグラフ表示 – Chart.jsを使えばプラグイン不要

本稿では、Chart.jsというJavaScriptのライブラリーを使ってWordPress上にグラフ・チャートを描く方法をご紹介します。プラグインのインストールは不要で、別途編集したHTMLを張るだけで描写可能です。基本的なプログラミングの知識を要しますが、WordPressのグラフプラグインも決して使いやすいとは思えない他、Chart.jsはプレーンなJavaScriptで記述されているので、 […]

エンジニアの副業としてのブログ – ConoHa WINGでの始め方もご紹介

本稿では、エンジニアがWordPressを使ってブログを書くメリット・デメリット、Qittaユーザーのための留意点、本サイトの月間3,000PV達成までの道のり、20件のブログの3,000PV達成時の収益を調査した結果とその考察、そして最後にConoha WINGでのブログの始め方をご紹介します。エンジニアでない方も十分参考にして頂ける内容だと思います。 エンジニアが技術ブログを書くメリット・デメ […]

オブジェクトを要素に持つ配列の追加・削除・更新 – JavaScript

本稿では、JavaScriptのオブジェクトを要素に持つ配列に対して、(1)新たなオブジェクトを追加する方法、(2)特定のオブジェクトを削除する方法、(3)特定のオブジュクトの内容を更新する方法をご紹介します。オブジュクトを持つ配列とは例えば下記のような配列で、本稿でも下記の例を用いて説明します。また、本稿ではReact等Webでの実践的な使用を想定し、各オブジュクトに固有のidを設定する方法、そ […]