DevFest 2017 FirebaseとReact Nativeでのモバイルアプリの作り方 @k2wanko https://tokyo.gdgjapan.org/
![How to make mobile app with Firebase and React Native](https://cdn-ak-scissors.b.st-hatena.com/image/square/d934928e70bd71ac6bbc146803091df09b759e83/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F6797700d36a344f687b1db1368106708%2Fslide_0.jpg%3F8715112)
DevFest 2017 FirebaseとReact Nativeでのモバイルアプリの作り方 @k2wanko https://tokyo.gdgjapan.org/
React Native BlogでCRNAが発表されていて モック開発用?Production投入できるの? と気になったので試してみました。 facebook.github.io CRNAとは Create React Native App の略称で、Facebook(React Community) からリリースされた React Nativeの開発を支援するためのツールで XcodeやAndroid Studioを使用すること無く(!) React Nativeで書いたコードを実機で動かすことが可能です。 there’s no need to use Xcode or Android Studio, and you can develop for your iOS device using Linux or Windows. This is accomplished using t
Update: Changed the project source to use Expo and changed the structure a little bit to use transforms instead of height to be able to leverage the native driver. See this commit for the changes I made. Here’s a walkthrough that shows how to build a header that is animated with the scroll position of a ScrollView. I had to build something similar for an app and found out that it was really easy t
今月の13日と14日に米カリフォルニア州のサンタクララでReact Conf 2017というReactのカンファレンスが行われました。このタイミングで発表されたのが、今回紹介する「create-react-native-app」です。Reactの「create-react-app」と同様コマンド一発でReact Nativeアプリの開発環境を構築してくれるツールです。これは、これまでなかなか手の出しにくかったReact Nativeアプリの開発を大きく変えてくれる画期的なツールとなるでしょう。今回はこの「create-react-native-app」の使い方を紹介したいと思います。 create-react-native-appとはReact Nativeはご存知の通り、iOSやAndroidのネイティブアプリをReactの作法で開発するためのフレームワークです。Reactでネイティブア
create-react-native-appが出た カルフォルニアで開かれたReact Conf 2017に合わせてcreate-react-native-appが出たっぽいので早速触ってみました 僕のReactNative歴はハンズオン行ってそのあとチュートリアルで遊んだくらいです create-react-native-appとは FacebookとExpoによるReactにおけるCreate React AppのReact Native版みたいな感じです https://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html https://github.com/react-community/create-react-native-app#philosophy
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
React Native Advent Calender12/24への投稿記事です! メリークリスマス 色々なコンポーネントがありますが、探すのって大変ですよね・・・・。 それに探しても探し切れなかったりなどなど。なので面白そう、あるいはすごそう、使ってみたことあるなどなどのコンポーネント紹介していきます! また、こっちの方がよいぞー!これとかどう?などなどあればお教えいただけますと幸いです! react-native-router-flux 名の知れたルーティングライブラリ。react-routerライクな書き方で使うことができます。 tabだってアニメーションだってできてしまう万能な子。 Sceneを使ってルーティングを定義します。そして戻るアクションやスワイプバックは自動実装。 tabについても書くだけでタブ遷移の仕組みも実装してくれます。 如何せんドキュメントがよくわからなくてソー
以下の2つについて。 アプリ内で出す画像 App Icon XCode慣れしてないフロントエンドエンジニア向け。 アプリ内で出す画像 なんとまあ以下のコードが動く。 import Icon from './icon/foo.png'; <Image source={Icon} /> `import() | require()`で画像ファイルが読める・・! スタイルは他と同じく当てればいいです。 ちなみにファイル名にも注意が必要。 上の例みたく`foo.png`でアクセスしつつも実体のファイルとしては、`foo@2x.png`とかできます。 解像度の調整はファイル名でやるし、`foo@20x.png`とかにすれば1/20サイズで表示できます。 App Icon プロジェクトのツリーViewにある`images.xcassets`から。 `AppIcon`ってのがあるので、必要な画像をドラッグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く