Macなんてゴミだ。 なんでみんなこんなガラクタ大切そうに扱ってどやマックできるんだ。 デザインはいいよ。 他の全てを犠牲にしてるけどな。 お前のせいで俺は何時間時間を無駄にしたと思ってるんだ。 iosがなかったら絶対にお前なんて乗り換えてやる。 お…

react-native-fcm, rails api serverを使い、スマホにプッシュ通知を送るが、全然上手くいかない。 かなり長い間はまっていたのだが、あまりに単純なことで、頭が狂いそうになった。開発中のアプリを、スアホで、開いている、場合は通知が届かないのだ。 ス…

サウナトランスとは、サウナと水風呂に繰り返しはいることによって引き起こされる、トランス状態のことである。 最近サウナにはまって、ほぼ毎日、銭湯に通っている。 サウナに行くと、疲れが非常にとれる。睡眠時間を多少削っても行ってしまう。 そのくらい…

vmware14をダウンロードして、パッチをあてる。 ただそれだけのことにでれだけの時間を費やしただろう。 中古パソコンに８ギガSSD赤ぽちつきが４万だったので買ったが、こんなにはまるんだったら買わなかった。 結局githubで最新のunlockerでvmwareにパッチ…

react-nativeはまだ発展途上のフレームワークなので、ライブラリは不安定で、壊れやすい。そのため、極力使用するライブラリを減らす必要がある。（簡単なものは自作するべきという個人的意見。） まず1 hyperlink <HyperLink><Text>hello world!</Text></HyperLink> とするとtextをハイパーリン…

react-native-snap-carouselはおもったより、融通がきかない。 例えば、sliderItemを小さくすると、途中で切れてしまう。 同時に3つのアイテムしか表示できない。など 以下の記事にある通り、scrollviewで自作したほうが色々出来てよかった。 というよりも、…

Expo SdkとはCRNAでのみ使える、コンポーネントセットだ。 Videoなど、簡単なものは全て揃っている。 ejectで、ネイティブコードとの共存も可能らしいので、使いたい。 react-native initで作ったアプリはExpo Sdkを使えないので困る。 業務で使うreact-nati…

FlatListとはListViewより性能が良く、簡潔に書けるリストのことだ。 しかし、まだハマるところがあるので、メモ。 基本的な使い方は、まず、stateにリスト化するデータを記述。 state = { data: [{ id: 1, title: 'a' }, { id: 2, title: 'b' }, { id: 3, t…

最悪のエンジニア上司にあたった。 react-nativeを使っている会社に、アルバイトとして参加して、react-nativeを書いている。 問題は作っているアプリをその上司が作ったのだが、一ヶ月前に作ったのにも関わらず、9割分からないそうだ。ドキュメントも、コメ…

propTypes React.jsではPropTypesとしてPropについての型などの制約を指定することが出来ます。 var Avatar = React.createClass({ propTypes: { name: React.PropTypes.string.isRequired, id: React.PropTypes.number.isRequired, width: React.PropTypes.…

http://shinespark.hatenablog.com/entry/2017/08/22/080000以上 参照atomでvimを使うにはvim-mode-plusというプラグインを使うその際.vimrcの設定にハマったのでメモ 実はコマンドは https://github.com/t9md/atom-vim-mode-plus/blob/eeb88cfc9b0aedb2c7d0…

https://q-a-assistant.com/computer-internet-technology/15536_react-native-fetch-throws-undefined-is-not-a-function-evaluating-0-reactnative-fetch.html に書かれているとおり、 import {} from 'react-native';の中からfetchを抜くと直る。 なんだ…

renderとreturnの前にif文をつっこめるようだ。 これを見て感動するのは、jsに慣れてないからだろうか。 三項演算子使えるのかな？ ``` render() { if (this.state.isLoading) { return ( <View style={{flex: 1, paddingTop: 20}}> <ActivityIndicator /> </View> ); } return ( <View style={{flex: 1, paddingTop: 20}}> </view>

react navigationのstackNavigatorとTabNavigatorを一緒に使うとき、大体以下のようになる。 const Stacks = StackNavigator({ Stack1: { screen: Stack1 }, Tab1: { screen: Tab1 }, }); const Tabs = TabNavigator({ Tab1: { screen: Stacs }, Tab2: { scr…

react-nativeの公式ナビゲーションの、react navigationは広く使われている。 しかし、公式ドキュメントに少しわかりづらい部分があり、StackNavigatorとTabNavigatorを一緒に使うのに、大ハマリしてしまった。 stackoverflowにも同じ質問が、何回も出ている…

react-nativeでデザインをするときに、便利なのがnativebase デザインだけでなく、あらゆる記述を簡略化してくれるため、（ちょっとしたListViewなどはNativeBaseのコンポーネントを使うと簡素に書ける）重宝している。 しかし日本語のアプリを作る時は<Text>はrea</text>…

reactNative初めました。 ある程度のアプリは作れるようになったので、 成長の記録をここに残していこうと思います。 ReactNati部