2018-01-01から1年間の記事一覧

最近Expoでアプリ書いてるのに使ったTipsなど

React Native Advent Calendar 2018 - 17日目の記事です 最近Expoでアプリを書いているので、そこで使った小ネタを紹介 独自実装したモーダルの動き#reactnative #expo pic.twitter.com/bBKOtMKdvk— .あーる (@DotEarl) December 3, 2018 画面全体を覆うスタ…

Typescript + React + Redux + SSR 辺りの素振り

仕事で使うことになりそうなので素振り 要点を抑えながらシンプルめに書いてみた インクリメントするだけのアプリ セットアップ 基本的なの $ yarn add react react-dom redux react-redux $ yarn add --dev typescript ts-loader webpack webpack-cli 型情…

ReactNative アップグレード対応 v0.52 -> v0.56

みんな大好き恒例のアップグレードをしたので、その時にハマった事のメモ 今回は v0.52.2 から v0.56.0 にアップグレードした 前回のアップグレードよりは楽だったけど、本体のバグらしき罠にだいぶはめられた ちなみに前回と同じく $ react-native-git-upgr…

TwitterKitを使ってるアプリでWeb経由の認証が出来なくなったのを解決した

Twitterの仕様変更 本日(2018/06/12)に認証周りの仕様が変わった。 認証して戻ってくる時のコールバックURLをデベロッパーの管理画面で設定するのが必須になった Callback URL — Twitter Developers TwitterKitを使ってログインを実装してるアプリで、端末…

react-native-domをちょっと動かしてみた

いい加減触るかと思いたち、チュートリアルをしてみた github.com セットアップ 適当なサンプルプロジェクトをinitする $ react-native init rndomExample まずは普通にアプリを起動してみる $ react-native run-ios ふむ 次に本題のセットアップ $ yarn add…

react-native-firebaseでプッシュ通知を扱う

react-native-firebaseでプッシュ通知を扱う時のメモ github.com 実装 基本的な実装はドキュメントへ React Native Firebase - Simple Firebase integration for React Native 扱い方 プッシュ通知を押すとアプリが起動するが、そのパターンが3つある ① ア…

homebrewでphp71-*系がインストールできなくなってた

php実行したらintlが無いよって言われて、じゃぁ入れますよと $ brew install php71-intl 打ったらそんなもんねぇって言われた これはintlに限らずphp71-がつくモジュール全部 今のバージョン $ brew --version Homebrew 1.5.14-3-g94c0d83 Homebrew/homebre…

react-navigationでスクリーンの重なりを保持したまま深い階層に飛ぶ

小ネタ 良いタイトルが思いつかなかった react-navigationでいっきにnavigate()で2つStack詰む方法あるのかな?バックボタン押した時に戻る分も設定したくて— .あーる (@DotEarl) 2018年4月2日 プッシュ通知からのDeeplinkで特定の深い階層に飛ばしたい時、…

React context APIを触ってみた

元ネタ medium.com React v16.3でcontext APIというものが入った このAPIを使うとReduxと同じようなデータフローを簡単につくれるらしい 記事中にわかりやすい説明があるので動かしてみた 環境構築 create-react-app をベースに使う $ npx create-react-app …

GoogleHomeとIoTデバイスでオフィスのQOLを上げた話

GoogleHomeとIoTデバイスを使ってオフィス環境の向上と 仕事が効率化するように色々やったので紹介しようと思います 前提として、うちの会社(Togetter社)はオフィスに10名ちょっとしかいないので、GoogleHomeに好き勝手喋らせてもわりと大丈夫です プログ…

今更だけどparcelの素振り

parcel + react + reduxを動かしてみる 環境構築 セットアップの仕方は公式サイトに親切に書いてある Recipes parcelをグローバルインストール $ yarn global add parcel-bundler ディレクトリを作成 $ mkdir parcel & cd parcel $ yarn init -y まずはドキ…

ReactNative アップグレード対応 v0.46 -> v0.52

最近、苦行のアップグレード対応をした RN v0.46からv0.52にアップグレードした時に色々エラーで引っかかったので なにを修正したかのメモをする $ react-native-git-upgrade はうまく動かなかったので使ってない 自力で差分をみてマージした 前提として、iO…

スマートコンセントを買ったので設定してみた

スタンドライトをGoogle Homeから操作したかったので、スマートコンセントを買ってみた スマートコンセントは、自身がWifiに繋がっているのでネット経由で電源をON/OFFできる 単純な仕組みなので使える家電は限られてくる スタンドライト操作するのに買った…