NativeBaseを導入しようとしたら、無限に怒られた
怒られるまでの流れ
- MicrosoftのReactNativeをTypeScriptでやっていくリポジトリをクローンして、とりあえず動いた〜〜〜と喜んでいた
- Microsoft/TypeScript-React-Native-Starter: A starter template for TypeScript and React Native with a detailed README describing how to use the two together.
- (その前に、tscし忘れてて、動かないんですけど!!!!!とブチ切れていたのは秘密)
- その後、NativeBaseというUIライブラリを入れてみた
- で、導入して、つけてみたら、以下のエラーが何をやっても出てきていた
error: bundling: UnableToResolveError: Unable to resolve module `AccessibilityInfo` from `/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/Libraries/react-native/react-native-implementation.js`: Module does not exist in the module map or in these directories: /Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/node_modules , /Users/symmt/Program/Study/ReactNative/Molpe/node_modules , /Users/symmt/node_modules This might be related to https://github.com/facebook/react-native/issues/4968 To resolve try the following: 1. Clear watchman watches: `watchman watch-del-all`. 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`. 3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start -- --reset-cache`. at ResolutionRequest._resolveNodeDependency (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:394:11) at tryResolveSync (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:136:20) at tryResolveSync (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:66:12) at ResolutionRequest.resolveDependency (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:134:22) at dependencyNames.map.name (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:145:59) at Array.map (<anonymous>) at ResolutionRequest.resolveModuleDependencies (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:145:42) at module.read.then (/Users/symmt/Program/Study/ReactNative/Molpe/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:172:40) at <anonymous> at process._tickCallback (internal/process/next_tick.js:188:7)
解決策
以下、動くようになるまで調べたりやったことのまとめ
ReactNativeのバージョンとNativeBaseのバージョンがあっているかを確認
NativeBaseのリポジトリに、ReactNativeのバージョンとそれに対応するNativeBaseのバージョンが書いてあるので、合致しているか確認
この時点で、自分の環境が以下のようになっていることに気付く
- ReactNative:
0.44.0
- NativeBase:
2.3.2
NativeBaseの2.3.+
では、ReactNativeの0.46.0以上
を使ってね!!と書いてあった
ReactNativeのバージョンが低いやん...!となり、以下の感じでReactNativeのバージョンを更新した
$ yarn upgrade react-native@^0.48.0
またられる
今度は、undefined is not an object (evaluating 'ReactInternals.ReactCurrentOwner')
と怒られた
ファーーーーーーとなりながら、ggったところ、以下のIssueを見つけた
@winterrain5 As I mentioned, make sure you've installed the correct version of React. If you're using React Native 0.45:
yarn add react@16.0.0-alpha.12
なるほど? そのまま、reactを更新したところ、動きましたとさ。
なお、この記事を書いた段階だと、NativeBaseがreact@16.0.0-alpha.13
をサポートしていないと書いていたので、注意。
ReactNativeさわりはじめて思うのは、エラーログから何を対処すればいいか、サクッとわからないので、つらい
おしまい。
Slackのクライアントアプリが重くてつらいので、ブラウザで運用することにした
Android開発をするようになってから、作業中に「PCが重いな〜〜〜〜」と思う率が高い気がする。 で、アクティビティモニタを見てみたら、Slackがなかなか重そうなことに気づく。
ggってみると、クライアントつかわず、専用ブラウザで運用する人もいるそうな?
自分でもやってみるか〜〜〜〜〜〜〜と思って、ごにょごにょしたので、そのまとめ
やったこと
Slackの専用ブラウザとしてSafariを使った
そのままです。 Chromeよりは軽いと思うから、Safariで運用していこう!!と決めただけ。
今まで開いてたSlackのチームをSafariで開きまくった
たくさんチャンネル入ってるとダルそうな作業です Slackで利用しているメアドを統一していれば、以下の記事を読むと幸せになります
https://slack.com/signin/find にアクセスして、メールアドレスを送れば、 JoinしているチームのURLが記載されたメールが受け取れます。最高に便利。
あとは、そこからポチポチしてけば良し。
Safari Standを入れて、左端にタブを表示するようにした
当たり前ですが、ブラウザで運用するとなると、開いた各チームはタブになります。 元のクライアントアプリみたく、左サイドに欲しい……..。
Safari Stand
を入れるとできるとのこと。
以下を参考に導入しました。
なお、これで導入して表示したサイドバーを移動させたいときは、右クリックすると出てくる Move Sidebar To Far Side
をクリックすると移動できます。
(最初右側に表示されてしまって、左に移動させようにも、ドラッグ移動できるわけでもなくびびったのでメモ)
おわりに
とりあえず、これで開発中に「パソコン重い!!!!!!!!!!」とイライラしなくなるといいですね
IoTなLED電球をもらった
1ヶ月前、誕生日でした。
いろいろと、ありがとうございました。
そのときに、気になっていたBluetooth接続できるLED電球をいただきました。
ありがとうございます!!!!!!!!!
HOMDOX Bluetooth LED RGBW 電球 APPで音楽再生照明調整 6W LED音楽ライト アプリコントロール機能付き E27口金対応
- 出版社/メーカー: HOMDOX
- メディア: エレクトロニクス
- この商品を含むブログを見る
こういう電球は、Hueが有名ですが、
気になるけどくっそ高くて、なかなか手を伸ばせないな〜〜〜〜と思っていたので、
2000円かからないでゲットできるなら触ってみたいと思ってたのです。
と、いうわけで、遊びました。
とりあえず、電球を設置するのに、IKEAでウォールブラケットを買ってきました。
で、買ってきて気づいたのですが、このウォールブラケットは電球の型がE17のものでした…………… このLED電球の型はE26でした………………
変換コネクタを買って、かまして、つけたのですが、不格好に………………………….
んぎゃーーーーーー
— トライさん (@mrtry_) 2017年5月7日
電球のサイズ変換してむりくり入れたけど、微妙やあーーーーーーーー pic.twitter.com/ks6dpaFYkg
うぐーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
気になるけど、まあ、いいか、うん
で、Bluetoothで接続してアプリいじると調光ができるそうなので、やってみた
ディスコ感(?)があります
色も好き勝手に変えれるし、輝度も調整できるので、すっごく楽しいです
夜、シーリングライトつけると明るすぎるな〜〜と思ってたので、
夜の部屋の照明として使っていきたいな、という感じです。
Hue的な電球欲しい人には、おすすめできるかと思います👌👌👌
ストレングスファインダーをやってみた
就職して1年たったけど、私より歴の長いエンジニアとお話をしていると、 あたりまえですが、めーっちゃできる人ばかりで、 「自分ダメダメだけど、長所ってどこなんだろ」って思いました。
そう思ったからと言って、他の人に「私の長所ってどこ?」って聞いてみても、 一緒に仕事してる人にそれって聞きにくかったりするし、 仕事してない人だと、エンジニアリング的な長所を聴くことは難しい気がしている。 (勤務先、エンジニア少なくて、母数が少ないってのもある。)
ちょっと前ぐらいに、F太×jMatsuzaki Radio 第1回 『ストレングスファインダー』を聞いていて、 「そういえば、そんなのあったなあ」と思い出したので、やってみた。
ストレングスファインダーとは
30分ぐらいアンケートに答えていくと、34個ある強みから、その人の強みを教えてくれるやーつ。 課金額に応じて、自分の強みをランキング形式で確認できるやーつ。
やりかた
長そうなので、端折ります。 以下のサイトをご参照くださいませ。
ちなみに私は、書籍版を買いました。
さあ、才能(じぶん)に目覚めよう―あなたの5つの強みを見出し、活かす
- 作者: マーカスバッキンガム,ドナルド・O.クリフトン,田口俊樹
- 出版社/メーカー: 日本経済新聞出版社
- 発売日: 2001/12/01
- メディア: 単行本
- 購入: 160人 クリック: 3,045回
- この商品を含むブログ (463件) を見る
そして、この記事書いてるタイミングで、
新板が出ることを知って、かなしいお気持ちになっております。
さあ、才能(じぶん)に目覚めよう 新版 ストレングス・ファインダー2.0
- 作者: トム・ラス,古屋博子
- 出版社/メーカー: 日本経済新聞出版社
- 発売日: 2017/04/13
- メディア: 単行本
- この商品を含むブログを見る
書籍版だと、後ろのほうに、シリアルナンバーがあるので、それを本家サイトに入力して30分ぐらいポチポチしていく感じです。 私は、オフトゥンにもぐりつつ、iPadでポチポチやっていきました。
やった結果
iPadでポチポチして、最後までやってすぐに寝落ちして目覚めると、以下のレポートが返ってきました。
- 運命思考
- 運命思考という資質を持つ人は、あらゆる人や物事は互いに結びついていると考えています。この世に偶然というものはほとんど存在せず、ほぼあらゆる出来事には何らかの理由が存在すると確信しています。
- 個別化
- 個別化という資質を持つ人は、一人一人が持つユニークな個性に興味をひかれます。異なるタイプの人たちの集団をまとめ、生産性の高いチームを作ることに長けています。
- 学習欲
- 学習欲という資質を持つ人は、学習意欲が旺盛で、常に向上を望んでいます。特に結果よりも学習すること自体に意義を見出します。
- 内省
- 内省という資質を持つ人は、頭脳活動に多くの時間を費やします。内省的で、自分の頭の中で考えるのが好きで、知的な討論が好きです。
- 回復志向
- 回復志向という資質を持つ人は、問題を解決するのが大好きです。どこに問題があるのかを探りあて、それを解決することに長けています。
結果を見てみて
見てて「それな〜〜〜」感はあるので、当たってると思う。
なんか、エンジニアっぽいなあ、と思いました。
「運命的思考」は、「何をしたくて、これやってんだろ〜〜。」って考えるのはエンジニアとして普通の習慣っぽいし、 「個別化」は、お話する時「この人何考えているんだろ〜〜。」って話聞きながら考える事多いからあたってるっぽいし、 「学習欲」は、「これ作るのに勉強しなきゃな〜〜。身についたら楽しそうだな〜〜。」って思えるあたり当たってるっぽいし、 「内省」は、あれこれ考えつつコード書いたり、料理したりするのすきだし、 「回復志向」は、「このコード治したら、これが良くなるから、テンション上がるわ〜〜。」ってなるので、当たってるっぽい。
そんな感じで、エンジニア向いてそうだなあ、ってちょっと元気になりました(?)。
まとめ
ストレングスファインダーやってみたら、自分の強みがわかったぞー。
自分の強みTOP5は以下の5つらしいぞ。
- 運命思考
- 個別化
- 学習欲
- 内省
- 回復志向
これ見ると、自分はエンジニアに向いてそうな気がした。
この強みを活かした思考をしたいと思ったら、
以下の感じで考えるクセをつければ、いい感じになる気がしました。
- コードを読むときは解決しようとしている背景を想像して、
- そのコードで解決しようとしているドメインを理解して、
- 必要な知識は都度取り入れつつ、
- 得た知識で良さそうな解決策を内省して、
- 問題の解決に取り組むようにする
余談
これ書いてて、Fate/stay night の士郎さんの投影みたいな感じで、かっこいい気がした。
・創造理念
・基本骨子
・構成材質
・製作技術
・憑依経験
・蓄積年月
以上の要素を再現するという工程を経ているそうな。
もっと詳しく書くと、創造の理念を鑑定し、基本となる骨子を想定し、構成された材質を複製し、製作に及ぶ技術を模倣し、成長に至る経験に共感し、蓄積された年月を再現する、との事。
Fate辞典-ト
人見知りを解消したいお気持ち
昨日、勉強会に参加してた。
そこで、人見知りスキル発動しまって、しゃべりたい人とおしゃべりせずに帰ってきてしまった(´・_・`)
なんか、ちょっと、人見知りスキルをどうにかしたさがあって、思考を巡らせてみたので、その記録。
人はなぜ、人見知りをしてしまうのか
私は、人見知りしてしまうやつなので、なんでそうなるのか考えてみた。
そもそも、人見知りってなんだ?ってとこから考えてみる。
意味的なところは、wikiからとってきてみる。
人付き合いが苦手なこと、知り合いや顔見知りの前で自由な感情を表現できない事 Wikipedia: 人見知り
なるほど。そうです。その症状です。
私は緊張すると、表情筋こわばっちゃって、声が出しにくくなっちゃいます。
じゃ、なんで、そうなっちゃうんでしょうね。
これもwikiからとってくる。
人見知りが激しいなど個人差の程度はあるが、本来、動物なら本能的に持ち合わせている性質であり、動物の警戒心が激しい様を人に対しては、人見知りが激しいと用いられる。 Wikipedia: 人見知り
なるほど。 人見知りをする心 is 警戒心
ということらしい。
たしかにそんな気がする。
じゃ、どんなところで「警戒心」を持ってしまうんだろう。
雑にいくと、「よくわからない人だし、こわい」っていう感じなんだろうなあ。
自身の「警戒心」はどうやったら解消できるのか
じゃ、その、「よくわからない人」を解消すればいいよね、ってなりますよね。
「お話しても大丈夫そうな人」という安心感を得られれば、きっと解決するはず。
と、思ったところで、「結局それ、話しかけるしかないのでは」と思ってしまった。
「安心できる」という情報を得るためには、結局相手に話しかけて、情報を引き出さなきゃいけない。
でも、「警戒心」があって「話しかけれない」という状態が人見知りだから、武装なしに突っ込むのは怖い。
なら、とりあえず、意識低く実行できる「話しかけメソッド」を自分の中につくって、それを使っていけばいいんじゃないかな。
「話しかけメソッド」があれば、「とりあえず、これで話しかけよう」って感じで。
話題を考える工程がなくなるから、心理ハードル低く話しかけれるよね。
話しかけメソッド
というわけで、「話しかけメソッド」を考えてみた。
名乗る
完璧初対面なら、とりあえず名乗るだけで全然いいよね?
名乗って、自己紹介織り交ぜて喋れれば、それだけで共同体感覚得られて、良さそう。
私: はじめまして。とらいといいます。 相手: あ。どうも。◯◯です。 私: よろしくどうぞー。仕事なにされてるんです? 相手: ◯◯ってとこで、☓☓してて、 ....
とか、なるやん。
すごそうな話題とか考えなくたって、初対面なんだから、それだけでいいじゃんか。
なんだか、いけそうな気がしてきたぞ。
ゆるい質問をする
顔知っててしゃべったことないレベルの感じだと、名乗っても仕方がない。
そんなときは、ゆるい質問をするればいいじゃんと思った。
「ゆるい」ってのが大事そうで、とりあえずテキトーにでも返せそうなのがよさそう。
「調子いい?」「最近どう?」とか無難だし、答えやすいよさそう。
相手が話題があったら出てくるし、なくても自分の話題持ってれば出せばいいし。
私: 最近調子どうです? 相手: いいかんじっす 私: おー。仕事とかもいい感じです? 相手: そっすね!最近は、◯◯なことしてて....
とかとか。
全然これでいいんだよね。 会話はキャッチボールなんだから、ゆるめの投げ始めができれば、相手にその気があれば、投げ返してくれるはず。
まとめ
- 人見知りの原因は、よく知らない相手に対しての警戒心から来ている
- 解消したかったら、自身の警戒心を解消する手段を身につける必要がある
- そのためには、やっぱり話しかけなきゃいけないよね
- 自分から話しかける際の汎用的に使える便利メソッド
- とりあえず名乗って、そこから自己紹介していく
- 「元気?」「調子どう?」とか返事がしやすい質問する