react native

react-native

コマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か?

ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd (アプリまでのパス)my-app npm start cd (アプリまでのパス)my-app npm run build cd...
JavaScript

JavaScriptで先祖要素の取得や操作、有無を判別する方法を初心者にも分かるように解説【closest()メソッド】

JavaScriptで自身の要素よりも上の階層に特定の要素があるかどうかを判別したり、その要素を指定してDOM操作することがよくあります。そのような場合にはclosest()メソッドを利用するのが一般的です。 closest()メソッドの使...
Flutter

Youtube Data API APIキー発行手順と有料か無料かを解説・セキュリティ対策も【2022年9月】

今回はYoutubeのAPIの中でも王道となり得る、Youtube Data APIを使う下準備をしていきましょう。YoutubeにはYoutube iFrame Player APIというAPIもありますが、こちらのData APIに限っ...
JavaScript

JavaScriptにおける「$(ドルマーク)」の意味と使い方

JavaScript内で使用される「$(ドルマーク、ダラー)」には4通りの利用シーンがあります。1つは、文字列で使用される場面、2つ目はjQuery関連、3つ目はテンプレートリテラル内での使用、そして4つ目は正規表現の中です。 それぞれの利...
JavaScript

【2023年】フロントエンドエンジニアとは?必要なスキル・資格・年収について徹底解説!

悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない? 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ!とは断定できない部分もありますよね。 ...
業務効率化

VS Codeで定義されている位置(ファイル)に一瞬で飛び確認する方法

関数や変数が定義されている場所を調べるときに役立つショートカットです。React Native、Flutterどちらのアプリケーションのソースでも出来たのでその他の言語でも応用が利くと思います。 このクラス、どこで定義されているの?→すぐわ...
react-native

React Nativeオワコン論争2022

React Nativeは既にブームが去って、世間に見捨てられたという意見がネット界隈で浸透しています。そもそもオワコンとは、「終わったコンテンツ」の略で最盛期を過ぎてもはや流行らないものを指します。果たしてReact Nativeは過去の...
react-native

React NativeのonPressに引数を利用する方法

画面遷移などのときに、変数を次の画面へ渡したい場合が多々あります。<View>などにonPressを使って引数を指定するにはどうしたらよいのでしょうか。 引数なしの場合のonPress これは単純に<View>や<Text>などにonPre...
react-native

React NativeのcreateNativeStackNavigatorが動かなかった話

React Nativeで画面遷移するときにStackという画面移動方法を使用することが多いのですが、このStackの指定がうまくいかず、無駄に時間を取られました。Stack Navigatorの挙動については公式サイトに掲載されていますの...
react-native

React、React Nativeにおけるフックとは何か【基本とサンプルコード】

React Nativeに触れる機会が多くなって、フック(英語:hooks)という言葉にぶつかりました。hookを和訳すると、動詞の場合は、釘にかける、やホックで留める、ひっかける、など掛ける・留めるという意味です。名詞として使えば、かぎ・...
react-native

Firebase JS SDK バージョン 9でCloud Firestoreに接続するには

Firebase公式サイトの実装ガイドに従ってReact NativeのアプリからCloud Firestoreに接続して、データベースを取得してみました。Firebase公式のサンプルコードはに掲載されているものに出来るだけ沿ったので、な...
react-native

React Nativeのreturnにmapで取得した変数を入れても出力されずハマる

React Nativeで<View>を出力するにはreturnで実装しますが、そのreturnの中に変数を使うこともできますね。たとえば export default function App() { ・ ・ ・ return ( <Vi...
react-native

【Firebase】databaseURLが見当たらない?

Firebaseの『Firestore Database』からデータを参照したかったのですが、公式ドキュメントに import { initializeApp } from 'firebase/app'; // Optionally imp...