AIにフルスタックアプリ生成を指示できる「Bolt.new」が、iOS/Android対応のネイティブアプリ開発に対応
AIにフルスタックアプリ生成を指示できる「Bolt.new」が、iOS/Android対応のネイティブアプリ開発に対応 Webブラウザ上でAIにフルスタックアプリの生成やデバッグを指示できるサービス「Bolt.new」が、新機能としてiOSおよびAndroid対応のネイティブモバイルアプリの開発に対応したことが発表されました。 Introducing Native Mobile App support on Bolt You can now go from idea to App Store just by prompting Bolt, no coding necessary pic.twitter.com/MX5buQocDP — bolt.new (@boltdotnew) February 12, 2025 生成AIに開発を指示、デバッグまでできるBolt.new Bolt.new
React Native | 技術評論社
概要 「iOS/Androidの2つのアプリをもっと効率良く開発したい」 「ハイブリッドアプリだと、速度やUIがネイティブより劣ってしまいがち」 こんな課題は、React Nativeを使えば解決できます。 React Nativeは、iOS/Androidの両方のアプリをたった1つのスキルセットで開発できるJavaScriptライブラリです。本書は、ReactやReact Nativeが生まれた背景を見直しながら、React Nativeの基本はもちろん、ReactやTypeScript、アプリ設計・開発、テスト、リリースまで、React Nativeによるアプリ開発のすべてを解説。日本でまだ無名だった頃からReact Nativeを追い続けた著者陣が、現場実践をふまえて開発手法を伝授します。 フロントエンドの方はもちろん、アプリ開発の技術選択を広げたいすべてのエンジニアにおすすめの1冊
【個人開発】Flutter と Firebase で夫婦のタスク共有アプリを作った話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 先日、夫婦のタスク共有アプリ「Be a Buddy」をリリースしました。 育児、家事、本業の常駐エンジニアのすきま時間で約2年の開発期間をかけた私のエンジニア人生の集大成と言えるアプリになりました。 そこでこの記事では開発期間と今までのキャリアの振り返りをしたいと思います。 このアプリを開発しようと思ったきっかけ 娘が生まれて半年くらい経ったころから妻との間で家事の連携が取れなくなってきました。具体的にはこのような感じです。 食材の買い物の内容がかぶる 洗濯機回したけど、ふたりとも干さなかった 赤ちゃんのお世話で中途半端になっ
React Nativeとは何か？ 基本の仕組みと使いどころを理解する
WebブラウザとAndroid、iOSが、アプリの動作環境としてそれぞれ市民権を得た現代では、サービスを1つ作るだけでも、各プラットフォームに対してアプリを提供することが当たり前のように求められます。本連載では、この問題に立ち向かうため、ReactとJavaScriptによるWebアプリケーション開発に近いお作法でAndroidやiOSのアプリ開発ができるツール「React Native」を紹介します。まずは、React Nativeというツールがどういった仕組みで動いているのか、また、どういった分野に向いているのかを解説します。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者 前提環境 本記事の内容は、React Native v0.57.4の実
React Nativeハイブリッドアプリへの挑戦 ~ Part3: 振り返り/今後 ~ - スタディサプリ Product Team Blog
本エントリは3部作のPart3となっております。 Part1: Monorepo/CI Part2: 導入/Bridge Part3: 振り返り/今後 モバイルエンジニアの@hotchemiです。 Part1、2では実際にインテグレーションを進めてきた中で得られた知見を公開してきましたが、今回は半年程の運用を経て我々は当初の目的を達成できているのか、という事に関しての振り返りと今後について共有できればと思います。 振り返り 現状を軽く復習しておくと私達は今年の初頭からハイブリッドスタイルの開発を初め、現在のコード比率はNative75%, React Native 25%程となっています。 Good まず、Part1で宣言した3つの目標に関して振り返ってみます。 モバイルエンジニア不足の解消(◎) 達成する事ができました。一例を紹介すると現在Quipperには3名のiOSエンジニアがいます
React Nativeの光と闇について喋ってきました #上越TechMeetup - ナカザンドットネット
7月21日（土）に新潟県上越市で行われた、上越TechMeetup#2に参加してきました。 jtm.connpass.com 町家を改装したイベントスペース「高田小町」で、総勢15名での、和やかな雰囲気での開催となりました。 なんでいったの 主催の五十川さんがRNの話を聞きたいということでお呼ばれしました。上越は地元なので、地元で行われるIT勉強会にお呼ばれなんて、テンションがダダ上がりになる事案です。 個人的なところとして、2010年ごろに上越である程度の規模のIT勉強会を開催することを諦めて新潟市で開催していたという事情がありまして、自分が諦めたことを実現した勉強会を是非応援したいという気持ちもありました。 なにしたの React Nativeの光と闇というタイトルで講演してきました。スライドは次のとおりです。 React Nativeの光と闇 from Yukiya Nakagawa
React Native for Webをプロダクションで使ってみました - agri-note inside
こんにちは、モバイルチームの中川[twitter:@nkzn]です。 5月22日にプレスリリースがあった提携で紹介されていたアプリでは、React Native及びReact Native for Webを採用しています。こちらについて技術的な側面から（当たり障りのない範囲で*1）事例を紹介します。 経緯 5/22に、農業総合研究所さんとの業務提携契約が公開されました。 www.agri-note.jp 農業総合研究所さんは、7000件以上の農家さんから野菜を集荷し、全国各地のスーパーなどに設置された直売コーナー「農家の直売所」に野菜を出荷している、農産物の流通・販売・コンサルティングを手がける農業ベンチャーです。 （上記のスクリーンショットは2018年7月18日現在のものです） www.nousouken.co.jp 今回の業務提携により、共同でシステム開発を行っていくことになりました。
GCP、Firebase、GraphQL、react、react-native、appetize.ioのよくばりexampleセットをつくったぞーーーー！！！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? サクッとexampleコードを書くつもりが、nativeコードにハマりにハマって１ヶ月かかってしまいました。。。 js界隈の人間には、react-nativeのnative側のコードをいじるのが、とにかく辛かった。 今回作ったexample 概要 タイトルの通り、GCP、Firebase、GraphQL、react、react-native、appetize.ioを使い、web、iOS、Android向けにFirebaseのauthログイン + リスト表示ができるexampleを作成 （※使用技術については下記記載） github ht
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
【翻訳】React Native at Airbnb: The Technology - Studio Andy
はじめに この記事は2018年6月20日にAirbnb社のGabriel Pealによって公開された記事を日本語に翻訳したものです。 公開にあたっては氏本人の同意を確認中ですが、誤訳や問題のある表現等を見つけた方は僕のTwitterアカウントまでDMいただけますと幸いです。 元記事: medium.com 本文 この記事はAirbnb社におけるReact Native体験と 次の時代のモバイルアプリケーション開発について記したブログシリーズの第二弾です。 React NativeはAndroid, iOS, Webで横断的に動作する、それ自体が比較的新しく急速に発展しているクロスプラットフォームフレームワークです。2年間に渡って使ってきた今、React Nativeは多くの点において革新的なツールであると自信を持って言えます。それはモバイル開発におけるパラダイムシフトであり、私たちはRea
React Nativeアプリをリリースするまでに最低限必要なiOS/AndroidのTodo - PIYO - Tech & Life -
React Nativeでアプリを書くことができたとしても、アプリをリリースする先はiOSのApp Storeであったり、Google Playだったりします。リリースするためには各プラットフォームでの作法や、コード上でやっておかないと行けないことが色々とあります。 React Nativeで両プラットフォームに対応しようとすると、この辺の手続きに関しても両プラットフォームのことを知っておかないといけないため、なかなかハードです。僕の場合はiOSネイティブから入っているのでiOS側は勝手知ったる作業なのですが、Androidのほうは手探りでした。 ということで、自分のための頭の整理も兼ねて箇条書きレベルでまとめておこうかなと思いました（まとめたところで、プラットフォーム側のアップデートとかでよく変わっちゃうんですけどね）。 ネイティブアプリ未経験の人が、React Nativeでアプリを作
React Nativeで自社サービスのiOS/Androidアプリをリプレイスした話 - PIYO - Tech & Life -
前置き僕が所属しているソニックガーデンではRemottyというツールを自社で開発し、普段の業務に使っています。リモートワークをするためにオフィスと言ってもいいような場所で、業務中は常にオンラインとなり、リアルタイムチャット（対面の会話の代替）とトピックベースの掲示板（メールなど非同期コミュニケーションの代替）の両方を備えたオフィスとなるようなツールです。 https://www.remotty.net/オフィスにいられない間にもチャットや掲示板に反応できるように、iOSとandroidそれぞれにネイティブアプリのクライアントアプリがあり、それぞれを別の開発者が担当していました。iOS版はその当時新卒2年目だった若者が作ったものを僕が引き継ぐ形でメンテしていました。 もともと自社向けに開発していたプロダクトではありますが、働き方改革の流れなどの関係もあってここ1年〜2年ぐらいの間に有償で使っ
[React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita
[React Native入門完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 この記事で説明する事 React Native採用に係る意思決定の話 atom + eslint + flowによるIDE風開発環境 line by lineによるプロジェクト作成方法とリリース方法 デバッグ方法やtips集、補助ツールの使い方 React Nativeとは Facebookがオープソースとして開発するReact.jsの思想の一つである「Learn once, Write everywhere」（元ネタはもちろんJavaのWrite once, Run anywhere）を体現した、Facebookが開発主体となるプロジェクトの一つで、要はJavascriptとReactフレームワーク1つでモバイルアプリ（iosとAndroid）を作れる、といった代物です
![[React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd8432893c7bb0d7c1100348e2d1c5ff6bb8ae41/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCUmVhY3QlMjBOYXRpdmUlRTUlODUlQTUlRTklOTYlODAlRTUlQUUlOEMlRTUlODUlQTglRTclODklODglNUQlRTMlODAlOEMlRTMlODElODQlRTMlODElOEQlRTMlODElQUElRTMlODIlOEElRTMlODMlODclRTMlODMlQkMlRTMlODMlODglRTMlODAlOEQlRTMlODElQUUlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTJSZWFjdCUyME5hdGl2ZSVFMyU4MSVBNyVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSU5NyVFMyU4MSU5RiVFNyU5RiVBNSVFOCVBNiU4QiVFMyU4MiU5MiVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MCU4MiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Yzg4Nzg0NmQwM2I0NmE0OWI1YjljZDQ5N2UwMGNjZTY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZ29nb3RhbmFrYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjRiZDU0YWRmMDJhMWI2NmFhYzE4OTBlOThkNDY5MWM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dda33fbe74e8524cb2321b6da1f8834d5)
ReactとReact Nativeでコードを共通化し，web / android / iOS (+PC)クロスデバイス開発 - Qiita
React, React Native, Reduxを使って，web, android, iOSアプリのコードを出来る限り共通化します． ReactとReduxを組み合わせて使う場合，見た目を司るPresentational componentとロジックを司るContainer componentにコードを分離します( http://qiita.com/tuttieee/items/a3ca7d9d415049d02d60 )． そこで，Presentational componentは各デバイス固有のコードにし，Container componentは共通化することでロジックをデバイス依存のコードから切り離し一つにまとめます．actionやreducerなども共通化できるので，結果としてロジックはすべて共通化され，Viewのみがプラットフォーム固有のコードになります． ここでは，よくある
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
A library for building cross-platform apps - ReactXP
Building on React ReactXP builds on the popular React JS and React Native frameworks. XP means X-Platform Share most of your code between the web, iOS, Android, and Windows. Apps Users Will Love Create great-looking, responsive web pages and mobile apps that feel native. The authors of React use the phrase “learn once, write anywhere”. With React and React Native, your web app can share most its l
「React Native」はなにがすごい？ リクルートのエンジニアが徹底調査 | ログミーBusiness
リクルートテクノロジーズ主催のITエンジニアのスキルアップ・キャリア形成のための勉強会「RECRUIT Technologies NIGHT」。複数回にわたり、リクルートのエンジニア環境やリアルな技術開発・運用について解説します。第5回のテーマは、「リクルート流フロントエンド開発」です。鎌倉正也氏の講演は「フロントエンドエンジニアが React Native を触ってみた話」。React Nativeの調査を通して得られた知見を紹介しました。 React Nativeとは？鎌倉正也（以下、鎌倉）：それでは、始めさせていただきます。「フロントエンドエンジニアがReact Nativeを触ってみた」というタイトルで発表させていただきます。鎌倉と申します。 まずは、自己紹介なんですけれども。普段はフロントエンドエンジニアとして、ReactとかReduxとか使って、Webアプリを使っております。今
React Nativeアプリの開発環境をコマンド一発で構築する「create-react-native-app」
今月の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でネイティブア
Dive into React Native performance
React Native allows you to build iOS and Android apps in JavaScript using React and Relay‘s declarative programming model. This leads to more concise, easier-to-understand code; fast iteration without a compile cycle; and easy sharing of code across multiple platforms. You can ship faster and focus on details that really matter, making your app look and feel fantastic. Optimizing performance is a
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ページを開く
