Flutter淡水水槽用アプリ for iPhone(仮)のモックをWebで作ってみる 第1回 もちろんモックなので正常に動作しません。見てくれの部分や特定のボタンを押した時起こるリアクションを簡潔に構築することで、利便性向上や効率化の捻出に利用するためのモックアプリです。 正常に動作しない前提なら、もう直でネイティブアプリを作っちゃ... 2024.08.28FlutterJavaScriptreact-native業務効率化
react-nativeコマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か? ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd (アプリまでのパス)my-app npm start cd (アプリまでのパス)my-app npm run build cd... 2023.04.10react-native業務効率化
react-native【CSS 疑似要素】before, afterのcontentプロパティ内で文章を改行する方法 やむを得ずHTML内の文章をCSSで入れ込むことが稀にあります。その方法こそ「content: "~"」です。これはおなじみなので特に説明の必要もないかと思います。 しかし、このcontent内の文章に改行や空白を入れたいときは少しトリッキ... 2023.02.06 2023.02.14react-native業務効率化
FlutterYoutube Data API APIキー発行手順と有料か無料かを解説・セキュリティ対策も【2022年9月】 今回はYoutubeのAPIの中でも王道となり得る、Youtube Data APIを使う下準備をしていきましょう。YoutubeにはYoutube iFrame Player APIというAPIもありますが、こちらのData APIに限っ... 2022.09.07FlutterJavaScriptreact-native業務効率化
react-nativeReact Nativeオワコン論争2022 React Nativeは既にブームが去って、世間に見捨てられたという意見がネット界隈で浸透しています。そもそもオワコンとは、「終わったコンテンツ」の略で最盛期を過ぎてもはや流行らないものを指します。果たしてReact Nativeは過去の... 2022.02.16 2022.03.27react-native
react-nativeReact NativeのonPressに引数を利用する方法 画面遷移などのときに、変数を次の画面へ渡したい場合が多々あります。<View>などにonPressを使って引数を指定するにはどうしたらよいのでしょうか。 引数なしの場合のonPress これは単純に<View>や<Text>などにonPre... 2022.02.14 2022.02.15react-native
react-nativeReact NativeのcreateNativeStackNavigatorが動かなかった話 React Nativeで画面遷移するときにStackという画面移動方法を使用することが多いのですが、このStackの指定がうまくいかず、無駄に時間を取られました。Stack Navigatorの挙動については公式サイトに掲載されていますの... 2022.02.14react-native
react-nativeReact、React Nativeにおけるフックとは何か【基本とサンプルコード】 React Nativeに触れる機会が多くなって、フック(英語:hooks)という言葉にぶつかりました。hookを和訳すると、動詞の場合は、釘にかける、やホックで留める、ひっかける、など掛ける・留めるという意味です。名詞として使えば、かぎ・... 2022.02.10 2022.03.18react-native
react-nativeFirebase JS SDK バージョン 9でCloud Firestoreに接続するには Firebase公式サイトの実装ガイドに従ってReact NativeのアプリからCloud Firestoreに接続して、データベースを取得してみました。Firebase公式のサンプルコードはに掲載されているものに出来るだけ沿ったので、な... 2022.02.08 2022.03.18react-native
react-nativeReact Nativeのreturnにmapで取得した変数を入れても出力されずハマる React Nativeで<View>を出力するにはreturnで実装しますが、そのreturnの中に変数を使うこともできますね。たとえば export default function App() { ・ ・ ・ return ( <Vi... 2022.02.07 2022.03.18react-native
react-native【Firebase】databaseURLが見当たらない? Firebaseの『Firestore Database』からデータを参照したかったのですが、公式ドキュメントに import { initializeApp } from 'firebase/app'; // Optionally imp... 2022.02.07 2022.03.27react-native