プログラミング

コンピュータ

GatsbyJSで Runtime Error「Cannot read property ‘pagetitle’ of undefined」が発生した

$ gatsby develop で開発サーバを起動したところ、ブラウザでRuntime Error「Cannot read property 'pagetitle' of undefined」が表示されてしまいました。
コンピュータ

GatsbyJSで「warning Anonymous arrow functions cause Fast Refresh to not preserve local component state.」が表示された

$ gatsby develop で開発サーバを起動したところ、警告「warning Anonymous arrow functions cause Fast Refresh to not preserve local component state.」が表示されました。警告に対処したら今度はエラーが発生して苦戦したので、警告もエラーも出ないようにするまでの対処方法を記録に残します。
コンピュータ

yarnのプラグインのバージョンを確認する

Gatsbyでエラーが解消できず、ひとまず怪しそうなプラグインのバージョンを調べたかったのであります。
コンピュータ

gatsby develop で[Syntax Error: Unexpected Name "implements"]が発生した

GatsbyでWeb制作をしており、CMSにはContentfulを使っています。Contentfulのデータを扱うために必要なプラグイン gatsby-source-contentful をインストールし、環境変数を渡して開発サーバを$gatsby developで起動したらエラーが発生しました。
コンピュータ

GatsbyJSで「TypeError: Cannot read property ‘fluid’ of undefined」が発生した

GatsbyJSの書籍を読みながらGraphiQLを使うサンプルコードを実装していたのですが、表記のエラー「TypeError: Cannot read property 'fluid' of undefined」が出てしまいました。
コンピュータ

mathjaxで掛け算の筆算を記述する

HTMLで掛け算の筆算を記述します。筆算はTeX記法で記述し、mathjax(2.7.0)のCDNを利用して変換します。
コンピュータ

Chart.jsの散布図で、データを一つずつプロットする

Chart.jsの散布図で、データを一つずつプロットする方法をご紹介します。横軸が時間のデータではアニメーションにする必要性を感じませんが、媒介変数表示の場合などは時間に沿ってプロットすることで理解しやすくなる気がします。
コンピュータ

Chart.jsで(x, y)以外の変数名で計算したデータをグラフに描画したい

物理法則に従う運動の時間発展を計算し、時間t-位置x のグラフとしてプロットしたいです。実際に試したらうまく描画されませんでしたので、その後に改善した点をご紹介します。
コンピュータ

Chart.js で指定した横軸の範囲を塗りつぶす

Chart.js で指定した横軸の範囲を塗りつぶす方法をご紹介します。
コンピュータ

Chart.jsで、横軸の閾値を境にデータの色を変える

年ごとの時系列データがあったとして、平成元年以降は色を変えて強調したいというような場合を想定した処理について、ご紹介します。