GAE/Go + Titaniumで一日でiPhoneアプリを作った話 - Qiita
※GAE/GOの入門記事も書いてみたので、はじめての方は以下を参考にしていただければ幸いです。 http://www.apps-gcp.com/gae-go-gettingstart-01/ はじめに 少し前の話ですが、大学の仲間と１泊２日の開発合宿をおこないました。そのときにつくった「水族館マップ」というアプリの作成話を書かせていただきます。1日じゃなくて2日では？と突っ込まれそうですが開発時間的には24時間未満なので1日・・・ということにさせていただきます。ちなみに水族館をテーマに選んだのは、水族館巡りが個人的な趣味だからです。行った水族館にチェックを入れて、自分だけの水族館制覇マップをつくるのが目的でした。 GAE/Go + Titaniumを開発言語に選んだ理由 それぞれに理由があります。 GAE/Goを選んだ理由 １日という短い期間内でアプリをつくれ、と言われたらGAE以上に最適
やってみようReact Native！ By Globis - Qiita
やってみようReact Native！ 第1部:React Nativeとは何か フレームワークです!! メリット React Native = フレームワーク １つのコードベースでAndroidをiOSのネイティブアプリ開発を行える、Reactをもとにしたフレームワーク。 Reactの思想を受け継ぐ 「Learn once, write anywhere」一度覚えたら何にでも書ける。 仮装DOMを用いれば大抵のUIを表現できる。 Reactではブラウザがレンダラ、React NativeではネイティブUIがレンダラ。 Reactを学んだことをReact Nativeに応用することができる。 効率の良い学習ができる React Nativeではネイティブ側への変更が加わらない場合はネイティブのコンパイルはされない。 ソースコードを書いてから実行されるまでの時間が短い。 ECMAScript
React Native でアプリ開発！初心者のための実装 Tips - Qiita
エイチームライフスタイルアドベントカレンダー2017、3日目です。 本日は株式会社エイチームライフスタイルの、エンジニア兼ソース顔担当の @maa0984 がお送りします。 入社間もない頃に先輩社員から「顔がアルパカに似てる」と言われて以来、トレードマークにしています。 最近英語を勉強しようと、英語のフレーズをリスト化して表示するアプリを作りました。 せっかくなので、興味がありつつも手を出せていなかった React Native に挑戦しました。 初めて使用するため手探り状態でしたが、その中で『やりたかったこと』と『それを実現させた方法』をいくつかピックアップしてお伝えします。 React Native でアプリ作りを始めてみようとしている方に、何かの参考になれば幸いです。 対象バージョン react-native: 0.49.3 react-native-swipeout: ^2.2.2
React NativeでiOS, Androidのストア公開のTips - Qiita
最初に 忘れてはいけない、でも目を背けがちなストア公開を記事にします。 私の場合ですが、web案件がメインだったため、社内に詳しい人物がおらず調べながらストア公開をしました。 また、ReactNativeをやるということは、何かしらWeb開発の経験がある人が多そう。共通課題と思っています。 私の場合、 RNで知見が少ない そもそもWeb開発がメインだからストア公開とかヤベェ。 iOSはやったことあるけど、Android知らねえや(一方のみ) などで、事前に時間がかかるだろうと、2週間程度余裕を見まして、開発と並行してリリース準備を進めました。 Tipsとして残したいと思います。 尚、記憶を頼りにソースを見て書いてます。間違い&指摘があればすみません。すぐに直します。 今回は以下を前提としています。 開発環境 Mac OS X El Capitan React Native ver 0.28
React Native Firebaseについて #firebase #fjug - Qiita
今年のFirebaseはCloud Functions for Firebaseが出たり、FirestoreやFirebase Performance MonitoringとかFirebase Predictionsが出たりして盛りだくさんすぎです。 今までWebから触れる物だけを触ってきましたがさすがにネイティブもやらないとなーと思い趣味でですがReact Nativeを触るようになりました。 その中でReact Native Firebaseは便利だったのでFirebase 70%くらいで簡単に紹介したいと思います。 React Nativeとは React NativeはFacebookが作っているJavaScriptだけでクロスプラットフォームアプリを作れるフレームワークです。 Reactを使ってJSXでネイティブのViewを記述できます。 レイアウトを作るのはJavaScript
React Nativeとは何なのか - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 改めて、React Nativeについて書いていきたいと思います。 React Nativeとは何か？ ReactはFacebookが開発したJavaScriptのフレームワークであり、React Nativeはそれをモバイルで使えるようにしたものである。 React Nativeを使用することでネイティブに描画されるiOSとAndroidのアプリを作ることができる。１つのコードで、両方のプラットフォームで動くものが作れる。さらに、JavaやObjective-Cのライブラリを自分で書いてReact Native自体を拡張することもでき
SwiftエンジニアがReact Nativeでアプリを作って感じたこと - Qiita
これはFOLIO Advent Calendar23日目の記事です。 昨日は3tty0nさんによる、「Tracing the Meta-levelとは？PyPyのJITコンパイラについて」でした。 テーマ投資サービスを運営する株式会社FOLIOでiOSエンジニアを担当している近藤です。 とても優秀な人たちばかりで、毎日充実した開発生活を送らせていただいています。 FOLIOのiPhoneアプリのアーキテクチャに関しては、杉上さんのRedux+Rxを活用したiOSアプリアーキテクチャが参考になります。アプリはRxやReduxを使ったネイティブで現在開発中です。 【SwiftエンジニアがReact Nativeでアプリを作って感じたこと】 上に書いた通り普段の業務ではSwiftを書いているのですが、一方でReact Nativeにも強い興味を持っています。 興味を持ったきっかけとしては、 ・
React Native - Qiita Advent Calendar 2017 - Qiita
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
【随時更新】2018年にReact Nativeを始める人におすすめ26選 - Qiita
ちょうど1年くらいにReact Nativeでちょっとしたアプリを作っていたのですが、最近はめっきり離れてしまっていました。Reactもv16になり、少し開発環境も変化しているかなと思っていたら・・・結構変わっていました。 React Native Showcaseを見ると、FacebookやInstagramはもとよりAirbnb, Skype, Tesla, Walmart, Wix, UberEATSなど日本でも有名な企業やサービスの採用が目立っています。 showcase 今回は良く使いそうなツール・コンポーネント・サービスを集めてみました。 随時更新もしていきたいと思います！ 1. Expo https://expo.io/ ExpoはReact Nativeの開発をサポートするツールです。 主に以下を提供してくれています。 Expo XDE、Expo exp Expo Modu
React Nativeの現場で得た知識をここに記す
はじめに この資料は、社内向け勉強会用に作られたものです。 ここ半年くらい、ReactとReact Nativeを書くお仕事していたのですが、その際ハマったことや便利だと思ったことを書き記しておこうと思います。 これから学ぶ人の参考になればと思います。 ハマリポイント Life Cycleが多すぎてわからない。componentDidMountってなに・・・ とりあえず、LifeCycleを一気に全部覚えなくても、資料見ながらできればOKだと思う。 こちらに、綺麗にまとまっていたので、見てみよう。 参考: React component ライフサイクル図 http://qiita.com/kawachi/items/092bfc281f88e3a6e456 API取得して画面に反映したいけど、いいやり方がわからない 初心者向けの回答 （ 初回呼ぶだけなら）componentWillMoun
React Nativeのデザイン - Stylesheet/Flexbox (part1) - Qiita
React Nativeのアプリはスタイルシートで各コンポーネントの配置、色、フォント等のデザインを決めていきます。Webプログラマなら体に染みついているpadding等を使うので、すぐに慣れると思います。 公式ドキュメントから一覧を見ることができますが、border系は下記のようになります。注意点として、ハイフン(-)で単語を区切るんではなくCamelCaseになっていることです。 borderColor string borderTopColor string borderRightColor string borderBottomColor string borderLeftColor string borderRadius number borderTopLeftRadius number borderTopRightRadius number borderBottomLeftRa
react-native-dotenv で定数を環境ごとに切り替える - Qiita
開発中、環境によって API のエンドポイントの向き先や設定を変更して動作チェックしたい、ということがよくある。 しかしながら、ReactNative では、process.env に渡されるのが基本 process.env.NODE_ENV だけで、かつ内部で development か production に書き換えているため、適当な環境変数を外部から渡して挙動を変えることが、development or production しか行えない。 そのためのアプローチの一つとして react-native-config があり、それについての詳細は以下に解りやすくまとまっている。 React Native で development, staging, production など環境を切り替える ただ、react-native-config では、あくまでネイティブ側に埋め込み、JS 側
React Native で development, staging, production など環境を切り替える - Qiita
基本的に React Native は development か production かしか切り替えができない。 __DEV__ React Native では development かどうかを判別する仕組みとして __DEV__ というグローバルな変数が定義されている。次のページに書いてあるように、 packager に bundle してもらう際、 dev という query prameter に true か 1 を指定したときに __DEV__ = true としてくれる。 これを見て設定を切り替えればいい。 ちなみに Android で cd android && ./gradlew assembleRelease したり iOS で Release ビルドした場合はきちんと __DEV__ === false にしてくれる。 react-native-config と、こ
React Native - Qiita Advent Calendar 2016 - Qiita
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
React Native + TypeScript入門 - Qiita
はじめに 某案件でしばらくReact Native + Flow を使ってたのですが、やっぱりTypeScriptの方がIDEの補完や型安全性の面で良いなと思い、React NativeをTypeScript化してみました。 それぞれのファイルの意味なども可能な限り説明していければと思います。 この記事のゴール React NativeにTypeScriptを入れる Reduxも入れる それらのテストや動作確認をしやすくする。 環境 react: 15.4.2 React Native: 0.41 TypeScript: 2.2 NodeJS: 7.6~ mocha enzyme 構成 今回の構成は以下です。 基本的には、tscでビルドして生成されたファイルをindex.jsに喰わせる形を取っています。 TSのソースマップをdebug時に引き継げてないのが難点ですが、そこはTS2.2から入
React.js × React Native meetup アンケート質問に答えたい - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? React.js × React Native meetup 申込時にもらっていた質問をパネルディスカッションで答えようとしたものの時間がなくてお蔵入りになってしまったがそれはもったいないので答えていくコーナー。 パネルディスカッションでしゃべった内容とも重複しているところがある。 ↓も参考に。 以降 React Native を RN と略する。 データフロー Web では React/Redux がデファクトスタンダードだが RN ではどうか ? flux データフローを使わずに済む規模であれば導入コストもばかにならないので Rea
React Native 一問一答 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1問１答 React NativeのTipsを、備忘録も兼ねて１問１答形式で記述したいと思います。 開発をする前に気になってたところ、疑問などをを１問１答形式でまとめてみました。 随時アップデート予定です(2016/12/23現在) 編集リクエスト、追加、修正大歓迎です。よろしければお願いします。 基本 React Nativeとは何ですか？ Facebook製のモバイルアプリ向けのフレームワークです。公式 HTMLベースのフレームワークと異なり、Reactで培った仮想DOMを元にネイティブコードを呼び出します。そのため挙動が軽快です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Titanium]ScrollViewの中のTableViewに行追加したときの更新方法 - Qiita![[Titanium]ScrollViewの中のTableViewに行追加したときの更新方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e6913f4d2a1932d978ec6b34c38441e9c3c4257/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjg4NSUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4Mzk1OD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz03MzIwZGI5MjEwM2RmMmMyMDcyZGRkZmY5MzFhZjZiMA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dd6a250ddcad451b29564c347f9d4e6d8%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCVGl0YW5pdW0lNURTY3JvbGxWaWV3JUUzJTgxJUFFJUU0JUI4JUFEJUUzJTgxJUFFVGFibGVWaWV3JUUzJTgxJUFCJUU4JUExJThDJUU4JUJGJUJEJUU1JThBJUEwJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJUE4JUUzJTgxJThEJUUzJTgxJUFFJUU2JTlCJUI0JUU2JTk2JUIwJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YWVkMDk4YzI4ZTk3ODM2YmM2YTc2OWFlNmVhNWJiNmI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzYXRva2VuMDQxNyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWVjYTEyNjY1MTczNjlhY2ZlZWE4MzQ4NjY4MzI0Y2Zj%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dec9e218b343e5920be46a5f0cc781000)
react-native-router-flux v4 の実装7パターンをコードとGIFで眺める - Qiita
React Native for Androidでアプリを作る - Qiita
