JavaScriptRenderからNeonへDB移行したら、間違ったリポジトリを本番運用していたことに気づいた
1. きっかけ：Renderの無料PostgreSQLが90日で消えた ある日、いつものように開発中のアプリを触ろうとしたら、DBの中身が空っぽになっていました。 一瞬「え、何かやらかした？」と血の気が引きましたが、調べてみるとRender...
react-native
JavaScript
JavaScriptReact Native(Expo)アプリをXcodeで実機デバッグするまでの全工程〜Mac miniでハマったポイント総まとめ【iOS開発ガイド】
最近、React Native(Expo)で作っているアプリを、いよいよMac miniのXcodeから実機(iPhone)でデバッグしようとしたのですが、これがもう一筋縄ではいきませんでした。 「ケーブルで繋いでビルドボタンを押すだけでし...
Flutter淡水水槽用アプリ for iPhone（仮）のモックをWebで作ってみる 第１回
もちろんモックなので正常に動作しません。見てくれの部分や特定のボタンを押した時起こるリアクションを簡潔に構築することで、利便性向上や効率化の捻出に利用するためのモックアプリです。 正常に動作しない前提なら、もう直でネイティブアプリを作っちゃ...
react-nativeコマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か？
ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd （アプリまでのパス）my-app npm start cd （アプリまでのパス）my-app npm run build cd...
react-native【CSS 疑似要素】before, afterのcontentプロパティ内で文章を改行する方法
やむを得ずHTML内の文章をCSSで入れ込むことが稀にあります。その方法こそ「content: "～"」です。これはおなじみなので特に説明の必要もないかと思います。 しかし、このcontent内の文章に改行や空白を入れたいときは少しトリッキ...
FlutterYoutube Data API APIキー発行手順と有料か無料かを解説・セキュリティ対策も【2022年9月】
今回はYoutubeのAPIの中でも王道となり得る、Youtube Data APIを使う下準備をしていきましょう。YoutubeにはYoutube iFrame Player APIというAPIもありますが、こちらのData APIに限っ...
react-nativeReact Nativeオワコン論争2022
React Nativeは既にブームが去って、世間に見捨てられたという意見がネット界隈で浸透しています。そもそもオワコンとは、「終わったコンテンツ」の略で最盛期を過ぎてもはや流行らないものを指します。果たしてReact Nativeは過去の...
react-nativeReact NativeのonPressに引数を利用する方法
画面遷移などのときに、変数を次の画面へ渡したい場合が多々あります。<View>などにonPressを使って引数を指定するにはどうしたらよいのでしょうか。 引数なしの場合のonPress これは単純に<View>や<Text>などにonPre...
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() { ・ ・ ・ return ( <Vi...
react-native【Firebase】databaseURLが見当たらない？
Firebaseの『Firestore Database』からデータを参照したかったのですが、公式ドキュメントに import { initializeApp } from 'firebase/app'; // Optionally imp...