生活の跡

個人的な備忘録

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のファイルを編集しようとすると、「ファイルを変更する権限がありません。」というエラーが出てしまって…

Bracketsが重く、開くと「ファイルのインデックス時にエラーが発生しました。」のメッセージが出る

経緯 HTMLなどの編集でBracketsというエディタを使っているのですが、最近Bracketsを開くのに時間がかかり、以下のメッセージが表示されるようになりました。 このプロジェクトには30,000個以上のファイルが含まれています。複数のファイルを操作する機能が…

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

.entry-inner img{border: 1px solid #000;} 経緯 GatsbyJSの書籍を読みながらGraphiQLを使うサンプルコードを実装していたのですが、表記のエラー「TypeError: Cannot read property 'fluid' of undefined」が出てしまいました。 「TypeError: Cannot read …

WSLのファイルにWindowsのエクスプローラからアクセスする

.entry-inner img{border: 1px solid #000;} 経緯 WSL(Windows Subsystems for Linux)の環境でWebサイトを構築しようとして、Gatsbyという静的サイトジェネレーターをインストールしました。 早速あらかじめ用意されているHTMLファイルを編集しようと思っ…

UnityのCreator Kit: Puzzle のチュートリアルで画面が真っ暗になる

.entry-inner img{ border: 1px solid #000; } 状況 Unity Hubで「Creator Kit: Puzzle」というピタ●ラスイッチ的なプロジェクトをダウンロードし、チュートリアルに沿って進めていたのですが、用意されていたサンプルを実行すると画面が真っ暗になってしま…

NASのバックアップ専用に使っていた外付けポータブルSSDを、WindowsPCで認識できるようにフォーマットする

.entry-inner img{ border: 1px solid #000; } 経緯 1TBの外付けポータブルSSDを、NASに接続して使っていました。NASを使わなくなったので、ポータブルSSDはデータ保管や持ち運び用に転用しようと思ったのですが、Windows PCに接続してもエクスプローラに表…

Anaconda3をインストールしようとしたら、「 Destination Folder contains 1 space. This can cause problems with several Conda packages. Please consider removing the space.」という警告メッセージがでて先に進めなくなった

.entry-inner img{ border: 1px solid #000; } 概要 表題の通りですが、キャプチャを貼るとこんな感じです。 インストール時の警告メッセージ Warning(警告)と言っていますが、先に進めないので何か対処しないといけない模様です。 環境 OS:Windows 10 Ho…

Windows10で新しいユーザーを作成する

.entry-inner img{ border: 1px solid #000; } 経緯 プログラミング学習の環境用として、Windows10で新しいユーザーを作成することにしました。 前提 学習用なので、Microsoftアカウントとは紐づけないことにしました。 手順 1. 「他のユーザーの追加、編集…

Raspberry Pi 3B+ にScratch3がインストールされない

経緯 昨年度に職場で買ったRaspberry Pi があまり使われていなかったので、Scratch3でも入れてみるかと思って試したら、全然インストールされませんでした。 環境 機種:Raspberry Pi 3B+ OS:Raspbian 9.13(stretch) インターネットには接続できている 原因…

友達になっていないユーザに、Facebookページの編集権限を付与する

.entry-inner img{ border: 1px solid #000; } 経緯 職場の活動をFacebookページで発信しています。 新しいメンバーにも発信してもらおうと思ったのですが、編集権限を付与するやり方を理解するのに手間取ったので整理しておきます(管理者権限を付与する場…

Windows10のフォトでJPEGをサイズ変更しても、ファイル容量が変わらない

img { border: 1px solid #000; } 事象 Windows10に標準で入っているアプリ「フォト」には「サイズ変更」機能があるのですが、使ってもファイル容量が小さくなりませんでした。 環境 Windows 10 Home Microsoft フォト(バージョン:2020.20070.10002.0) サ…

Acrobatを使わずにPDFをWordで開く方法

概要 Acrobatを使わずにPDFをWordで開く方法を教わったのでメモ。 試した環境 OS:Windows 10 Word:Office 2019 前提 対象のPDFがWordで作られたものでないと、うまくいかないと思います。 やり方 エクスプローラ上で対象のPDFを右クリック 「プログラムか…

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

概要 十進数を二進数に変換する手法をブログで取り上げるため、Webページで素因数分解の筆算を書きたいと思いました。イメージはこんな感じです。 方針 はじめに考えたこと 数式といえばTeX(テフ)だろ!(※)と思ってWeb検索したところ、Yahoo知恵袋で似たよ…

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

Web

概要 HTMLで掛け算の筆算を記述します。筆算はTeX記法で記述し、mathjax(2.7.0)のCDNを利用して変換します。 やりたいイメージ コード(HTML) <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> \begin{array}{rr} & 21 \\ \times) & 32 \\ \hline & 42 \\ & 63 \hspace{0.5em} \\ \hline & 672</body></html>…

長形3号の封筒を、ゆうパケットの着払いで発送する

img { border: 1px solid #000; } 概要 ポケットWi-Fiを解約したのですが、新型コロナの影響で機器の需要が上がっているらしく、着払いで返却して欲しいとお願いされました。 手元にあったのが長形3号の封筒だったのですが、ゆうパケットで発送できるのだろ…

賃貸物件で入居前からあった損傷に対する現状回復費を請求された

.small-picture { width: 50%; margin: 0 auto; } .border { border: 1px solid #000; } 概要 賃貸物件を退去する際に、元から損傷していたキッチン扉に対して、管理会社から修繕費を請求されました。金額は妥当でしたが、その傷をつけたのは私ではありませ…

ノーリツ給湯器エラー:12→11 で突然シャワーのお湯が出なくなった

概要 地方部に転居して1ヶ月で、突然シャワーのお湯が出なくなりました。寒し。 給湯器の操作パネルを見ると、温度の代わりに「12」が点滅していました。操作パネルの電源を切ったり入れたりしてお湯を出そうとしていると、今度は「11」が点滅するようになり…

QGISデータインポートエラー:無効なデータソース〇〇は有効な、または認識されたデータソースではありません

img { border: 1px solid #000; } 概要 国土数値情報から取得したバスルートのデータ(※)をレイヤに追加しようとしたら、エラーになってしまった。 (※)国土数値情報 バスルートの詳細 レイヤに追加できない 環境 QGIS 3.10.4 解決方法 データのZipを解凍した…

QGISでポリゴンを分割するアイコン(地物の分割)が選べない

概要 下図のような状況です。 地物の分割アイコンが選べないの巻 環境 Windows10 QGIS 3.10.4 解決方法 編集モードにする必要がありました。 編集モードに切り替える 「地物の分割」が選べるようになった そもそも「地物の分割」アイコンがみあたらない場合…

QGISで属性(フィールド)に別名(エイリアス)を付ける

img { border: 1px solid #000; } 概要 国土数値情報などからGISのデータをダウンロードすると、属性(フィールド)名が"N03_001"のようになっており、意味が分かりづらいです。 そこで、編集をしやすくするために、属性に別名を付けてみます。"N03_001"のよ…

受信機の譲渡によるNHK放送受信契約の解約手続きが少し面倒だった話

解約までの経緯 契約した時はテレビ1台を所持しており、衛星契約を申し込んでいました。 契約書の控えの一部 しかし、その後テレビを処分し、代わりにtorne(PS3®専用地上デジタルチューナー)をモニタにつないで番組を視聴していました。 やがてtorneでも…

はてなブログProに登録して独自ドメインを設定すると、アクセス数に影響があるか?

.entry-inner img{ border: 1px solid #000; } 経緯 はてなブログを使い始めて1年半くらい経ち、アクセス数が週あたり100PVを超えるようになりました。 そこで、記事を読みやすく改善したくなりました。Proに登録すれば、次のように改善できます。 はてなの…

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

やりたいこと こういう感じで、一定時間間隔でデータを一つずつプロットしたい。 横軸が時間のデータではアニメーションにする必要性を感じませんが、媒介変数表示の場合などは時間に沿ってプロットすることで理解しやすくなる気がします。 ライブラリ ・Cha…

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

やりたいこと 物理法則に従う運動の時間発展を計算し、時間t-位置x のグラフとしてプロットしたい。 前提 グラフはChart.js(2.7.3)で描画します。 課題 データが描画されない。。 原因 Chart.jsの描画処理に渡すデータを配列に格納するとき、キーを(x,y)にす…

div要素の左側に、90度回転させた文字列を配置したい

概要 つまり、こんな感じのことがしたい。 縦書きにしたいのではなく、横書きの文字列を90度回転させたいのである。 手順 CodePenを使って試します。 1. 文字列もdiv要素で用意し、横並びにする まずは、display: flex;を設定した親要素を用意し、div要素を…

CSSで台形を描く手順と仕組み

概要 div要素にCSSを適用するだけで、台形を描くことができます。仕組みを理解していなかったので調べました。 台形を描く手順 CodePenで作成した画像を使って紹介します。 1. borderを設定したdiv要素を用意する width=100px; height=100px;のdiv要素を、50…

簡易書留で郵送すると、ネットで配送状況が確認できる

ぼやき 履歴書を郵送するときに、簡易書留で送ることが多いです。 書留は郵便物が相手に届かなかった場合に、実損額を賠償する発送オプションです。しかし、今まで紛失の被害にあったことはありません。募集要項に「履歴書は簡易書留で送ってください」と指…

MacのNumbersで編集した履歴書で、セル枠、外枠、ページ番号を消す

課題 MacのNumbersで履歴書を作成しようとしたのですが、PDFに出力するとセルの枠線とページ番号も表示されてしまいました。 やりたいこと 前提 履歴書のレイアウトは、JIS規格に適合した著作権フリーの様式を利用するなどして作成しておく。 バージョン Num…