生活の跡

個人的な備忘録

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. 「他のユーザーの追加、編集…