React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する｜ハイクラス転職・求人情報サイト AMBI（アンビ）
React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する React Nativeは、クロスプラットフォーム開発を行うためのツールの1つです。JavaScript言語の中で、UIフレームワークのReactを用いてUIの記述と状態管理を行うことで、アプリの動作を組み立てます。本記事では、React Nativeの導入やモバイルアプリ開発の現場で起きがちな課題を解決する手段としての強みについて解説します。 ReactとReact Native Reactとは／React Nativeとは／React Nativeの正体 React Nativeの環境構築 npm文化圏の流儀にのっとったワークフロー／スタイル定義／npmのライブラリ使用／リッチな機能を追加 広がるReact Nativeの世界 Windows向けのMS公式実装／ブラウザ向けの逆輸入／
「AWS Amplifyなら新規モバイルWebアプリを高速に作れる」─AWSジャパンが事例を紹介 | IT Leaders
IT Leaders トップ ＞ テクノロジー一覧 ＞ 開発ツール／プラットフォーム ＞ 事例ニュース ＞ 「AWS Amplifyなら新規モバイルWebアプリを高速に作れる」─AWSジャパンが事例を紹介 開発ツール／プラットフォーム 開発ツール／プラットフォーム記事一覧へ [事例ニュース] 「AWS Amplifyなら新規モバイルWebアプリを高速に作れる」─AWSジャパンが事例を紹介 2019年7月23日(火)日川 佳三（IT Leaders編集部） リスト アマゾン ウェブ サービス ジャパン（AWSジャパン）は2019年7月23日、説明会を開き、モバイルWebアプリケーションを迅速に開発するためのサービス「AWS Amplify」の事例を2件紹介した。学習支援アプリを開発しているtyottoと、料理動画アプリを開発しているCookpadTVが登壇し、AWS Amplifyの活用のポ
[Flutter] ここが違う！Flutter vs ReactNative！JS vs Dart [RN] - まんくつ
ReactNative developerの皆さんこんにちは(^ ^) そして、Flutter と ReactNative に興味を持つみさなん、ようこそ！ ReactNativeは2018年6月あたりのAirbnb撤退とfacebookが自社のアプリをReactNativeからネイティブへ移行するニュースがありましたねぇ〜 AirbnbがReact Nativeを諦めてネイティブアプリに方向転換したわけ – Roy S. Kim – Medium 一部の企業でReact Native離れが始まる – CIOニュース：CIO Magazine しかし、個人のアプリ制作ならiosとandroid両方のネイティブアプリを作ることはしんどい おそらく。。。 と言っても、どちらかのプラットフォームを選ぶのもなんか違う気がする。。。。 そんな時にリリースされたのが Flutter でした！ では、F
![[Flutter] ここが違う！Flutter vs ReactNative！JS vs Dart [RN] - まんくつ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e2ee3554849625f8a1bcbe47f0efe6b62a92de40/height=288;version=1;width=512/https%3A%2F%2Fmankutsu.com%2Fwp-content%2Fuploads%2F2018%2F11%2Fstack_android.png)
AirbnbがReact Nativeを諦めてネイティブアプリに方向転換したわけ - Roy S. Kim - Medium
なんと、AirbnbがReact Nativeを諦めてネイティブアプリに方向転換すると発表した！ facebookもネイティブアプリにすることに決めたので、React Nativeの支援軍の両大山脈がReact Nativeからの撤退を決めたことになる。Airbnbがその背景を長文の記事で公開していたので、要点だけ（「超」がつくほど簡単に）整理してみる。 採用の理由Airbnbは2016年度にReact Nativeを採用すると決めた。（色々カッコつけた採用の理由を言っているが）その背景には彼らが当時必要だったネイティブエンジニアを十分に確保できなかったことがある。要するに、スマホの使用率の増加に伴って迅速にアプリを作成・改善しないといけなかったのにネイティブエンジニアを適時に採用できなかったのだ。Airbnbはウェブのサービスを運用していたので、当時の社内にはウェブのエンジニアが沢山いた
Ionic x Vueでモバイル向けWebアプリの爆速開発を始めよう！ | DevelopersIO
Ionic x Vueでモバイル向けWebアプリを開発！ Ionicはクロスプラットフォームのモバイルアプリ向けフレームワークです。主にiOS/Android向けに、ワンソースコードでモバイルアプリを開発することができます。 Ionicは主にモバイルアプリ向けのオープンソースのUIツールキットのことを指しますが、IonicにはIonic Native（Cordovaを利用したネイティブサポート）、Studio（GUIソフトウェア）、Mobile DevOps（CI/CD）も含まれており Webフロントの技術（HTML/JS/CSS）を活用したモバイルアプリ開発の統合フレームワーク と言えます。 UIツールキットとしては、非常に綺麗なコンポーネントが用意されており、Webアプリの中にシンプルかつ簡単に用いることができます。 Ionicは2013年の登場から徐々にバージョンアップされており、現
PWA（Progressive Web Apps）とは？ネイティブアプリとの違いや具体事例を紹介
Googleが2015年にリリースし新たなアプリの形として、今注目を集めているPWA（プログレッシブ web アプリ）。日本でもポータルサイトを中心にPWAを採用する企業が出始めています。 本記事では、PWAとは何か、また、PWAアプリとネイティブアプリとの違いや、メリットとデメリットをご紹介していきます。 ▷▷【無料ダウンロード】「アプリ機能の図鑑：決定版」後でゆっくり確認したい方はこちらアプリの機能にいて解説しています。 アプリに関する基礎知識を知りたい方におすすめの無料eBook！ PWAで利用できるプッシュ通知をはじめとしたスマートフォンアプリを開発・運営するならぜひ押さえておきたい人気機能と、それらの機能で顧客体験はどう良くなるのかをまとめた「アプリ機能図鑑」を無料プレゼントしています。サクサク読めるボリュームなので、ぜひお気軽にチェックしてみてください！ スマートフォンアプリで
徹底解説！なぜ今PWA（プログレッシブウェブアプリ）が注目されているのか？
Webブラウザからアクセスできる端末側の機能は増加しており、Webアプリでも随時サポートしていく姿勢が必要です。Webアプリの進歩を止めてしまえば、Webアプリの存在自体が過去のものとなってしまうでしょう。 PWAは比較的新しい概念ですが、開発コミュニティでは以前から活発に議論されています。コミュニティの参加者は過去2年間で堅実に成長しており、今後も一定のペースで増え続けていくでしょう。 著名な企業もこの時流に乗りPWAを採用し始めています。たとえば、Twitter（3億2,800万人のユーザーを有するソーシャルネットワーク）とAliExpress（世界最大級のeコマースサイト）では、すでにPWAを実用化しています。実用化されているPWAを手に取って確認したい方は Twitter Lite をお試しください。 PWAのメリット PWAには次のようなメリットがあります。これらは開発者・エンド
Vue.jsで作ったサイトをPWAに対応させてみる - じゅころぐAR
2018年はPWA(Progressive Web Application)が注目されつつあるので、先日Vue.jsで作成したWebサイトをPWA対応させてみたいと思います。 jyuko49.hatenablog.com PWAとは？ PWAのメリット SPAのアプリ化が簡単 WebのOSSを使い放題 Webアプリの機能を拡張 PWAに対応する Vue.jsプロジェクトをPWAボイラープレートで作成する アイコンを作る Lighthouseでチェックする PWAを動かしてみる iOS11.3 Android7.0 まとめ PWAとは？ "ホーム画面に追加"を行うことでネイティブアプリのように動作するWebアプリケーションです。オフラインキャッシュで快適に動作したり、Webプッシュ通知が受けられたりします。 Googleが提唱していた技術で、以前から気になってはいましたが、Microsoft
Electron、React Native、Cordova…Web技術でネイティブアプリ開発する方法を、アシアル田中さんに聞いた
Electron、React Native、Cordova…Web技術でネイティブアプリ開発する方法を、アシアル田中さんに聞いた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、アシアル株式会社 代表取締役社長の田中正裕さんです。 田中さんのセッションは「Web技術でネイティブアプリを開発する話」（ホール 14:20-15:00）です。 （現在HTML5 Conferenceは定員オーバーの状態ですが、無料イベントということもあって
React Nativeとネイティブアプリでの開発の違いとは
モバイルアプリを開発したい時にReact Nativeで開発するのか、ネイティブアプリとして開発するのか比較しています。アプリ開発の環境構築、より簡単なのはどちらかなど2つの違いについて比較しています。ぜひ参考にしてみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Course Reportのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、TurnToTechのAditya Narayan氏によっ
【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) - Rのつく財団入り口
JavaScriptフレームワークを比較してみよう (2018年4月) トレンドの移り変わりが激しいWebフロントエンド。2017-2018年現在、JSフレームワークで最も有力な3強がAngular/React/Vue.jsの３つと言われています。他に日本で比較的聞くのはRiot.js、Ember.js、Hyperappなどがありますね。 ちょいとFW選定の技術調査でいろいろ調べたりしたので、このエントリでは初学者なりに比較を整理してまとめてみたいと思います。 なお最後にも書いてありますが、実際に使ったりして得られた知見もあれば、入門レベルだと確かめようがないので本やネットの情報や意見の中で多いものの受け売り的になっているところもあります。フレームワークって結局どれがいいのという話は混乱したり場合によっては荒れがちですが、最終的には情報は各自の判断でご利用ください。フレームワークは開発をよ
Android / iOS アプリの開発にクロスプラットフォームの Flutter を実戦投入した｜najeira
Flutter を実際にリリースしているプロダクトに採用してみて半年ほど経ったので、その経緯と Flutter についての感想を記しておきます。 The English version is on Medium! Flutter についてFlutter は、クロスプラットフォームでモバイルアプリを開発するための開発フレームワークです。 特徴- 言語は Dart - フルスタックのUI framework (Material and iOS) - Reactive (inspired by React) - Material and iOS - GPU を利用して UI を描画するところまで全て (Skia) - オープンソース on GitHub - developed by Google and community - ネイティブのARMコードにコンパイル - 開発用プラグイン - In
AndroidでChromecast対応アプリを作る - 酢ろぐ！
先日のGoogleの新製品イベントでChromecast 2とChromecast audioが発表されました。Chromecast 2はドングル型からペンダント型へのデザイン変更と次の動画を先読みするFast Play機能対応や5GHz対応がメインでしたね。過去モデルとは基本的にあまり変わらなさそうで少し安心しました。 Google ChromecastはテレビHDMI端子に刺して使うタイプのガジェットです。テレビの大きな画面でhuluやYoutubeをみることができます。Chromecastには操作するためのボタンやリモコンは付属しておらず、操作するのにはスマートフォンを使います。 Google Chromecast 正規品 第三世代 2K対応 チャコール GA00439-JP 発売日: 2020/03/01メディア: エレクトロニクス 操作するために必要なChromecast SDK
Fire TV StickにAndroidのアプリを色々と入れてみるよ。手順と必要なもの。 | NURUMAYU ～こんな夜には温もれない～
最近テレビCMまで始まったamazonのFire TV Stick。 きっと、売上も好調なんでしょうね。 管理人もNetflixやプライムビデオをテレビで見るのに、活用しているのですが、もっとFire TV Stickを活用してもいいんじゃねーかってことで調べてみましたよ。 今回はFire TVに色々とAndroidアプリを入れたよって話です。 そもそもFire TVってどんな仕組み？ 単純にamazonプライムビデオを見たり、初めから入っているNetflixやU-nextを、使っているだけだと、Fire TV Stickはテレビで映像サービスを観るためのデバイスのように思えます。 しかし、本来の姿で言うと、Fire TV StickはAndroidベースのFire OSが入った簡易なパソコンやAndroidタブレットと言い換える事が出来ます。 Fire OSはAndridベースのOSです
Chromecastで動くHTML5ベースのメディアストリーミングアプリを作るための基礎知識
意外と知られていないことですが、Chromecast対応アプリは、iPhoneアプリやAndroidアプリ同様に誰でも開発することができ、今多くの開発者から注目されていて、今後もその数が増えることが予想されます。 Web＆モバイル技術のSIを手掛けるオープンストリームでは、Chromecastデバイスの国内発売前からスマートフォンアプリ（iOS版およびAndroid版）の対応について技術検証を行い、詳細な技術ノウハウを獲得してきました。本連載では、その時に得た技術を基にChromecastアプリのシステム構成、開発環境、開発準備、メディアストリーミングアプリの開発方法について注意点を含めて解説していきます。Chromecast対応アプリを開発する参考にしてください。 初回は、Chromecastの概要とサンプルアプリを動作確認できるまでの開発手順を解説します。 Chromecastアプリの
React Nativeはアプリ開発者の夢を見るか？ - アニマネ開発日誌
ES6とReactの勉強を兼ねて、React NativeでiOSアプリとAndroidアプリを作ってみました。 アニメグッズの最安値を検索するアプリです。 アニマネ プライス - アニメグッズの最安値をチェック！ Kazuhiro Minatoショッピング無料 React NativeはJavaScriptが書ければiOSアプリとAndroidアプリが作れます。 それに加えてHTML5のハイブリッドアプリとは違い、高速に動作すると謳われるプラットフォームです。 コードの共通化ができて、しかも高速というのは開発者にはとても魅力的です。 タイトルはパロディなので少々大げさな感じがしますが、実際に作って色々と分かりましたので、 React Nativeについて軽く紹介しつつ、これから導入を検討している人向けに書いてみます。 ざっくりとしたまとめ 長い記事なので、忙しい人向けのざっくりとしたまと
Ruby on Rails 初心者勢が SmartHR に入社して初めてのアプリを作るまで - SmartHR Tech Blog
こんにちは。エンジニアのrisacanです。去年末から年始にかけて、SmartHRの開発チーム内でRailsのOJTをしていただきました。 その内容を紹介します! 😊 Rails OJT 今回のRails OJTは12月に入社したエンジニア2名を対象に実施されました。 まるまる15日間、他の業務はせずOJTのみを行いました。2人ともソフトウェア開発の経験はありますがRailsは未経験で、Rails Tutorialを1周やり終えた状態からのスタートでした。 お題 今回のOJTは、1人1つずつ、お題に沿ったアプリを一から作るような内容となっています。 以下のような内容です。 # 研修の内容 以下の要件を満たす「経費精算アプリ」を作ってください - 事業所アカウントを新規登録してログインできること - 事業所アカウントには複数のユーザが紐づくこと - ユーザには管理者権限と従業員権限があるこ
英語リスニング力をアップ、おすすめ学習アプリ9選 | アプリオ
今年こそ英語力を磨きたい、英会話をできるようになりたい……などといった年初の決心が、すでに薄らいでいる人はいないでしょうか？英単語はそれなりに知っているし、リーディングもライティングも何とかできる。しかし、実際に話すとなると中学英語レベルの会話ですら雲行きが怪しくなってしまう。 大学まで英語を学んできたのに、実際に英語ネイティブと会話するとなった途端、尻込みしてしまう人も多いようです。英語を流暢に喋ることができないというよりかは、英会話そのものが恐怖の対象にすらなることも。その一つの要因には、リスニング能力・ヒアリング能力の不足が挙げられるでしょう。英語教師の発音は聴き取れてもネイティブの発音が聴き取れない、なんて経験はないでしょうか。 英会話講師がおすすめする英語学習アプリ7選、その正しい活用術【iPhone/Android】 しかし、今は英語のリスニングを鍛えるためのアプリが豊富に存在
AI英会話アプリ「テラトーク」のジョイズ、2億円の資金調達
AI英会話アプリ「TerraTalk（テラトーク）」を提供するジョイズは12月8日、YJキャピタル、SMBCベンチャーキャピタル、みずほキャピタル、ベンチャーラボインベストメント、インキュベイトファンドから、総額約2億円の資金を調達したと発表した。 テラトークは、AIとの英会話を通じて、さまざまな場面での実践的な英語を学べるアプリで、2016年2月から提供されている。アプリが発音や表現の出来を自動的に診断し、英語の苦手を特定・解決することが可能。また、異なる英語力に対応した100以上のコースがあり、試験や職種など、ひとりひとりのニーズに応じて実践的な英会話を自由に学べることが特徴だ。 同社によると、最近ではスピーキングの個別指導が困難な教育現場の課題を解決できるサービスとして、学校や塾からの引き合いがあり、品川女子学院や日体大柏高校などの先進校に、生徒の自習用教材として採用されているという
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのブーム終焉と、その次に来るもの | アドビUX道場 #UXDojo - Adobe Blog
