React Nativeが発表されました。名前の通りReactでNative Appが書けるすごいやつです！ 日付超えたのだけど試すくらい寝る前にやってみたいな、と思いまして！ nodeとnpmの他にwatchmanが必要です。最初watchman入れてなくて、なんだこれはって感じだったんですけど、感動につながる重要なファクターなので迷わず入れましょう。注意点って書いたのはこのことです。これだけのことを注意点と大げさに書いてしまったわけです!（なんてことだ！） brew install watchman そして、インストールして、プロジェクト作成。 npm install -g react-native-cli react-native init ReactNativeSample 出来上がったReactNativeSample.xcodeprojをXcodeで開いてRunすればOK
React Nativeで作ったスマホアプリにAdmob（広告）とRevenue Cat（課金）を使ってマネタイズする
【2022年10月23日改訂】React Nativeを使ってアプリを作った際、マネタイズの方法としてよく検討される「広告収益」と「課金」について、AdmobとRevenueCatを使った実装や設定方法を解説します。※ExpoのManaged Workflowでも課金処理が実装できるようになりました。EAS Buildの設定などが必要ですが、この本では解説しませんのでご注意ください。なお、サンプルアプリはManaged Workflowで実装しております。
Cookpad Summer Internship 2018 10 day 技術インターンシップ を開催しました - クックパッド開発者ブログ
技術広報を担当している外村（@hokaccha）です。 クックパッドでは毎年恒例となっているサマーインターンシップのうち「10 day 技術インターンシップ」を開催しました。今年は8月6日〜8月17日、8月27日〜9月7日という日程で二度開催し、たくさんの学生の方に参加していただきました。 今回の 10 day 技術インターンシップは、前半5日が講義パート、後半5日はOJTコースとPBLコースに分かれるという構成でした。OJTコースではクックパッドの現場に配属され、メンターの指導のもとサービス開発を実践してもらい、PBLコースではチーム開発でプロジェクトを運営していく手法について学びながら、サービス開発の実習に取り組んでもらいました。 前半パートでの講義について資料を公開いたします。 1日目: 基礎技術 初日はインターンで必要になる基礎的な知識の足並みを揃えるために、GitやRuby、Ja
Android のコンパイル済み Layout Xml を Web 経由で差し込めるようにした話 - Qiita
これは Retty inc. Advent Calendar 2017 5日目の記事です．昨日は @shinichi-nakagawa-r の Webなエンジニアのための「Pythonデータラングリング」入門 でした． 始末 今年のはじめ，2月か3月くらいの頃のことです．Retty の Android 版に ReactNative を導入するかどうかが検討された時期がありました．プロトタイプの作成を経て導入の可否はある二人に委ねられることになりました．絶対に ReactNative 入れたいマンと絶対に ReactNative 入れたくないマンです．議論は当然のように平行線でした．双方の主張はそれぞれありましたが，だいたい View だけでなくロジックが記述できてしまう点と ReactNative で Android App らしい UI を組み立てるのが難しい点から来る，メンテナンスコス
Amazon Kindle UI is switching from Java to React Native - Good e-Reader
Amazon has been employing Java for their entire UI for the Kindle since they started making them in 2007. In the past year, the company has been dramatically changing the home screen and user interface. Many people are upset about the changes, since it effects their reading flow. Do you know the real reason why they have constantly been changing all aspects of the Kindle? This is because they are
React Native Playground
The React Native Playground June 2nd, 2015 - April 1st, 2017 The Playground helped developers share React Native applications in-browser. Her spirit lives on in fresh, supported tools like Snack and Repl.it, and in source form on Github. As we remember the life and times of our dearly departed friend, let's take a step back from our busy work lives, gather with colleagues, and ask: how can I help?
朝起きたらこんなページを見つけたので15分だけ触ってみた。 基本的な導入は以下にあるが、ここでは最低限動くまでメモ。 http://facebook.github.io/react-native/docs/getting-started.html 1. 準備 React Nativeを動かすには、最低限nodeとreact-native-cliが必要になる。 上記をインストール後、react-native initでプロジェクトを作成する。 $ brew install node $ npm install -g react-native-cli $ react-native init AwesomeProject $ cd AwesomeProject $ tree -L 2 . ├── AwesomeProject.xcodeproj │ ├── project.pbxproj │
「Offersエージェント」では、業界で活躍するプロフェッショナルがあなたの転職を徹底サポート。CxO経験者を含む現役エンジニア・デザイナー・プロダクトマネージャーが在籍し、職種に特化した専門的なアドバイスをご提供・非公開求人の紹介も可能です。 →【かんたん30秒】無料登録で転職相談する アプリエンジニアは副業に向いてる？ はじめまして、アプリエンジニアとして副業をしている @jumboOrNot です。本業ではレアジョブという会社でマネジメントをしています。 「副業エンジニアとして3年目に突入したのでコツをまとめる」という記事をnoteに書いたり、副業イベントで登壇したりしていたのですが、もう少しアプリエンジニアとしての視点にフォーカスした形で文章を書きたいと思い、筆を執りました。この記事を通じて、少しでも副業に興味がある人が増えればと思います。 ここで言うアプリエンジニアとは、Swif
2018.02.10に開催されたCookpad TechConfのLTで発表したスライド資料です
With the release of 0.71, React Native is investing in the TypeScript experience with the following changes: New app template is TypeScript by default TypeScript declarations shipped with React Native React Native documentation is TypeScript First In this post we’ll cover what these changes mean for you as a TypeScript or Flow user. New App Template is TypeScript By Default Starting with 0.71, wh
愛用している AeroReader が最近更新されなくなってしまい、iPhone 6s だと画面が引き伸ばされたままで悲しみがあふれていたので、自分用に勉強がてら作りました。Ladder って名前です。レポジトリはこちら。React Native で作っていますが Android では動きません。 フィードを消化して連続で読んでいくことに特化していますので、機能はとても少ないです。ぼく自身ピンを使わないので、ピンが無かったりします。機能は並び替えくらいですね...。 Electron で LDR のデスクトップアプリを作った時もそうでしたが、デザインセンスが滅亡しているのでがんばって Slack に似せてみました（つらい）。 動かし方 $ git clone git@github.com:k0sukey/Ladder.git $ cd Ladder $ npm install $ npm
クロスプラットフォームモバイルアプリ開発ツール総ざらい2019 〜Titanium Mobile から Kotlin/Native まで〜 #droidkaigi
DroidKaigi 2019 Day1 roomC 16:30〜
実はReact Native公式ドキュメントでReact Native for Webが使われている - Qiita
2019年8月追記： Expo SnackがWeb対応したことを受けて、React Native公式ドキュメントのライブプレビューはreact-native-web-playerからExpo Snackに戻りました。 http://facebook.github.io/react-native/docs/activityindicator 記事の内容は古くなってしまいましたが、React Native for Webが内部で使われていることに変更はありません。 React Native公式ドキュメントのプレビューを支える技術 React Nativeの公式ドキュメントでは、コンポーネントの実際の表示をWeb上で確認できるプレビューが用意されています。 少し前まではAppetize.ioが使われていて、実機のスクリーンキャストらしきものを見ることができていました。今でもExpo Snackは
React Native Meetup#5 の発表資料です
2024React Native 0.75 - Support for Percentage Values in Layout, New Architecture Stabilization, Template & init Updates, and moreUse a framework to build React Native appsReact Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Suppo
このたび、スノウロビンでは React Native でのアプリ開発にチャレンジしました。 本記事では入門レベルを超えてプロダクションに採用してわかった知見を紹介します。 どんなアプリをつくったか医者と患者に分かれて、ビデオ通話とチャットができる、医療系ビデオ通話アプリを開発しました。ビデオ通話とチャットにはTwilioの Programmable Video と Programmable Chat というサービスを使っています。 以下の4種類のアプリを開発しました。 iOS 医者アプリAndroid 医者アプリiOS 患者アプリAndroid 患者アプリReact Native を採用した理由4種類のアプリでしたが、 iOS / Android ともにデザイン・基本的な挙動は同じということで、効率よく開発するためにクロスプラットフォーム技術の採用を検討しました。 React Native
オリジナルのスライド https://drive.google.com/open?id=1usMYktUlwjYVZEUfcSbYERe8ZO2mwnSP
Discord Blog
Learning From Structure: Discord’s Entity-Relationship Embeddings
就活や進学がだるいので起業した
株式会社emoiを設立しました。emoi inc, エモい！ｗ 前置き2017年末に「起業するわ」といった趣旨のツイートをしましたが、あの話は無になりました。別です。 なぜやったか以下のような流れですが、一番楽に暮らせそうな道を選んだらこうなりました。 受験も就活もめんどくさい友達とワイワイ暮らしていきたい高2からフリーランスでエンジニアっぽい事をやってた仕事が来すぎて1人で捌く事が困難になった趣味の延長線上で生きたい結構遊んだつもりだったけど、ちょうど登記費用分の金が余った結果として「友達集めて起業してワイワイするぞー」という感じになった。 そこに弊社役員の宮崎海斗が「旅行系事業のアイデアある」と言ってくれたので一緒にやっていく決断をした。 全日制高校を辞めた時点でやれば良かったのですが、同世代には高校生のうちに起業し「高校生起業家」の肩書きを手に入れてジャリ銭しか稼いでないのにTwit
ReactNative事始めから簡単なサンプルを読み解くまでの実践記録ノート - Qiita
はじめに 個人的に元々のキャリアがWebに近しいところからのスタートであったので、JavaScriptに関する部分もiOSやサーバーサイド同様にキャッチアップしていきたいという思いがあったことや、先日参加させて頂いたTry!Swiftの中でもReactNativeに関連するお話をお聞きする機会があったことも踏まえて、今年から取り組んでみていました。 今回は自分のこれまでReactNativeを始めるにあたって、「こんな感じで取り組んでみました。」という備忘録と調べながらのサンプル作成において活用したものや参考リンク等をざっくりとまとめてみました。 あまりコードそのものに関する解説はない記事にはなってしまうかと思いますが、取り組む上で参考にした記事のリンクや自分で作成したリポジトリ内のコードや動きに関する部分はできるだけ掲載していきますので、これからReactNativeに携わる際の少しでも
React Nativeアプリのサイズを35%減らした話 Android編 - KitchHike Tech Blog
CTOの Shoken です。キッチハイクアプリはReact Nativeで開発を始めて3年目に入りました。アプリのサイズは開発を続けるうちに大きくなっていってしまいます。この記事では React Native アプリが、どのファイルでサイズが大きくなっているかの分析と、Androidでアプリのダウンロードサイズを減らした方法を紹介します。 サマリ キッチハイクアプリでは JS Bundle は 3.4 MB 、フォントは 48 MB だった。 Androidはビルド時の最適化オプションとApp Bundleにすることでサイズが 35% 減った。80.6 MB -> 66.8 MB サマリ JS Bundle のサイズを調べる react-native-bundle-visualizer を使った JS Bundle の構成を確認する Android Studio APK Analyzer
29歳の世界観 - mizchi's blog
29歳になった。連休誕生日組はこうやってアピールしないと全く祝ってもらえないので… 例のリストです。 http://amzn.asia/3HzTsJb 去年からの変化 フリーランスになった 30万ツイートを越えた 体重が14kg減った 筋肉が増えた ポッドキャストを始めた 体は資本 20代のうちは大丈夫だろと高をくくっていたが、僕は作業時の姿勢が悪くて、首、肩、腰が悪くしがちだった。結局27歳ぐらいから肩こり、首の痛さ、腰の痛さで集中力を乱されることが多くなり、改善を決意した。 ダイエットはその一環で、糖質制限で14kg痩せたことで、腰への負担はかなり改善し、腰痛が減った。 肩は、周辺の筋肉を付けて改善しようと思い、今トレーニングの数をかなり増やしている。 首は未だに悪く、手足のしびれ、呼吸の辛さなど、頚椎ヘルニアのような症状が出ることがある。懸垂バーを買った。 Twitter Twitt
React Native Tutorial: Building iOS Apps with JavaScript
Update note: This tutorial has been updated to React Native 0.50, Xcode 9, and iOS 11 by Christine Abernathy. The previous tutorial was written by iOS Team member Tom Elliot. In this React Native tutorial you’ll learn how to build native apps based on the hugely popular React JavaScript library. What makes React Native different from other frameworks such as PhoneGap (Apache Cordova) or Appcelerat
NativeBaseをはじめとするUI関連のライブラリを活用してReactNativeでUIサンプルを作成した際の詳細解説 - Qiita
※サンプルではRedux不使用の為、ステートの管理はそれぞれのコンポーネント内で行っています。 ※サンプルのpackage.jsonの記載の中でreactのバージョン設定の部分とreact-native-router-fluxに関してはバージョンを固定する為に^(キャレット)を外しています。 ★2-3. 今回使用したサンプルの画面設計図 こちらはおまけになりますが、今回のサンプル実装に関する設計図になります。 あまりReactNative特有の処理はほとんどないのでUIモックに近い形になってはいますが、ご参考になれば幸いです。 3. NativeBaseの基本概要について こちらはiOS/Androidでの端末によるデザインの違いをよしなにすることができるUI Component Libraryになります。 このライブラリで提供されているコンポーネントに関しては、基本的にはReactNat
GitHub - Flipboard/react-canvas: High performance <canvas> rendering for React components
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
「React Nativeって時々聞くけど、どれくらいのものが作れるの？」とか「どこで調べればいいの？」とかそういった時に役立つリンクをまとめてみました。 公式ドキュメント まずはお約束として、ドキュメントです。 https://facebook.github.io/react-native/ 公式Showcase ReactNativeで作られたアプリが載っています。 日本のアプリだとCoinyさんのアプリが載っています。 最近、いい感じのニュースソースがないアプリは載らないようになりました。なので厳選されています。以前は自分の個人で作ったやつも載せてもらってたのでちょっと切ないです(´・ω・｀) React Native Playground React NativeのコードがWeb上で実行出来るサービスです。ユーザーがちょっとしたボタンアクションなど登録しています。アプリもあったはず
アプリエンジニアがのぞいた React Native 〜メドレー TechLunch〜 | MEDLEY Developer Portal
2018-05-29アプリエンジニアがのぞいた React Native 〜メドレー TechLunch〜こんにちは、開発本部の高井です。メドレー開発本部で行われている勉強会「TechLunch」でReact Nativeについて発表しました。 私は普段は Swift、Kotlin/Java を使ってネイティブアプリを開発しており、React Native に触るのは初めてでした。そこで今回は、アプリエンジニアの視点から、実装するための基本的な知識と弊社の実際の開発で使えそうかを検討した結果についてご紹介します。 なぜ React Native を触ってみようと思ったかオンライン診療アプリ「CLINICS」の開発では、iOS/Android アプリをそれぞれのネイティブ言語で別々に開発しているため、実装やレビューの際にはプラットフォーム間の仕様の違いを理解する必要があり、なかなか大変だと感
Things changed a lot since Basecamp introduced Rails in 2005, but without even going that far away, things changed a lot even in the last five years. In this article, I will not tell you how great is Ruby On Rails, but I’ll give you suggestions on the decisions to take when you will realise your next web application. The things I propose derive from six years of experience developing RoR applicati
'use strict'; global.React = global.require('react-native'); let xtend = require('xtend'); let {View, Text} = React; let template = require('./template'); let styles = React.StyleSheet.create(require('./styles')); let HelloNative = React.createClass({ render: function() { return template(xtend({}, {View, Text, styles})); } }); React.AppRegistry.registerComponent('HelloNative', () => HelloNative);
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
1問１答 React NativeのTipsを、備忘録も兼ねて１問１答形式で記述したいと思います。 開発をする前に気になってたところ、疑問などをを１問１答形式でまとめてみました。 随時アップデート予定です(2016/12/23現在) 編集リクエスト、追加、修正大歓迎です。よろしければお願いします。 基本 React Nativeとは何ですか？ Facebook製のモバイルアプリ向けのフレームワークです。公式 HTMLベースのフレームワークと異なり、Reactで培った仮想DOMを元にネイティブコードを呼び出します。そのため挙動が軽快です。 実際は後ろでJavascriptのランタイムが動いていて、ネイティブコードを呼び出してくれています。 React Nativeのメリットは？ たくさんあると思いますが、最大の特徴はFacebookが提言する"learn once, write anywhe
Hermes: An open source JavaScript engine optimized for mobile apps, starting with React Native
Hermes: An open source JavaScript engine optimized for mobile apps, starting with React Native Mobile applications are growing larger and more complex. Larger apps using JavaScript frameworks often experience performance issues as developers add features and complexity. These issues are generated from various spots, but the people using these apps expect them to run smoothly, regardless of the dev
Hyperledger Fabricの成長、成熟を振り返る / Looking back history of Hyperledger Fabric
Sunsetting React Native
UpdateThis article was published in 2018 and reflects the state of React Native at the end of 2017. When using these articles to make decisions about your business, please use discretion. Any technical points should be revalidated because the maturity and size of the ecosystem was significantly different back then. Any organizational points should also be considered within the context, size, and c
Swiftで副業を始めるまで 副業のモチベーションは収入と成長機会を得ること 副業を始めた理由はいくつかあります。 1つは、ライフステージの変化でまとまったお金が必要になったこと。本業の収入だけで節約して貯金するより、副業の収入を上乗せする方がより多く、より短期間で貯金できると考えたからです。 もう1つは、自分のスキルを活かしつつ、本業とは違う開発をしてみたいと思ったからです。普段とは異なる方向性のサービス関わるのは新鮮ですし、新規の場合、試したい設計やフレームワークに挑戦できるので良い成長機会だと考えています。 また、私が副業を始めた2018年10月頃に、周囲で副業を始めたエンジニアが増えていたという後押しの背景もあります。 初めての副業案件は友人経由 案件は、基本的に友人から声をかけてもらうことがほとんどです。最初の案件も友人が勤めている会社のお手伝いでした。 副業を始めたばかりの頃は
「30代中盤になってから、エンジニアとしての成長速度が落ちていると感じていませんか？」 この記事は、エイチームライフスタイルアドベントカレンダー2017 の 25日最終記事になります。 最近家族になった愛猫が可愛いすぎて、夜の呑みを控えて即帰宅している @kopug です。 はじめに @kopugの自己紹介 大学在学中に、フリーランスとしてWeb制作の請負をはじめ、Linuxサーバのホスティングサービス、WebシステムのASP業務を6年程やっておりました。 その後10名規模のベンチャーから、メーカー系SIerを経て、39歳となった今は株式会社エイチームライフスタイル で 執行役員CTOをさせてもらっております。 社内外でIT系エンジニアの方と話をする中で、 「30代になってからエンジニアとして成長が停滞しているように感じる。。」 「どうやって技術のキャッチアップをしているんですか？」 「k
Ruby/Railsエンジニアに転職、就職する方法｜実務/業務未経験から自社開発・web系・IT企業・ベンチャー（スタートアップ企業）でRuby/Railsエンジニアに未経験転職、就職して内定獲得するには？ - テクニティノイモシニ
Ruby/Railsエンジニアに転職、就職する方法をお伝えします。 １.Ruby/Railsエンジニアの「未経験」転職/就職時の「面接」で気をつけること ２.Ruby/RailsエンジニアはWeb系エンジニア｜あなたが即戦力エンジニアになるヒント Webアプリケーション開発がWeb系エンジニアの仕事 Ruby/Railsエンジニアに今からなっても大丈夫なのか？ ３.Rubyエンジニア、Railsエンジニアとは？ ４.Rubyエンジニアの平均年収・最低年収・最高年収・最低月収・最高月収とは？ エンジニア市場需要からポジション取りを狙う 【2〜3年目のエンジニア】エンジニア市場価値のTwitter事例 ５.【2018年度】Ruby/Railsエンジニアの転職事情はどんな具合か？ Ruby/Railsエンジニアの需要/将来性 フリーランスRuby/Railsエンジニアにはなれるのか？ Ruby
「価値提供スピードを上げるための技術的負債への向き合い方」は、DMMオンラインサロン事業部がこれまで向き合ってきた技術的負債とその解決策について、深く掘り下げるイベントです。ここでプロダクト開発チームの鳥嶋氏が登壇。オンラインサロンアプリにおける技術的負債の取り組みについて話します。 鳥嶋氏の自己紹介 鳥嶋晃次氏：それでは始めます。（タイトルは）「サロンアプリの技術的負債解消への取り組み」です。 （まずは）自己紹介から。鳥嶋晃次と申します。DMM.com イノベーション本部オンラインサロン事業部プロダクト開発チームに所属しています。2022年にDMMに中途入社して、半年経ちました。よろしくお願いします。 （スライドを示して）本日のアジェンダはこちらです。オンラインサロンアプリにおける技術的負債、これまでの取り組み、負債と向き合うための取り組み、現在の取り組みと未来の話、まとめとなっています
2020年5月30日紙版発売 髙木健介，ユタマこたろう，仁田脇理史 著 A5判／688ページ 定価4,378円（本体3,980円＋税10%） ISBN 978-4-297-11391-9 ただいま弊社在庫はございません。 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 「iOS/Androidの2つのアプリをもっと効率良く開発したい」 「ハイブリッドアプリだと，速度やUIがネイティブより劣ってしまいがち」 こんな課題は，React Nativeを使えば解決できます。 React Nativeは，iOS/Androidの両方のアプリをたった1つのスキルセットで開発できるJavaScriptライブラ
今月の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でネイティブア
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
春、React Native、恋の予感...初めて触れた感動とその注意点。
React Nativeを触ってみた - Qiita
アプリ開発エンジニアが副業案件を獲得するために意識すること | Offers Magazine
React Nativeで作る「触れるプロトタイプ」の活用
First-class Support for TypeScript · React Native
React Native で Live Dwango Reader クライアントを作る - Qiita
react-navigation について
State of React Native 2018 · React Native
React Native をプロダクションで採用した知見を共有します | Snow Robin's Tech
React NativeとExpoを用いたクロスプラットフォーム開発入門
ReactNativeで何が出来るのかさっと知れるサイト、その他リンクまとめ - Qiita
A Modern Web Application With Rails
ReactNativeでgulpとreact-jadeを使ってみる - Qiita
物理サーバを選定する際のポイント – Eureka Engineering – Medium
React Native 一問一答 - Qiita
React Native Matsuri 2021
現役Swiftエンジニアの副業事情。案件の獲得方法や収入について | Offers Magazine
35歳を超えても爆速で成長するエンジニアの特徴 - Qiita
iOSエンジニア本領発揮のために、ReactNativeからSwiftへ 技術的負債解消への取り組みで意識した“共通認識を持つこと”
React Native ～JavaScriptによるiOS／Androidアプリ開発の実践
React Nativeアプリの開発環境をコマンド一発で構築する「create-react-native-app」