Announcing React Native 0.64 with Hermes on iOS · React Native
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
Expo の仕組みと使い方をメモしていく記事
これは iOS アプリを開発しながら Expo について調べたことを自分用にまとめておく記事です。 Expo とは Expo はクロスプラットフォーム（iOS/Android/Web）で React Native アプリを開発するための便利機能を集めたプラットフォーム。 素の React Native プロジェクトと比較して若干の制約があるが、 Expo SDK が提供する様々な機能を使えたり開発環境の整備が簡単というメリットがある。Expo は Expo SDK, Expo CLI, Expo Go, EAS と呼ばれる4種類のツールで構成されている。 Expo SDK Expo でアプリを作るために必要なあれこれを集めたパッケージ。 開発に使われているリポジトリは主に以下のディレクトリで構成されている。 packages: Expo の API を提供するためのソースコード（ネイティブ
JSer.info #584 - Deno 1.20がリリースされました。 Deno 1.20 Release Notes V8とRust間のOpコードの最適化をしてパフォーマンスの改善されています。 リクエストのAccept-Encodingヘッダを見て自動的にHTTP Response Bodyを圧縮するように変更されています。 また、deno benchコマンド、deno taskコマンド、deno.jsonがimportMapオプションをサポートしています。 Deno 1.19でDeno testでのリソースリークを検知する仕組みが実装されていましたが、パフォーマンスが悪化する場面がありました。 そのため、Deno 1.20では、deno testに--trace-opsフラグをつけた時のみデバッグ用の詳細な情報を表示するように変更されています。 破壊的な変更として、Workerと
Twitterを見ていると、とあるニュースに関連するリプライに、純国産、日本製を自称するチャットアプリであるエアレペルソナをおすすめするツイートを見かけた。 ttps://twitter.com/search?q=%E3%82%A8%E3%82%A2%E3%83%AC%E3%83%9A%E3%83%AB%E3%82%BD%E3%83%8A&src=typed_query まぁ、そのツイート自体がかなり怪しい感じのある人によるもの多いのだが、気になる人は上のリンクから見てみてほしい。 公式アカウントのリプライも尖りまくっているので面白い。 ttps://twitter.com/Airlex_official/status/1280658520363241473 ttps://twitter.com/Airlex_official/status/1280745424014454784
電子書籍＋PODで「基礎から学ぶReact Native入門」が出ます（追記：出ました＆電子版トラブルの顛末） - ナカザンドットネット
3/13追記： 2/25に発売しました🎉 残念ながら無事に、とはいかず、電子書籍版にレイアウト崩れが見つかったために一時Kindle版を取り下げていました。 この問題は3/3に復旧しています。Kindle版、プリントオンデマンド（ペーパーバック）版をそれぞれお楽しみください。 【修正完了】大変長らくお待たせいたしました。先日、Kindle版『基礎から学ぶReact Native入門』に不具合が見つかり、データの修正作業を行っておりましたが、修正が完了したため、Kindle版の販売を開始しております。改めまして、この度は皆さまにご迷惑をおかけし大変申し訳ございませんでした。 pic.twitter.com/C9cXSRl4WD— CodeZine (@codezine) 2021年3月3日 本が出ます 2021年2月25日に、翔泳社さんから電子書籍＋プリントオンデマンドで本を出すことになり
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って１週間足らずで達成できました。Community の一員になれた経緯はまた別の記事で書こうと思います。Community の一員として Contributors の Discord channel に招待されて、色々な知見が手に入るので、今回はその一部をシェアします。 The New Reac
CloudWatch でクライアントアプリのモニタリングができる Real-User Monitoring for Amazon CloudWatch(RUM) がリリースされたので試してみた #reinvent | DevelopersIO
CloudWatch でクライアントアプリのモニタリングができる Real-User Monitoring for Amazon CloudWatch(RUM) がリリースされたので試してみた #reinvent ユーザーの動きをニアリアルタイムで収集し、ページのロード時間、JS エラー、HTTP エラー、利用ブラウザやユーザーのページ遷移履歴など、アプリのパフォーマンスや UX の向上に役立てられるデータを CloudWatch 上のダッシュボードで可視化できる新機能、Real-User Monitoring for Amazon CloudWatchが リリースされました。 使い方 CloudWatch RUM から生成される JavaScript のコードスニペットをクライアントアプリに埋め込んでデータを収集し、ダッシュボードで可視化します。2021.11.30 時点では JavaS
JSer.info #609 - Next.js 12.3がリリースされました。 Blog - Next.js 12.3 | Next.js TypeScriptの自動インストールに対応、.envなどの変更にFast Refreshが対応、next/future/imageコンポーネントの改善が含まれています。 また実験的なオプションとしてunoptimizedの追加され、SWCでコードを圧縮するswcMinifyがStableとなりました。 npm v9.0.0-pre.0リリースされています。 Release v9.0.0-pre.0 · npm/cli Node.js 12のサポート終了されています。 workspacesでsemverのrangeを指定できるように、npm birthdayコマンド、npm binコマンドの削除されています。 また、npm pkgコマンドがあるため、
Enter description here
チームにGrowiを導入してから1年が経った
はじめに 今の会社に新卒で入社してもう6年が経ちました。 業務では主に、フロントエンド をReactやReactNativeとTypescriptで開発しています。 ※部署やチームによって扱っている言語は様々で、異動やスポットで加入した際はVueやら.NETやらSalesforceやらで開発をしたりもしました。 入社した頃は、正直なところExcel至上主義な雰囲気で 「仕様書20201125v1.xlsx」 なんてファイルがゴロゴロしていたりもしました。 ドキュメントやコードの管理方法なんかもバラバラで、酷いところだとファイルサーバに直置き。あとはSVNやVSSが多く、一部でPukiWiki、ちょっとトレンドに敏感な人がいるチームは早々にGitlabを入れてWikiで管理。といった感じでした。 そんな状態から段々と「しっかりドキュメントを管理しましょう」といった空気になり、扱いやすいツール
同じお題でUIを構築してみてFlutter, JetpackCompose, SwiftUIの三種の宣言的UIフレームワークを比較してみる
はじめに 昨今Android/iOSネイティブアプリの開発では「宣言的UIを利用したUIフレームワーク」（以下、このようなフレームワークを宣言的UIフレームワークと本記事では呼称します）が台頭しようとしています。この流れは、Reactの考え方やそれ自体を利用したFlutterやReactNativeのようなマルチプラットフォームフレームワークから始まり、AndroidではJetpackCompose、iOSではSwiftUIと、現在はそれぞれのプラットフォームにも取り込まれるまでになっています。 宣言的UIフレームワークは旧来の手続き的な方法よりもより直感的にUIを記述することができ、採用することでViewの構築をより効率よく行うことができます。これまでは既存のアプリケーションにこの方法を取り入れようとした場合、FlutterやReactNativeであれば新規に言語すら違うフレームワーク
2022年度に未踏ジュニアに採択されたクリエイターが、5月から半年間取り組んできたプロジェクトについて発表を行う「未踏ジュニア 成果報告会」。ここで曽田氏、クルモフ氏と、メンターの西尾氏が登壇。まずは「StudyRec」開発の経緯と、実際の機能について紹介します。 「勉強」を良くするためのプロジェクト 西尾泰和（以下、西尾）：準備をしている間つないでいきたいと思います。残り2つの発表ですが、両方とも僕がメンターをしています。西尾です。よろしくお願いします。 これから発表される曽田さんとクルモフさんのプロジェクトですが、ここに来ている方は学生の方が多いですよね。学生の方で一番問題なのは何かというと、勉強だと思うんですよね。 「勉強をどうしたらもっと良くできるだろう」みたいな感じで。みんな「そうそう」「うんうん」と頷いてくれていますが、そういう人たちのためのソフトウェアを作ったのが彼らのプロジ
JSer.info #690 - Electron 30.0.0がリリースされました。 Electron 30.0.0 | Electron V8 12.4、Chromium 124、Node.js 20.11.1へアップデート。 File System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、WebContentsView/BaseWindowの廃止などの変更が含まれています。 Firefox 125がリリースされました。 Firefox 125.0.1, See All New Features, Updates and Fixes Firefox 125 for developers - Mozilla | MDN Intl.Segmenterのサポート、Popover APIのサポート、AV1コーデックのサポート
今回はその開発の裏話を、開発者である @hosakak と @muttu_623 にインタビューしたので、赤裸々にお伝えしたいと思います。 @hosakak ：穂坂 賢司(写真左)。1988年生まれ、神奈川県出身。大手SIer、フリーランス、起業（共同創業）などを経て2019年に中途入社。現在は Green でエンジニアを担当。 @muttu_623 ：佐藤 夢積(写真中央)。1996年生まれ、岩手県出身。東北大学理学部卒業後、2019年4月に新卒入社。入社後一貫して Yenta の Android アプリエンジニアを担当。そもそも成功報酬型求人メディア「Green」とは何か？はこちらをご覧ください。 なぜ Flutter で開発することにしたのか？__________ そもそも、どうして Flutter で開発することにしたんですか？@hosakak ：もともと Android アプリを
Five years of React Native at Shopify (2025) - Shopify
Five years ago, we announced that React Native (RN) is the future of mobile at Shopify. Today, we are excited to share the progress we've made, lessons learned, and what the future holds. To recap, we decided to switch to RN for 3 main reasons: Write it once - Stop building the same features twice, once on iOS and once on Android Talent portability - Enable devs to work fluently across iOS, Androi
Fast & Performant React Native List No more blank cells Swap from FlatList in seconds. Get instant performance. Similar props. Instant performance. Even with the similar props as the React Native FlatList, FlashList recycles components under the hood to maximize performance. <FlashList renderItem={({ item }) => { return <TweetCell item={item} />; }} estimatedItemSize={50} data={tweets} />;
新しいモバイルアプリを開発するプロジェクトにおいては、iOSとAndroidの開発を同時にすることが多くあります。同時並行で開発を進める上で、複数のメンバーで方針を決める必要もあります。それは、iOSの担当者、Androidの担当者だけでなく、サーバーサイドの開発者やデザイナー、企画やマーケッター、受託開発であれば、発注する人も気をつけるべきことがあります。 ここでは、クロスプラットフォーム開発ではなく、SwiftとKotlin（Objective-cとJava）など異なる言語を組み合わせて、OSの特性を意識した上で行うネイティブアプリ開発での注意点に触れます。 ※クロスプラットフォーム開発とは ハイブリッド開発とも呼び、１つのプログラムでiOSとAndroid両方で動作可能なアプリを開発する手法で、FlutterやReactNative、Xamarinなどがあります。 プログラミングのコ
React Native 0.76 with the New Architecture by default is now available on npm! In the 0.76 release blog post, we shared a list of significant changes included in this version. In this post, we provide an overview of the New Architecture and how it shapes the future of React Native. The New Architecture adds full support for modern React features, including Suspense, Transitions, automatic batchin
こんにちは！React、Vue、Angularの説明をする時にゼニガメ、フシギダネ、ヒトカゲに例えるとウケが良いことに気づきました。Mizutani(@sirycity)です。 今日はReactとvueそのものの比較ではなく、そいつらを使ったフレームワークとかライブラリの比較です。沢山あるから自分の確認含めてざっくり書いてきますわ。項表題をクリックすると公式に飛べるで。 初心者向け reactとかvueを初めて触る人によく勧められるフレームワーク？です。機能はそんなにないけど分かりやすいやつ。 create-react-app react初心者にぴったり。まずはここから始めよう！ってやつ。僕もフロントエンドエンジニア2年目でこれやった。 逆に言えば、これは完全に学習用にした方がいいです。ルーティングやSSR等、本番運用しようとすると欲しいものがないです。ここでreactの基本を理解したらg
Magicというマジックリング認証に特化したサービスを知ったので素振りしてみた記録。 サーバーサイドまで含め入ったサンプルは公式のチュートリアルにある https://magic.link/guides 逆にSPAのようなクライアントログインの最低限パターンのサンプルが見当たらなかったので、素振りを書いてみた サンプル import { Magic } from 'magic-sdk' import { useState, useEffect } from 'react' // Dashboardに表示されたpublishable keyを持ってくる。これは公開してよいキー const MAGIC_LINK_PUBLIC = "pk_test_****************" // hooksに処理をまとめる const useMagicLogin = () => { const [is
WindowsでのReact Native開発環境構築と基礎文法解説：Expoを使った最初のプロジェクト手順 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
一般に、React Nativeを使い始めるには、「Expo CLI」または「React Native CLI」を使用する2つの方法があります。 どちらの方法にもそれぞれ長所と短所がありますが、React Nativeの公式ドキュメントでさえ、モバイル開発が初めての場合はExpo CLI から始めることを提案しております。 したがって、当記事ではWindowsを使用した最初の React Nativeプロジェクト用にExpo開発環境をセットアップするために必要なすべての手順を説明致します。 そして、Windows上でReactを使用してiOSアプリ開発を試してみたいと思っている方に向けた入門記事でもあります。 ですが、MacOSをお持ちの方はReact Native CLIを使用してプロジェクトをすばやく起動するのが標準的な方法ですので、すぐに移行をお勧めします。 また、この記事では、Re
アプリをストアに公開後、半年に1回のペースでアップグレードを行ってきました。短いものだと1週間、長くて約2ヶ月かかってます。 0.46.2 -> 0.50.4 の思い出 初めてのアップグレードだったのでとにかく大変だった印象です。11月から着手して、クリスマスがすぎ、大晦日がすぎ、正月がすぎてもなかなかエラーが解消せず、先が見えない不安がありました。今でも覚えているのが、AIRMap(いまはreact-native-maps)とfbsdkです。AIRMapはAirbnbが開発していたライブラリでその名の通り地図表示なのですが、ネイティブ層のビルドエラーで苦しんだ記憶があります。かなりObjective-Cのソースコードを読みました。のちのAirbnbのReact Nativeやめる宣言により、ライブラリ開発がどうなるか心配だったのですが無事にReact Native Communityに移
はじめに こんにちは！JMDCでモバイルアプリエンジニアをやっている柴野です。 9/14-16に開催されたDroidKaigi 2023に参加してきましたので、レポートをお届けします🥳 DroidKaigiとは DroidKaigiはエンジニアが主役のAndroidカンファレンスです。 Android開発者有志による実行委員会が主催し、技術情報の共有とコミュニケーションを目的に開催します。 （Droidkaigi_portalより一部引用） いざ！会場入り まずは入口で用意されている名札を受け取ります。 同僚の名札です。 ここで自分の名札の写真を撮り忘れたのが悔やまれます。。 アイコン付きの名札が用意されており、この時点でワクワクが止まりません！！ 会場は大勢の参加者で賑わっていて、改めてカンファレンスの規模の大きさを実感しました。Welcome Talkによると、 オフライン参加の方は
4月中ば以降の業務委託の案件を探しています(Android or バックエンド) - みんからきりまで
2020/03/16最終更新 こんにちは。@kiriminというものです。 4月半ば～5月くらいからのお仕事を探しています。 興味も持っていただいた方はtwitter @kirimin へのDM、または minkarakirimade@gmail.com までご連絡ください。 誰 だいたいのプロフィール、出来ること、やりたいことなどはここに書いてあります。 portfolio.forkwell.com 29歳のAndroidエンジニアです。 7年ほどフリーランスとして様々な企業でAndroidアプリの開発を行ってきました。 プログラマとして特別高度なことが出来るわけでないですが、WebサービスのクライアントなどオーソドックスなAndroidアプリを工数見積もりや技術選定、クラス設計の部分から早くきちんと実装出来ます。 以前はアプリのアーキテクチャ設計に興味が強く、MVPやCleanArch
2022年度に未踏ジュニアに採択されたクリエイターが、5月から半年間取り組んできたプロジェクトについて発表を行う「未踏ジュニア 成果報告会」。ここで曽田氏、クルモフ氏と、メンターの西尾氏が登壇。続いては、ユーザーからのフィードバックについての紹介と、視聴者からの質疑応答について。前回はこちらから。 96.3パーセントの方が「アプリを使って勉強で効果があった」と回答 クルモフ斗務氏（以下、クルモフ）：実際にアプリを使ってくださった方々にフィードバックをいただきました。たくさんの協力のおかげで、合計ユーザー数は160人になりました。中には宣伝関係なしにApp Storeの検索だけからダウンロードしてくださった方もいました。 さらにGoogleアナリティクスから、ここ3ヶ月間の合計エンゲージメント時間を確認しました。Googleアナリティクスを使用していない期間もあったので、開発時間を抜きにして
Container / Presentational構成【Reactのコンポーネント設計】 | NOCHITOKU
こんにちは！フリーランスエンジニアの雄貴です！ Reactを用いたコンポーネント設計の方針は様々ありますが、 私が普段用いている手法を紹介しようと思います！ Reactのコンポーネント従来のコンポーネントだと、以下のコードのように関数の中でstate(状態)やfunction(ロジック)を定義し、それを「return」直下のview部分に渡してレンダリングしています。 import React from 'react' /** * InputForm * @returns */ export const InputForm: React.FC = () => { // state (状態) const [value, setValue] = React.useState('') // function (ロジック) const handleChange = (event: React.Ch
Nature RemoやNatureスマート電気で使われている技術と今後の展望 -2022- - Nature Engineering Blog
Nature株式会社ソフトウェアエンジニアチームです。 NatureはスマートリモコンNature Remo1をはじめ、家庭の電力マネジメントのためのスマートエナジーハブNature Remo E2や、電気小売事業のNatureスマート電気3を提供しています。「自然との共生をドライブする」をミッションに掲げ、お客様に利便性と同時にエコであるという、新しいライフスタイルを提供したいと考えています。 昨年、Nature Remoは累積販売台数40万台を越えましたが、エンジニアはハードウェアエンジニアが2名、ソフトウェアエンジニアが8名の体制です。ハードウェアも含め、技術領域が多岐にわたっているため、まだまだエンジニアを募集中です。 本エントリではNatureで使っているソフトウェアの技術スタックや今後の展望2022年バージョンを紹介したいと思います。これは現状の状況を踏まえて選定しているもので
RN Features 2021年2月号 - React Native iOSでの画像キャッシュの仕組み, JCenterのクローズ問題, Redux / Context API / Recoilのパフォーマンス比較 - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native Japanコミュニティ React Nativeでの画像キャッシュの仕組み(iOS) React Native 0.64 と 0.63.5 JCenter のクローズによる影響 Redux・Context API・Recoil のパフォーマンス比較 Wix社のDetox運用ノウハウ リアルタイムエンゲージメントのプラットフォーム "Agora.io" Quoraの質問: 「ReactではなくFlutterを選択する理由は何ですか？」 中国生まれのReact用UIフレームワーク "Ant Design" アニメーションライブラリGSAPがすごいらしい さいごに We're Hiring React Native Japanコミュニティ 今回のブログ
こんにちは。次世代システム研究室のT.M です。 はじめに Android / iOS 両スマホアプリを開発するためには、一般的にはそれぞれKotlin （Java）/ Swift（Objective-C）で実装をする必要があります。しかし、クロスプラットフォームのアプリケーションフレームワークが誕生し、一つの実装で、両スマホアプリを開発することができるようになりました。現在、クロスプラットフォームのフレームワークでよく利用されているものとして、React Native とFlutter があります。どちらが良いフレームワークであるか、は分からず、そのため、どちらを利用すべきか迷うかと思います。そこで、本稿では、React Native とFlutter のパフォーマンスについて比較して、どちらが優れているかを検証したいと思います。 React Native React Native は2
DMM meetupは、多種多様な生命が彩るジャングルのように毎回個性豊かなさまざまなテーマを題材に、共に学び、遊び、楽しめるイベントです。今回はオンラインサロン事業に焦点をあて、事業部メンバーが課題と取り組みについて話しました。萩原氏は、オンラインサロン事業部のマイクロサービス化について発表しました。 マイクロサービスとモノリス 萩原圭市氏：「いびつ（歪）なモノリシックアプリケーションをマイクロサービスパターンで未来につなげる話」をお話しします。 簡単に自己紹介をします。エンターテインメント本部オンラインサロン事業部の萩原と申します。私は2020年5月に中途で入社して、オンラインサロン事業部に配属となって、主にバックエンドの開発に従事しています。 本日はこのアジェンダでお話しします。マイクロサービスについて、オンラインサロンが抱えている課題、オンラインサロンが目指したい姿、今やっているこ
Flutterで始めるモバイルアプリ開発一覧
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
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
コンポジション vs 継承 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 React は強力なコンポジションモデルを備えており、コンポーネント間のコードの再利用には継承よりもコンポジションをお勧めしています。 この章では、React を始めて間もない開発者が継承に手を出した時に陥りがちないくつかの問題と、コンポジションによりその問題がどのように解決できるのかについて考えてみます。 子要素の出力 (Containment) コンポーネントの中には事前には子要素を知らないものもあります。これは Sidebar や Dialog のような汎用的な “入れ物” をあらわすコンポーネントではよく使われています。 このようなコンポーネントでは特別な children という props を使い、以下のようにして受け取った子要素を出力するこ
こんにちは！ファンタラクティブPRの石原です。 ファンタラクティブではさまざまな1on1を行っています。代表やマネージャーと、また有志が挙手してメンバー同士で行うことも。 今回ご紹介するのは、社外のエンジニアの方にエンジニア向けに行っていただいている1on1についてご紹介します。社外のエンジニア＝ひささん（@hisasann）にお話を伺ってみました。 ファンタラクティブの1on1については、こちらのpodcastでもご紹介しています。 チームラボでフロントエンドチームを立ち上げた「ひささん」ってどんな人？ファンタラクティブでは最初、代表との1on1の他にデザインマネージャーがデザイナーと1on1を行っていました。エンジニアとの1on1も行おうと考えていた時に、代表井村が組織開発に興味のあったひささんと知り合ったことでひささんとエンジニアの1on1が始まりました。 ▼ひささんのプロフィール
M1 Macで既存のReact Nativeプロジェクトを開発する環境が整うまでにしたことをまとめました。 Xcodeをインストール Mac App StoreからXcode 12.2をインストールします。 Homebrewをインストール 公式サイトにあるインストールスクリプトを実行すると、以下のようにRosetta 2を使用するか、他のインストールオプションを勧められます。 Homebrew is not (yet) supported on ARM processors! Rerun the Homebrew installer under Rosetta 2. If you really know what you are doing and are prepared for a very broken experience you can use another installat
React Native + ExpoのアプリにHermes、EAS Build、EAS Submitを導入した
以前、React Native + Expoでアプリを作って公開したという記事を書きました。 その後も不具合修正やUI改善のアップデートを細々としていますが、この度HermesとEAS Build、EAS Submitを導入してみました。 Hermes HermesはReactNative用に最適化されたオープンソースのJavaScriptエンジンです。従来のJSCでビルドするよりも、起動時間が短縮し、メモリ使用量も少なくなり、バイナリサイズも小さくなるようです。 これを使わない手はないよね、ということで導入してみました。 app.configにjsEngine: 'hermes'を追記します。
Amplify を用いてウェブとネイティブのマルチプラットフォーム対応する - サーバーワークスエンジニアブログ
こんにちは、技術1課の加藤です。 最近 Amplify にハマって色々と触ってみているのですが、 Amplify って複数のクライアントプラットフォームに対応しているんですよね。 マルチプラットフォームに対応しているからにはやっぱり複数のプラットフォームでバックエンドを共有したいもの。 というわけで今回は React を使ってウェブアプリとネイティブアプリを作成し、同じ認証情報を使ってログインしてみます。 1. React ウェブアプリ まずはウェブアプリ + 認証機構の実装を行います。 1-1. React アプリの作成 $ npx create-react-app react-amplify $ cd react-amplify 一応、ちゃんと動くか確認します。 $ yarn start or $ npm start 以下の画面が開けばOKです。 確認が終わったら Ctrl + C で
「なぜ私はElixirに賭けたか」のその先：プログラマとして体力／気力がゼロになってても全回復できる Elixirが奏でる、未来志向でSF的、サイバーパンクな世界へようこそ（今からElixirを始める説明付き） - Qiita
「なぜ私はElixirに賭けたか」のその先：プログラマとして体力／気力がゼロになってても全回復できる Elixirが奏でる、未来志向でSF的、サイバーパンクな世界へようこそ（今からElixirを始める説明付き）Elixir機械学習Flutterfukuoka.exデジタルツイン この記事は、Elixir Advent Calendar 2022 1の25日目です 昨日は、@ohr486 さんで 「elixirの実行コマンドの実体を見る」でした piacere です、ご覧いただいてありがとございます Elixirは、2012～2015年まではRuby／Railsライクな開発環境やErlang資産利用、低レイテンシの恩恵でNW系システムやMMORPGでの利用が中心でしたが、2016年以降、Elixir独自のさまざまな発展を遂げ、現在ではどの言語よりもあらゆる領域を広くカバーする進化を叶えました
ITコンサルタントの久光です。 Reactを使ったWebアプリ開発を習得した後、次はReactNativeでモバイルアプリも開発できるようになりたいな、と思っているエンジニアの方は多いのではないかと思います。 そこで今回は、ReactNativeやその開発ツールであるExpoについて、特徴や使い方を調査した結果を紹介します（NCDCの社内勉強会で共有した内容です）。 ReactNativeとは？ ReactNativeは、Facebookが開発したモバイルアプリケーション開発言語で、JavaScriptフレームワークであるReactがベースになっています。開発の方法がReactと大きく変わらないので、Reactを使ったことのある人にとっては学習コストの低いフレームワークと言われています。 ReactNative を開発したFacebookにより運営されている公式サイト 通常、iOSやAnd
Taking Advantage of Debugging Tools for Android App Development - クックパッド開発者ブログ
Hello! I'm Joseph and I'm an Android engineer from the Mobile Infrastructure team. In this post, I will talk about some of the tools that we used in debugging while working on the renewal project. The contents of this post were presented in the recently held Tech Kitchen #25. Renewal Project As mentioned in the article テストケース作成を仕様詳細化の手段とする実験 published earlier this year, the Cookpad app for iOS has
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2022-03-24のJS: Deno 1.20、Faker v6.0.0、Next.jsのアップデート
自称純国産チャットアプリ、エアレペルソナは本当に純国産なのか
React Nativeの Re-architecture について。 - Qiita
2022-09-13のJS: Next.js 12.3、npm 9 preリリース、Safari 16
react-native-rearchitecture-2021
中学生2人が開発したタイムラプスを活用した学習アプリ 学習効果向上に役立つ3つの機能で“能動的勉強”の楽しさを
2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta
求人メディア Green の Android アプリを Flutter で開発した裏話｜加賀れい@アトラエ
FlashList - super fast list for react native
円滑にiOS/Android並行開発するための心得まとめ
New Architecture is here · React Native
【JS】React系とVue系のフレームワーク色々比較まとめ | JavaScriptに関するお知らせ
Magicを使ったマジックリンクログインをReactでの素振りサンプルと感想
実践 React Native 運用チェックシート - Qiita
DroidKaigi 2023 に参加してきました！ - JMDC TECH BLOG
96%以上のユーザーが「勉強で効果があった」と回答 「StudyRec」開発者たちが未踏ジュニアの活動で感じたこと
ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部
いびつなアプリケーション構造がビジネスの足を引っ張る 3年後、5年後につなぐDMMサロンのマイクロサービス化計画
React Native in H2 2021 · React Native
エンジニアリング"ピープル"マネージャーが行う「徹底的な1on1」｜ファンタラクティブ株式会社
M1 (Apple Silicon) Macで既存のReact Nativeプロジェクトの開発環境が整うまで
ReactNative、Expoとは？特徴や使い方を調べてみた - NCDC株式会社