Web

コンピュータ

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で起動したらエラーが発生しました。
コンピュータ

少人数の組織用のポータルサイトを、Gatsby+XFREE(エックスフリー)で構築する

有期雇用のメンバーが多い少人数のチームで働いています。新しいメンバーが加わっても事業の理念や目的を共有しやすくするために、内部向けポータルサイトを作成することにしました。
コンピュータ

Linux環境(WSL)のファイルが、Windows10にインストールしたBracketsで編集できない

Windows10にLinux環境(WSL)を構築し、GatsbyJSでWebページを作成していました。 しかし、Windows10にインストールしたエディタ「Brackets」でCSSのファイルを編集しようとすると、「ファイルを変更する権限がありません。」というエラーが出てしまって編集できなくなりました。
コンピュータ

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

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

HTML+CSSで素因数分解の筆算を書く

十進数を二進数に変換する手法をブログで取り上げるため、Webページで素因数分解の筆算を書き方を考えました。
コンピュータ

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

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

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

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