朝起きたらこんなページを見つけたので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 │
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
「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 defaultTypeScript declarations shipped with React NativeReact Native documentation is TypeScript FirstIn this post we’ll cover what these changes mean for you as a TypeScript or Flow user. New App Template is TypeScript By DefaultStarting with 0.71, when y
クロスプラットフォームモバイルアプリ開発ツール総ざらい2019 〜Titanium Mobile から Kotlin/Native まで〜 #droidkaigi
DroidKaigi 2019 Day1 roomC 16:30〜
愛用している AeroReader が最近更新されなくなってしまい、iPhone 6s だと画面が引き伸ばされたままで悲しみがあふれていたので、自分用に勉強がてら作りました。Ladder って名前です。レポジトリはこちら。React Native で作っていますが Android では動きません。 フィードを消化して連続で読んでいくことに特化していますので、機能はとても少ないです。ぼく自身ピンを使わないので、ピンが無かったりします。機能は並び替えくらいですね...。 Electron で LDR のデスクトップアプリを作った時もそうでしたが、デザインセンスが滅亡しているのでがんばって Slack に似せてみました（つらい）。 動かし方 $ git clone git@github.com:k0sukey/Ladder.git $ cd Ladder $ npm install $ npm
実は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.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 Support in React NativeReact Native 0.71-RC0 Android outage postmortemReact Native 0.71: TypeScript by Default, Flexbox Gap, and more...First-class Support for TypeScript202
このたび、スノウロビンでは 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
From Blocky to Brilliant: Improving Video Quality on Discord Go Live on AMD GPUs
就活や進学がだるいので起業した
株式会社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
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
29歳の世界観 - mizchi's blog
29歳になった。連休誕生日組はこうやってアピールしないと全く祝ってもらえないので… 例のリストです。 http://amzn.asia/3HzTsJb 去年からの変化 フリーランスになった 30万ツイートを越えた 体重が14kg減った 筋肉が増えた ポッドキャストを始めた 体は資本 20代のうちは大丈夫だろと高をくくっていたが、僕は作業時の姿勢が悪くて、首、肩、腰が悪くしがちだった。結局27歳ぐらいから肩こり、首の痛さ、腰の痛さで集中力を乱されることが多くなり、改善を決意した。 ダイエットはその一環で、糖質制限で14kg痩せたことで、腰への負担はかなり改善し、腰痛が減った。 肩は、周辺の筋肉を付けて改善しようと思い、今トレーニングの数をかなり増やしている。 首は未だに悪く、手足のしびれ、呼吸の辛さなど、頚椎ヘルニアのような症状が出ることがある。懸垂バーを買った。 Twitter Twitt
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
Design and Strategy: How to Deal with People Who Don’t "Get" Design
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
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ライブラリです。本書は，Re
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に中途入社して、半年経ちました。よろしくお願いします。 （スライドを示して）本日のアジェンダはこちらです。オンラインサロンアプリにおける技術的負債、これまでの取り組み、負債と向き合うための取り組み、現在の取り組みと未来の話、まとめとなっています
ExpoではじめるReact Native開発環境の構築
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Mojave 10.14.2 Node.js 11.7.0／npm 6.5.0 expo-cli 2.6.14 Node.js環境が準備できていない方は別途インストールしてください。Mac環境であればnvmやnodebrew、Windows環境であればnvm-windows等のバージョン管理ツールの利用をおすすめします。 React Nativeでできること 前回の記事では、React Nativeがブラウザの方法論でUIを実装しつつも、UI以外の構造としてはモバイルアプリに近いものであると説明しました。では、実際に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でネイティブア
HTML5アプリに関わるユーザのための祭典。HTML5 APP CONFERENCE 2018 開催レポート 2018年7月9日 2018年7月10日 イベント Capacitor, cordova, html5, HTML5 APP CONFERENCE, Ionic, PWA, イベント 生形 可奈子 2018年7月8日（日）、サイボウズ株式会社にてHTML5アプリに関わるユーザのための祭典、「HTML5 APP CONFERENCE 2018」が開催されました。 本記事ではイベントの様子を、熱気冷めやらぬうちに速報でお伝えします！ HTML5 APP CONFERENCE 2018 様々な分野のエキスパートが登壇した今回のイベント。本記事では個人的に気になったセッションをピックアップしてご紹介します！ 基調講演「Web App Platform Strategy (Webアプリ・プラ
App Builder Without Coding: Create Mobile Apps with No-Code App Maker Over 10,000 amazingly looking mobile apps were designed, built and published on Shoutem’s app-building platform, without a single line of code. Create high-end mobile apps that are compatible with Android and iOS platforms. Get an exclusive experience with Disclose mobile app – try, preview and test your app before submitting it
推しの声優のラジオを聞く環境を整えた。 自分が現在聞いているのは10番組ほどで超A&Gとradikoの文化放送で配信されている。 A&Gは音泉でアーカイブされたり、文化放送の方も1週間だけアーカイブされてるみたいな仕様なのだが、忙しくてアーカイブ期間を逃すことも結構あるので大変困ってた。 加えて普段から倍速視聴に慣れてる耳としては標準速度でしか聴けないのも結構辛い。 そういう経緯があり、自分だけのラジオ視聴環境を整えたいと考えていたところ、ちょうど3連休が空いてたのでさくっと環境を整えてみた。 巷に色々HowToは転がってるので何番煎じかわからんけど、とりあえず以下はその構成とかメモです。 利用ケース 推しの声優のラジオを出来るだけ逃さず聞きたい 倍速で聞きたい バックグラウンド再生できてほしい まずは最低限の利用ケース。 逃さず録音することと倍速視聴は必須。 出先で聞きたいのでバックエン
Web オンリーのプロダクトでも React Native for Web は輝く/react-native-web
React Native Matsuri 2021 で登壇した資料です https://reactnative-matsuri.com/ja
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Nativeを触ってみた - Qiita
Amazon Kindle UI is switching from Java to React Native
アプリ開発エンジニアが副業案件を獲得するために意識すること | 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
React Native ～JavaScriptによるiOS／Androidアプリ開発の実践
現役Swiftエンジニアの副業事情。案件の獲得方法や収入について | Offers Magazine
35歳を超えても爆速で成長するエンジニアの特徴 - Qiita
iOSエンジニア本領発揮のために、ReactNativeからSwiftへ 技術的負債解消への取り組みで意識した“共通認識を持つこと”
React Nativeアプリの開発環境をコマンド一発で構築する「create-react-native-app」
HTML5アプリに関わるユーザのための祭典。HTML5 APP CONFERENCE 2018 開催レポート
App Builder: Create Mobile Apps | No-Code App Maker
推しの声優のラジオを録音して聞く環境を整えた - razokulover publog