【ReactNative】【Expo】カフェで作業する場合、実機確認ができないことがあるよね?

あるよね!あるよね!イェーーー!!!! そんなときは --tunnelオプションを exp start --tunnel

Expoで初めてのiOSアプリをデプロイするフロー

前提 expo-cliがinstallされている Xcodeをinstallされてる AppleDeveloperProgramに登録している Expoがやってくれる箇所は極力Expoに任せる という前提です。 リリースの流れ 1. App IDを作成 2. AppStoreConnect上でアプリを作成 3. Expo Cliを使ってビル…

Bitnami製のWordpressをSSL化した

前置き なんだかんだ公式ドキュメントに全て書いてます。 一部わかりにくかったので自分用と引き継ぎ用のメモって位置付けです。 docs.bitnami.com 流れ ※前提として、念の為DBのバックアップは取っておきました。 Goをinstall(しなくて良かった) Legoをin…

【ReactNative】変更が反映されない

試したけどできなかったこと(以前はできた) watchman watch-del-all 今回の解決方法 github.com 原因 ./.git/index.lockファイルが存在してたこと index.lockってなんだ? これ stackoverflow.com

ReactNativeDebuggerをExpoで使う

なに Expoは利用するポートが通常のReactNativeでの起動と違うので、ポートを指定する必要がある。 open "rndebugger://set-debugger-loc?host=localhost&port=19001" 参考 www.gravitywell.co.uk

"git log"などで日本語が文字化けしたので対処した

OS Ubuntsu How ~/.bashrc に以下を追加する export LESSCHARSET=utf-8 以下を実行(または再ログインすると.bashrcを再読み込みしてくれる) source ~/.bashrc

【ReactNative】expo requiring unknown module "hoge" エラー

"hoge" は92とか101適当な数字が入ることが多い。 原因 ファイル名を変更したこと。 解決 リスタート

【ReactNative】Androidビルドエラー④

エラー Failed to capture snapshot of input files for task ':app:bundleReleaseJsAndAssets' property '$1' during up-to-date check. 解決 rm -rf node_modules npm i 考察 わからない

【ReactNative】単一ソースを複数アプリ(target)にビルドしたときの話

背景 同じようなシステムを別のターゲットに少しだけ内容を変えてリリースしたいという状況だった。 具体的には、国家試験対策アプリを歯科医師用と歯科衛生士用に出したかった。 歯科医師用アプリはiOS, Androidでリリース済みで、衛生士用も同じく両プラッ…

【ReactNative】iOSアプリのリリースフロー

前提・背景 この記事は、「使用中のmacで1度以上iOSアプリをリリースしたことがある」前提です。 自分がその状態のため、思い出しながら備忘録として書いています。 リリース経験がない人は、この記事最下部におすすめ記事を書いているので、それがすごく参…

【ReactNaitve】ReactNativeDebuggerが便利すぎた

開発し開発しながら書いてるので思いつき次第随時拡充していきます。 イメージ これだけで大体分かる思うけど、 - stateの確認 - reduxアクション確認 - reduxアクション毎のstateの差分(diff)の確認 - 要素検証(Chromeの「検証」に近い) - console.logの確…

【ReactNative】git clone直後のBuild input file cannot be found: エラー解決方法

エラー ❌ error: Build input file cannot be found: 'path_to_project/node_modules/react-native/third-party/double-conversion-1.1.6/src/strtod.cc' ▸ Compiling fast-dtoa.cc ❌ error: Build input file cannot be found: 'path_to_project/node_modul…

【ReactNative】Androidリリースをイチからメモ

流れ 鍵を生成・配置 gradle.propertiesにgradle変数を追加 build.gradleにsigningConfigsを追加 APKファイルを生成 APKファイルをplay storeへアップロード 1. 鍵を生成・配置 生成 keytool -genkey -v -keystore your_app_name.keystore -alias your_app_n…

【ReactNative】コスパ良くクオリティ上げるならとりあえずLayoutAnimation入れとこ

苦労せずになんとなーくアプリのクオリティを上げたいあなたにおすすめです。 Animationを適用したいScreenのcomponentWillUpdateにでも書いておきます。 import { LayoutAnimation } from 'react-native' --------------------------------------------- co…

【Shell】GithubのPullRequest作成ページを一発で開く関数(ワンライナー)

関数の定義 .zsh_aliasや.bash_aliasに書いておく。 # カレントブランチから$1ブランチへのPullRequestを開く function opr() { parentBranch=$1 currentBranch=`git branch | grep "*"` repoName=$(git remote show origin -n | ruby -ne 'puts /^\s*Fetch.…

【Laravel】validationエラーの情報はちゃんとObjectで返ってきてるぞ!

Laravelで用意されている通常のvalidation機能 laravel.com を使うと、フロントエンドでエラーメッセージ等の詳細情報を取得できないのかと思って焦っていた。 そのとき僕は以下のようにエラーハンドリングしていた(つまりしてないw) .then((data) => { })…

【ReactNative】Androidビルドエラー③

エラー INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package your_app_name signatures do not match the previously installed version; ignoring! 解決方法 adb uninstall your_app_name 参考 gist.github.com

【HTML】required属性を無視する一番楽な方法

とあるプロジェクトでフォームの一時保存機能を実装していたときに見つけた。 submitボタンにformnovalidate属性を付けると、そのボタンを押下して送信された場合はrequiredやmaxlengthなどを無視してくれる。 まさに一時保存機能を実装するときの為にあるよ…

【ReactNaitve】Androidアプリのpackage名を変える

package名を変える理由 kang.hateblo.jp のようにアプリの引き継ぎ作業をしていた。あーだこーだしていざ、APKファイルをアップロード!というところで APK または Android App Bundle のパッケージ名は「●●●」とする必要があります。 と言われてしまった。 …

【ReactNative】Androidの証明書(keystore)を引き継ぐ

概要 基本的には通常通りで変わらない。 kang.hateblo.jp ↑の通りでリリースできるはず。 しかし、過去にリリースしたアプリで使っていた証明書を引き継ぎする必要があったのでその手順をメモ。 流れ keystoreを置き換える gradle.propertiesを書き換える 1.…

【ReactNative】Androidビルドエラー②

エラー error: failed linking references. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-youtube:verifyReleaseResources'. > com.android.ide.common.process.ProcessException: Failed to exe…

【ReactNative】Androidビルドエラー①

react-native run-androidを実行すると以下のエラーが発生した。 * What went wrong: Could not create service of type ScriptPluginFactory using BuildScopeServices.createScriptPluginFactory(). > Could not create service of type FileHasher using …

【MySQL】Jsonカラムに値が入れられなくて困ったら

stagingとかからexportしてきた値をlocalDBにimportしようとすると、こんなエラーに遭遇した。 Cannot create a JSON value from a string with CHARACTER SET 'binary'. 文字コードを変えると良さそうだけど、シンプルに 一旦カラム定義をText型にする デー…

【ReactNative】Androidで2回目以降のリリースフロー

だいたい開発中はiOSでStaging(TestFlight)まで上げてAndroidは後回しにするので忘れがちな自分のために備忘録を。 手順 ビルドバージョンを変更 リリースビルドを作成(APKファイルを生成)(CLIコマンド一発) APKファイルをGoogle Play ストアにアップロ…