Yoheikoブログ

FormでのuseRefの使い方

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

2022/05/28 19:30

FormでのuseRefの使い方

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

2022/05/28 19:30

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

本稿では、Chart.jsというJavaScriptのライブラリーを使ってWordPress上にグラフ・チャートを描く方法をご紹介します。プラグインのインストールは不要で、別途編集したHTMLを張るだけで描写可能です。Chart.jsはプレーンなJavaScriptで記述されているので、WordPress以外のあらゆるWebサイト・Webアプリ制作で使えます（WordPressでしか使えないプラグインより応用範囲が広い）。また、React（react-chartjs-2を使用）でも基本的な使い方が同じです。

2022/05/25 17:36

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

本稿では、Chart.jsというJavaScriptのライブラリーを使ってWordPress上にグラフ・チャートを描く方法をご紹介します。プラグインのインストールは不要で、別途編集したHTMLを張るだけで描写可能です。Chart.jsはプレーンなJavaScriptで記述されているので、WordPress以外のあらゆるWebサイト・Webアプリ制作で使えます（WordPressでしか使えないプラグインより応用範囲が広い）。また、React（react-chartjs-2を使用）でも基本的な使い方が同じです。

2022/05/25 17:36

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

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

2022/05/22 16:55

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

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

2022/05/22 16:55

オンラインでComputer Science修士 – アリゾナ州立大学(ASU)

本稿ではオンラインでコンピューターサイエンス修士号の学位がとれるArizona State University（ASU）の

2022/05/11 20:45

オンラインでComputer Science修士 – アリゾナ州立大学(ASU)

本稿ではオンラインでコンピューターサイエンス修士号の学位がとれるArizona State University（ASU）の

2022/05/11 20:45

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

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

2022/05/03 15:39

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

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

2022/05/03 15:39