Flutter,React Native,その他の備忘録

Thumbnail of post image 084

React Nativeについてはexpoを利用していることを前提にしています。expoは開発をスムーズにするツールであり、Expo Goというアプリで実機テスト動作を簡単にできるなどのメリットがあり、React Nativeの開発でexpoを使わないで開発するなどは考えられないです。 ホットリロードについて これはReact Nativeに軍配が上がります。expoを利用していれば、react ...

expo,React Native,typescript

Thumbnail of post image 198
Purpose (目的) React Nativeで音を出したい。しかし、サンプルの通りやると、typescript のErrorが出るので直したい。 Environment (動作環境) React Native (version 0.68.2)expo (version 45.0.8)Typescript (version 4.3.5) npm install インストールします。(npmでは ...

expo,React Native

Thumbnail of post image 150
Environment (動作環境) React native (version 0.68.2)expo (version 45.0.8) Cause of error (エラーの原因) The cause was that a large amount of characters were output by console.log().console.log() で出力していた文字が大量であっ ...

expo

Thumbnail of post image 020
Neact Nativeとexpoで開発を始めてから1ヶ月くらい経過したときに、iphoneのエミュを立ち上げた時に、急に以下のエラーが出た。 Started Metro Bundler › Opening on iOS... Error running `xcrun simctl help`: Xcode license is not accepted. Please run `sudo xco ...

typescript

typescript
動作環境 typescript nodejsreact native 発生状況 async await を使ってAsyncStorageで保管したデータをgetして、そのgetしたデータに対して、in塩山市を使って、if文の処理をしたらタイトルのエラーが出た。getしたデータはjson型である。 エラーの原因 AsyncStorageで取得したデータの方がjsonだと思っていたが、jsonになって ...

Javascript

Thumbnail of post image 085
メモ。sortの引数に関数を指定するというのが、よく意味がわからないがちゃんとソートしてくれる。 function compare( a, b ){ var r = 0; if( a.age < b.age ){ r = -1; } else if( a.age > b.age ){ r = 1; } return ( -1 * r ); //return r; } var myArray ...

React Native,typescript

Thumbnail of post image 102
Target (目標) @react-native-async-storage/async-storage. ← use :)@react-native-community/async-storage ← can't use anymore (I get an error) Environment (動作環境) Expo (version 45.0.8)React Native (version ...

React Native,typescript

Thumbnail of post image 157
Problem (問題点) When using ScrollView, the width is not 100%, so I tried various things. (ScrollViewを使うと、幅が100%にならなくなったりしたので、いろいろ試しました。) Operating environment (動作環境) React Native (version 0.68.2)Typescr ...

React Native,typescript

Thumbnail of post image 076
Content of the error (エラーの内容) No overload matches this call. Overload 1 of 2, '(...args: never): void', gave the following error. Argument of type 'string' is not assignable to paramet ...

Javascript

Thumbnail of post image 092
コード let arr = [ {win_rate : 30, id : 1}, {win_rate : 60, id : 3}, {win_rate : 50, id : 2}, {win_rate : 80, id : 4} ]; let result_asc = arr.sort(function(a, b) { return (a.win_rate < b.win_rate) ? - ...

typescript

typescript
Error situation When I used const in class in typescript, I got the error A class member cannot have the 'const' keyword.ts(1248). (typescript で classの中でconstを利用したら、A class member cannot have the 'con ...

IT系の備忘録,React Native

Thumbnail of post image 082
Summary (概要) using Macusing expo (version 45)using React Native (version 0.68.2)using typescriptusing VScodeusing node (version 16) The expo version is 45. This is because the latest version of expo i ...

typescript

typescript
What is Eslintrc.js file? (eslintrc.js ファイルとは) eslintrc.js file is a file that describes eslint settings. (eslintrc.js fileとは、eslintの設定を記載するファイルです。) Commentary (解説) @typescript-eslint/no-unused-vars I ...

React Native

Thumbnail of post image 191
Summary (概要) using Macusing expo (version 45)using React Native (version 0.68.2)using typescriptusing VScodeusing node (version 16) expoのversionは45とします。これは、2022年8月の時点でexpoの最新versionは46ですが、AdMobを使う場合、4 ...

React Native,その他の備忘録

Thumbnail of post image 130

概要 ・携帯はiPhoneとAndroid両方の携帯でアプリを動作させたい ・React Nativeを使う どのcross platform frameworkで開発するかの選択 クロスプラットフォームのフレームワークの候補としては、Flutter, React Native, Xamarin, Unityなどがありますが、自分はReact Nativeを利用しています。 ・iPhoneとAnd ...

Android Studio,IT系の備忘録,React Native

Thumbnail of post image 128

・前回の記事を書いた後に、もっと良い解決方法を発見したので、書き直すことにしました。エラーの内容は以下の通りです。 Couldn’t start project on Android: Error running adb: adb: failed to install /Users/worker/.expo/android-apk-cache/Exponent-2.25.2.apk: E ...

Jest

jest
$ npm run test > expo3@1.0.0 test > jest FAIL test/App.test.tsx ● Test suite failed to run TypeError: Cannot read properties of undefined (reading 'testEnvironmentOptions') at new JSDOME ...

IT系の備忘録,Javascript,Jest

jest

具体的には、以下の警告内容です。そもそもJestが初心者レベルです。 $ npm run test > expo3@1.0.0 test > jest watchman warning: Recrawled this watch 1 times, most recently because: MustScanSubDirs UserDroppedTo resolve, please r ...

IT系の備忘録,typescript

typescript
react-test-rendererをインストールしようとしてエラーになりました。以下のようなエラー表示です。 $ npm i --save-dev react-test-renderer@18 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While re ...

typescript

Thumbnail of post image 011
typescriptで、以下のような場合の解決方法です。はしょりすぎかも。 before //aaaa()の戻り値はpromise<any> const cccc = aaaa() // 以下のelementのところで、タイトルのエラーが出る if(cccc.element){ } こんな時は、aaaa()の前にawaitをつけると解決します。 after //aaaa()の戻り値はp ...