HaneCa

独り立ちへ向けた長い道

no image

nvmを利用したnodeのインストール方法(mac)

簡単そうに見えていつもハマるので、書き記しておきます。今回はmacのMojaveに環境を構築しました。 nvmを利用したnodeのインストール方法 まず、nvmを次のコマンドを実行することでインストールします。 [cra...

no image

AWS SNSを利用したPush Notificationについて(React Native / iOS)

ここでは、AWS SNSを利用したPush Notificationについて紹介します。具体的には次の手順で設定することになりますが、一部の設定方法については、割愛します。 Apple Dev WebコンソールでPush...

no image

watchmonで監視対象外のディレクトリを指定する方法

react nativeをデバッグモードで起動していると、ファイルの変更に合わせて、自動的に再読み込みが発生します。ただ、テスト用のファイルなど全ての変更に対して、再読み込みが発生することが好ましくない場合があります。 ...

ESLintでclass-methods-use-thisエラーの対処法

ESLintで「Expected ‘this’ to be used by class method ‘xxxx’. (class-methods-use-this)」とい...

eslintでreact-routerのLinkがエラーになる時の対処法

ESLintでreact-routerのLinkを使用している行が「The href attribute is required on an anchor. Provide a valid, navigable addr...

ESLintで’jsx-a11y/href-no-hash’ was not found警告が出た時の対処法

eslintをReactのプロジェクトに設定した時に全てのファイルに対して「Line 1: Definition for rule ‘jsx-a11y/href-no-hash’ was not ...

Reactアプリを作成

ここではReactアプリの作成方法について説明します。 Reactアプリの初期作成について Reactでは、初期プロジェクトを生成する方法として、create-react-appというコマンドが用意されています。ここでは...

Macでnpmを実行できなくなった時の対処法

MacでHomebrewコマンドを使ってアップデートした際にnpmを実行すると次のようなエラーが発生して実行できなくなるようになりました。 [crayon-5f3195eb397db423771911/] 原因はよくわか...

no image

npm-check-updates (ncu) の実行エラー

npm-check-updateを使って、package.jsonにリストされているモジュールのバージョンをあげようとしたところ、次のようなエラーが発生しました。 [crayon-5f3195eb399142285404...