Nuxt.jsと同等ESLint設定を他のプロジェクトでも使う
先日書いたようにVisual Studio Codeを使い始めました。 Emacs卒業なるか。JS用のエディタとしてVS Code使い始める際に設定したこと。 - PIYO Notes 普段使いのエディターはEmacsでして、仕事で一番書いている割合の多いRailsやテキストを書 …
ReactNative
2019
社内用アプリのReact Nativeを0.58にアップグレード
RNアプリを0.50.3から0.58.3に一気に上げました。 社内アプリのReact Nativeのバージョンを上げてる — Hiromasa Ohno（ぴー） (@pi_cha_n) February 6, 2019 案外苦労しませんでしたが、ちょっとだけ困ったので …
React NativeアプリでAndroidでstartsWith関数の実行結果が異なる（っぽい）のにハマった
React Nativeのアプリで、ある文字列が特定の文字列で始まる場合に何かするみたいな、↓こんなif文を書いていたんですが、Androidの実機で動かないケースに遭遇しました。 1if(text.startsWith('xxxx')) { 2 // do …
2018
Bootstrap4のspacing用のクラスみたいなのをReact Nativeでも使いたい
Bootstrap4のmarginとかpadding用のユーティリティクラスが手軽でつい使ってしまいます。 これね。mt-3みたいなやつ。 Spacing Bootstrap includes a wide range of shorthand responsive margin …
React NativeでのMarkdownライブラリまとめをアップデート
以前React NativeのMarkdown用ライブラリを比較しました。 React NativeでMarkdownを表示する方法をいくつか比較してみた - PIYO Notes GitHubのようにMarkdownが書けるようなサイトが増えています。僕の働いているソニックガー …
React NativeアプリのデバッグでParallelsのChromeが開いてしまう
React Nativeアプリの開発中のRemote DebugにはReact Native Debuggerというのを使います。しかし、うっかりそいつを起動せずにデバッグを始めるとChromeでデバッグ用のタブが開いてしまい少し面倒なことになります。
React NativeでHTMLを表示するHTMLViewに対しての理解が進んだ
以前こちらの記事でMarkdownをHTML化して表示するための方法をいくつか紹介しました。 React NativeでMarkdownを表示する方法をいくつか比較してみた - PIYO Notes GitHubのようにMarkdownが書けるようなサイトが増えています。僕の働い …
Xcode 10へアップデート後にビルドできなくなったReact Nativeアプリへの対応
Xcodeが10にアップデートされたあと、React Nativeの既存プロジェクトのビルドが通らなくなりました。 たとえば↓のようなエラーがでました。 Build input file cannot be found: …
Android PでReact Nativeアプリの逆方向のリストのスクロールが引っかかる感じになった
自社でも使っているツールのReact Native製のアプリを使っている同僚から、Androidを上げたらスクロールがおかしいよという連絡があったので調査をしました。 問題が起こるのは、逆方向のリストを表示している箇所です。逆方向のリストとは画面一番したが要素の先頭で、上にスクロ …
SGTechにて「CodePushでリリース楽しようぜ」的な話をしてきました
してきたというか、開催したというか、そんな感じです。 7月14日に「SonicGarden Tech 2＠浜松」開催します - PIYO Notes 僕の住む浜松にてSonicGarden Techというイベントの第2回を開催します。今回はReact Nativeをテーマとしてい …