react-nativeコマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か？
ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd （アプリまでのパス）my-app npm start cd （アプリまでのパス）my-app npm run b...
react native
react-native
JavaScriptJavaScriptで先祖要素の取得や操作、有無を判別する方法を初心者にも分かるように解説【closest()メソッド】
JavaScriptで自身の要素よりも上の階層に特定の要素があるかどうかを判別したり、その要素を指定してDOM操作することがよくあります。そのような場合にはclosest()メソッドを利用するのが一般的です。 closest()メソ...
FlutterYoutube Data API APIキー発行手順と有料か無料かを解説・セキュリティ対策も【2022年9月】
今回はYoutubeのAPIの中でも王道となり得る、Youtube Data APIを使う下準備をしていきましょう。YoutubeにはYoutube iFrame Player APIというAPIもありますが、こちらのData APIに限...
JavaScriptJavaScriptにおける「$（ドルマーク）」の意味と使い方
JavaScript内で使用される「$（ドルマーク、ダラー）」には4通りの利用シーンがあります。1つは、文字列で使用される場面、2つ目はjQuery関連、3つ目はテンプレートリテラル内での使用、そして4つ目は正規表現の中です。 それ...
JavaScript【2023年】フロントエンドエンジニアとは？必要なスキル・資格・年収について徹底解説！
悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない？ 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ！とは断定できない部分もありま...
業務効率化VS Codeで定義されている位置（ファイル）に一瞬で飛び確認する方法
関数や変数が定義されている場所を調べるときに役立つショートカットです。React Native、Flutterどちらのアプリケーションのソースでも出来たのでその他の言語でも応用が利くと思います。 このクラス、どこで定義されているの？...
react-nativeReact Nativeオワコン論争2022
React Nativeは既にブームが去って、世間に見捨てられたという意見がネット界隈で浸透しています。そもそもオワコンとは、「終わったコンテンツ」の略で最盛期を過ぎてもはや流行らないものを指します。果たしてReact Nativeは過去...
react-nativeReact NativeのonPressに引数を利用する方法
画面遷移などのときに、変数を次の画面へ渡したい場合が多々あります。<View>などにonPressを使って引数を指定するにはどうしたらよいのでしょうか。 引数なしの場合のonPress これは単純に<View...
react-nativeReact NativeのcreateNativeStackNavigatorが動かなかった話
React Nativeで画面遷移するときにStackという画面移動方法を使用することが多いのですが、このStackの指定がうまくいかず、無駄に時間を取られました。Stack Navigatorの挙動については公式サイトに掲載されています...
react-nativeReact、React Nativeにおけるフックとは何か【基本とサンプルコード】
React Nativeに触れる機会が多くなって、フック（英語：hooks）という言葉にぶつかりました。hookを和訳すると、動詞の場合は、釘にかける、やホックで留める、ひっかける、など掛ける・留めるという意味です。名詞として使えば、かぎ...
react-nativeFirebase JS SDK バージョン 9でCloud Firestoreに接続するには
Firebase公式サイトの実装ガイドに従ってReact NativeのアプリからCloud Firestoreに接続して、データベースを取得してみました。Firebase公式のサンプルコードはに掲載されているものに出来るだけ沿ったので、...
react-nativeReact Nativeのreturnにmapで取得した変数を入れても出力されずハマる
React Nativeで<View>を出力するにはreturnで実装しますが、そのreturnの中に変数を使うこともできますね。たとえば export default function App() { ・ ・ ・ ...
react-native【Firebase】databaseURLが見当たらない？
Firebaseの『Firestore Database』からデータを参照したかったのですが、公式ドキュメントに import { initializeApp } from 'firebase/app'; // Optionall...