2022-01

AWS

【Amplify】stackのエラー解消法

amplify pushをしたときに発生したエラーについてです。 実際のエラーがこちら 🛑 An error occurred during the push operation: Stack:arn:aws...
2022.02.13
React

【React】カスタムフォントの適用方法

Reactでのカスタムフォントの使い方についてまとめました。 親切にもcreate-react-appで立ち上がるアプリにカスタムフォントが使用されていました! create-react-app で生成されるコードより、関係...
2022.03.27
React

【React】useEffect の実行タイミング

ReactのuseEffectについて、最近新たに知ったことがありましたのでまとめました! useEffectを使うことで、レンダリング時にその中の要素が実行されるのは、皆様ご承知の通りです。 実はそれに加えて、useEffe...
2022.03.27
React Native

【React Native】Expoのvector-iconsを使ってiconを表示する方法

expoでのicon使用方法についてまとめました。 React Nativeでiconを使用する場合、expoのpackageに含まれているvector-iconsが便利! 使用方法についてはこちらのドキュメントがあります。 ...
2022.03.27
React Native

【React Native】コンポーネントのベースStyleを基に上書きする方法

Styleが設定されているコンポーネントに対し、 Styleを上書きをする方法をまとめました。 結論から言いますと、styleを配列として、配列の最後に上書きしたいstyleをpropsで渡す。これだけです! サンプルコードが...
2022.03.27
git・インフラ・環境構築

ESlintの導入・使い方

Reactでのアプリ開発は、JavaScriptでのコーディングになりますが、そんなJavaScriptの補完ライブラリとしてとっても便利なESlintの導入方法についてまとめました。 ESlintとは JavaScriptの...
2022.06.25
git・インフラ・環境構築

Expoでアプリ作成を始める

Expoを使ったアプリ作成手順についてまとめました。 プロジェクトの作成 $ expo init --npm ✔ What would you like to name your app? … MemoApp ...
2022.01.14
git・インフラ・環境構築

Expo環境構築〜Android/iOS Emulatorを立ち上げるまで

スマホアプリの作成にあたって、ローカル環境での動作確認のために必要となるEmulatorの設定方法と、そのために必要となるExpo等の設定方法をまとめました。 Expoとは Reactのための、framwork,platfor...