m's blog

備忘録とかメモとか

TypeScript

【Neo4j】Dockerで試すNeo4j【第6回/JavaScript編 その3】

今回は、「Dockerで試すNeo4j」シリーズの最終編となります。 ここまで構成・実装した環境とコードを使って、登録されたPersonのFOLLOWリレーションをグラフ表示してみたいと思います。 ↓ 「Dockerで試すNeo4j」シリーズ記事一覧はこちら

【Neo4j】Dockerで試すNeo4j【第5回/JavaScript編 その2】

今回は、前回実装したターゲット選択用のセレクタを使って、特定のPersonとFOLLOW関係があるPersonを検索するコードを追加していきます。 また前回同様、アプリの作成を通して、JavaScriptとNeo4jの連携について解説していきたいと思います。 ↓ 「Dockerで試…

【Neo4j】Dockerで試すNeo4j【第4回/JavaScript編 その1】

JavaScript(React+TypeScript)とNeo4jの連携環境をセットアップし、ターゲット選択用のセレクタを実装します。

「Dockerで試すNeo4j」シリーズ記事一覧

公開済みの「Dockerで試すNeo4j」シリーズの記事リストです。

React向けのフローティングボタンコンポーネントを作ってみました!

フローティングボタン用のコンポーネント を作ってみたので、簡単に解説したいと思います。 タイトルは「フローティングボタン用の...」となっていますが、ボタン以外でも使えます。 一応、パッケージとして公開してみましたが、簡単なものなので、記事中の…

【React】styled-components を試してみる!

今回は styled-components を試してみたい と思います。 ついでに、色を操作できるライブラリ chroma.js も試してみたいと思います。

npmパッケージの公開用テンプレートを作ってみました | with TypeScript, Jest, ESLint, Prettier, etc.

npm パッケージの公開用テンプレート を作ってみました。 本記事ではテンプレートの内容について、簡単に解説したいと思います。 以下は、2020/07/09 時点でテンプレートに含まれる内容です。 TypeScript CI/CD (publish by GitHub Actions) Jest ESLint Pre…

Next.js テンプレートを作ってみました | with TypeScript, Jest, Cypress, Sentry, GTM, ESLint, etc.

Next.js 用のテンプレート を作ってみたので、テンプレートの内容について、簡単に解説したいと思います。 2020/06/02 時点でテンプレートに含まれる内容は以下の通りです。 Next.js TypeScript Googleタグマネージャー CI/CD (GitHub Actions + Netlify) Je…

React + Cypress で「Timed out retrying: `cy.type()` failed because this element is detached from the DOM.」みたいなエラーが出たときの対処法

React + Cypress で、テキストエリアへの入力チェックを使用としたところ、以下のようなエラーが発生しました Timed out retrying: `cy.type()` failed because this element is detached from the DOM. 今回は上記のようのエラーが発生した場合の対処方につ…

【Next.js】環境変数(.env)の使い方【公式ドキュメント 意訳】

今回は Next.js で環境変数(.env)を使う方法 を解説したいと思います。 今回は、以下の 公式ドキュメントの環境変数の解説ページを参考に、Next.jsでの環境変数(.env)の使い方について、簡単に解説していきたいと思います。 おおよそ、上記ページの流れに沿…