GitHub - tamagui/tamagui: Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
@tamagui/core - Universal style library for React. @tamagui/static - Optimizing compiler that works with core and tamagui. tamagui - UI kit that adapts to every platform. See tamagui.dev for documentation. Tamagui lets you share more code between web and native apps without sacrificing the two things that typically suffer when you do: performance and code quality. It does this with an optimizing c
最近、JSエンジンが何故かいくつか出て来たのでいっちょ見て見ることに 最初はFacebookが実装したjavascriptエンジンHermes(エルメス)の実装を見てみた 面倒くさいのでコードとかは引用しない 概要 どうやらReactNativeの高速化のために実装したエンジンのようだ ReactNative側ですでに利用できるっぽい 売りとしてはバイトコードを出力・読み込みができるのでスタートアップタイムを高速化できるということらしい commonjsの静的解析機能もついており今風な感じ 仕様 サポートされる仕様はhttps://github.com/facebook/hermes/blob/master/doc/Features.mdにある サポートしている言語仕様はES5 + α let/constやclass、ES Moduleといった機能はサポートされていない とりあえずbabe
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などがあります。 プログラミングのコ
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に移
はじめに こんにちは、初めまして、iOSアプリエンジニアのtasaiです。この記事は リクルートライフスタイル Advent Calendar 2019 19日目の記事です。私は入社したばかりなので業務で使っている技術についてではなく、業務で採用してみたいiOSアプリのアーキテクチャと技術についてご紹介します。 前提 業務でMVVMでのアプリリニューアルやVIPERでのリアーキテクチャをしてきた経験をもとに、クロスプラットフォーム技術の採用を視野に入れて検討した内容となります。 解決したい課題 モバイルアプリの開発において継続的に改善を行うようなプロダクトでは、以下のような課題があるのは珍しいことではないかと思います。 長年の運用で溜まっていた技術的負債 ユニットテスト/UIテストコードが書きづらい責務分割 そもそも設計方針が決まっていなかったり、複数のアーキテクチャを抱えたりしている A
はじめに こんにちは！JMDCでモバイルアプリエンジニアをやっている柴野です。 9/14-16に開催されたDroidKaigi 2023に参加してきましたので、レポートをお届けします🥳 DroidKaigiとは DroidKaigiはエンジニアが主役のAndroidカンファレンスです。 Android開発者有志による実行委員会が主催し、技術情報の共有とコミュニケーションを目的に開催します。 （Droidkaigi_portalより一部引用） いざ！会場入り まずは入口で用意されている名札を受け取ります。 同僚の名札です。 ここで自分の名札の写真を撮り忘れたのが悔やまれます。。 アイコン付きの名札が用意されており、この時点でワクワクが止まりません！！ 会場は大勢の参加者で賑わっていて、改めてカンファレンスの規模の大きさを実感しました。Welcome Talkによると、 オフライン参加の方は
#jsconfjp 2019 で Migration from React Native to PWA という発表をした - valid,invalid
JSConf2019 記念すべき第一回の*1のJSConf Japanで『Migration from React Native to PWA』というタイトルの発表をしてきた。 登壇に関して 資料 発表では触れなかった余談は泣く泣く削ったトピックなので参照されると嬉しい。 今回は発表資料を作ったり練習する中で気をつけたことがあり、それは「負債や失敗といった否定的で強い言葉を使わない」ということだった。資料中でも発表でもReact Native単体での技術の良し悪しは述べていないし、2年前のReact Nativeを選んだという技術選定自体にも肯定的な態度をとっている。 当時の技術選定に携わりReact Nativeアプリの土台を作ってくれた開発者がいなければ今のビジネスも存在しない。彼/彼女らへの感謝の念は尽きないということ、運用中途での状況の変化によってチームに合わなくなったのでmigr
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
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コミュニティ 今回のブログ
Nature RemoやNatureスマート電気で使われている技術と今後の展望 -2022- - Nature Engineering Blog
Nature株式会社ソフトウェアエンジニアチームです。 NatureはスマートリモコンNature Remo1をはじめ、家庭の電力マネジメントのためのスマートエナジーハブNature Remo E2や、電気小売事業のNatureスマート電気3を提供しています。「自然との共生をドライブする」をミッションに掲げ、お客様に利便性と同時にエコであるという、新しいライフスタイルを提供したいと考えています。 昨年、Nature Remoは累積販売台数40万台を越えましたが、エンジニアはハードウェアエンジニアが2名、ソフトウェアエンジニアが8名の体制です。ハードウェアも含め、技術領域が多岐にわたっているため、まだまだエンジニアを募集中です。 本エントリではNatureで使っているソフトウェアの技術スタックや今後の展望2022年バージョンを紹介したいと思います。これは現状の状況を踏まえて選定しているもので
「なぜ私はElixirに賭けたか」のその先：プログラマとして体力／気力がゼロになってても全回復できる Elixirが奏でる、未来志向でSF的、サイバーパンクな世界へようこそ（今からElixirを始める説明付き） - Qiita
「なぜ私はElixirに賭けたか」のその先：プログラマとして体力／気力がゼロになってても全回復できる Elixirが奏でる、未来志向でSF的、サイバーパンクな世界へようこそ（今からElixirを始める説明付き） この記事は、Elixir Advent Calendar 2022 1の25日目です 昨日は、@ohr486 さんで 「elixirの実行コマンドの実体を見る」でした piacere です、ご覧いただいてありがとございます Elixirは、2012～2015年まではRuby／Railsライクな開発環境やErlang資産利用、低レイテンシの恩恵でNW系システムやMMORPGでの利用が中心でしたが、2016年以降、Elixir独自のさまざまな発展を遂げ、現在ではどの言語よりもあらゆる領域を広くカバーする進化を叶えました 今回は、そんなElixirの現在をまとめ、来年以降の展開と、Eli
株式会社JMDCでは健康年齢を維持・改善するためのアプリ、Pep Up (ペップアップ) をReact Nativeで開発しており、緩やかにデザインシステムを導入しています。 他の開発タスクがある中でのデザインシステム導入プロジェクトの優先度の決め方や、コンポーネントの管理方法、デザイナーとエンジニアのコミュニケーションの改善、デザインシステム導入の効果についてお話します。 https://reactnative-matsuri.com/speakers/6beh94wjmGDKZtBycEeO
Future of React Native
naturalclar.devFuture of React NativeFebruary 05, 2020 この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って１週間足らずで達成できました。Community の一員になれた経緯はまた別の記事で書こうと思います。Community の一員として Contributors の Discord channel に招待されて、色々な知見が手に入るので、今回はその一部をシェアします。 The New React Native 2020年は React Native が大きく変わる年になります。現在、React Native は内部設計を徐々に変更していま
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アナリティクスを使用していない期間もあったので、開発時間を抜きにして
こんにちは。次世代システム研究室のT.M です。 はじめに Android / iOS 両スマホアプリを開発するためには、一般的にはそれぞれKotlin （Java）/ Swift（Objective-C）で実装をする必要があります。しかし、クロスプラットフォームのアプリケーションフレームワークが誕生し、一つの実装で、両スマホアプリを開発することができるようになりました。現在、クロスプラットフォームのフレームワークでよく利用されているものとして、React Native とFlutter があります。どちらが良いフレームワークであるか、は分からず、そのため、どちらを利用すべきか迷うかと思います。そこで、本稿では、React Native とFlutter のパフォーマンスについて比較して、どちらが優れているかを検証したいと思います。 React Native React Native は2
Flutterで始めるモバイルアプリ開発一覧
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
DMM meetupは、多種多様な生命が彩るジャングルのように毎回個性豊かなさまざまなテーマを題材に、共に学び、遊び、楽しめるイベントです。今回はオンラインサロン事業に焦点をあて、事業部メンバーが課題と取り組みについて話しました。萩原氏は、オンラインサロン事業部のマイクロサービス化について発表しました。 マイクロサービスとモノリス 萩原圭市氏：「いびつ（歪）なモノリシックアプリケーションをマイクロサービスパターンで未来につなげる話」をお話しします。 簡単に自己紹介をします。エンターテインメント本部オンラインサロン事業部の萩原と申します。私は2020年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
コンポジション 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'を追記します。
React Native vs Flutter: What to choose in 2020 | HackerNoon
Too Long; Didn't Read React Native with JavaScript and Flutter with “dark” Dart are both highly successful, multi-platform application development techs forming talks and news. KitRUM: Which tech stack provides the quickest time-to-market? What do we prefer - ReactNative or Flutter - to develop an app? ReactNative is more uncomplicated to achieve a ‘native sense” with React Native than with Flutte
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 で
ITコンサルタントの久光です。 Reactを使ったWebアプリ開発を習得した後、次はReactNativeでモバイルアプリも開発できるようになりたいな、と思っているエンジニアの方は多いのではないかと思います。 そこで今回は、ReactNativeやその開発ツールであるExpoについて、特徴や使い方を調査した結果を紹介します（NCDCの社内勉強会で共有した内容です）。 ReactNativeとは？ ReactNativeは、Facebookが開発したモバイルアプリケーション開発言語で、JavaScriptフレームワークであるReactがベースになっています。開発の方法がReactと大きく変わらないので、Reactを使ったことのある人にとっては学習コストの低いフレームワークと言われています。 ReactNative を開発したFacebookにより運営されている公式サイト 通常、iOSやAnd
こんにちは！React、Vue、Angularの説明をする時にゼニガメ、フシギダネ、ヒトカゲに例えるとウケが良いことに気づきました。Mizutani(@sirycity)です。 今日はReactとvueそのものの比較ではなく、そいつらを使ったフレームワークとかライブラリの比較です。沢山あるから自分の確認含めてざっくり書いてきますわ。項表題をクリックすると公式に飛べるで。 初心者向け reactとかvueを初めて触る人によく勧められるフレームワーク？です。機能はそんなにないけど分かりやすいやつ。 create-react-app react初心者にぴったり。まずはここから始めよう！ってやつ。僕もフロントエンドエンジニア2年目でこれやった。 逆に言えば、これは完全に学習用にした方がいいです。ルーティングやSSR等、本番運用しようとすると欲しいものがないです。ここでreactの基本を理解したらg
【React Native × Expo × Firebase】個人開発でGoogleMap × InstagramのようなSNSアプリを個人開発している話 - Qiita
はじめに 記事をご覧いただきありがとうございます。 先日GoogleMap×InstagramのようなSNSアプリ「Stoma」を個人で開発し、Apple Storeにて公開したので、 Expoでのリリースまでの流れと所感をできるだけわかりやすくかけたらと思います。 プロフィールと開発歴 国立大学の経済学部に通っている大学3年です。 周りが就職活動をしている中、一人で家に引きこもりアプリ開発に勤しんでいました。 エンジニア歴は2年半ほどです。 1年ほどは海外のWebベンチャーにてインターンにてプログラミングを勉強。 その後Web系のスタートアップで2社合計1年ほどインターンをしていました。 PHPを半年、 Railsを約2年、 React(Native)を約1年ぐらいです。 リリースしたアプリ Stomaという、 GoogleMap×Instagram のようなアプリを開発しました。 友人
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
2018年1月より副業が出来るように就業規則の修正があったり、2019年政府が打ち出した働き方改革の推進により副業を認める企業や副業を希望する方が年々増加しております。 そんな今回はiOSエンジニアが副業案件を獲得する方法について詳しく解説していきます。特に副業においてプログラミング言語のSwiftを使用するのであれば、正しい仕事の探し方や案件毎の特徴を把握しておくことが必要です。さらにSwiftの副業において必要なスキルなども解説していきます。 特に下記の方にこの記事を一読していただきたいです。 ・Swiftでの副業を今後検討している方 ・Swiftでの副業を現時点でされている方 ・iOSエンジニアに興味がある方 ・フリーランスを今後検討している方 ・フリーランスを現時点でされている方 ・フリーランスエージェントを1度も活用したことがない方 ・在宅ワークを今後検討/興味がある方 1.Sw
GraphQLの代表的なクライアントと言えば、ApolloとRelayの2つです。 どちらも素晴らしいソフトウェアですが、この2つは根本的に異なる背景で作られています。 今回は、みなさんがそれぞれ最高のクライアントを選ぶことができるようにお手伝いしたいと思います。 なお、本来Relayと比較するのはApolloのOSSの中でもApollo Clientとなりますが、ここではApolloと記載しています。RelayもRelay ClassicではなくRelay Modernの方です。 URQLについては今日は触れません。 2022年6月追記: 続編記事を書きました。 企業的な背景 ApolloとRelayは2つともGraphQLクライアントではありますが、背景に存在する2つの企業の目的は完全に異なります。 Apollo Apolloは元々Meteorの開発元が作成したGraphQLを扱うため
この記事はスターフェスティバル Advent Calendar 2022の13日目です。 はじめまして！ スターフェスティバル株式会社のnoseです! 今年の7月にスタフェスに入社して早いもので半年が経とうとしております。 この半年間弊社のごちクルNowのアプリをReactNativeからFlutterへ移行したのでこの場を借りて振り返ろうと思います。 また、ReactNativeでの開発については去年のYoshifujiさんの記事を御覧ください！ なぜ移行を行うことになったのか ごちクルNowではWeb、Slack、アプリの３つの注文経路がありますが去年のアプリリリースから、アプリの利用者が増えてきていたこともあり、アプリをより使いやすくシンプルにするべくUI刷新が行われるタイミングだったので、同時にFlutterにも移行する事になりました。 なぜFlutterだったのか 経験値 自分自
GitHub - aljazceru/awesome-nostr: nostr.net - awesome-nostr is a collection of projects and resources built on nostr to help developers and users find new things
algia-web - A small resource consumption oriented Nostr web client Agora - Follow your favorite topics in the Nostr-verse (and even posts from Mastodon, Reddit, Bluesky, and Twitter) algia - A cli application for nostr. Amethyst - An Android client for nostr written in Kotlin ArcadeCity - Public group chats and P2P services (WIP) over nostr Astral - a branle fork with global feed and UI makeover A
JSer.info #598 - ECMAScript 2022が、2022-06のEcma International GA(総会)で承認され、正式にリリースされました。 Ecma International approves new standards - Ecma International ES2022では、クラスにPublic/Privateクラスフィールド、Top-Level await、StringとArrayにat()、Error Causeなどが追加されています。追加された機能については、次の記事で解説されています。 Ecma International approves ECMAScript 2022: What’s new? 正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能 また、同じくJavaScriptの入門書であるjspri
React Nativeへ地図を表示する方法
概要React Nativeで地図を表示して、現在の位置情報を表示する方法について調べてみようかと思っています。React Nativeで地図をコントロールするためにはReact Nativeコミュニティーのreact-native-mapsライブラリを良く使っています。 今回のブログではreact-native-mapsを使ってReact Nativeで地図を表示して、現在の位置情報を地図の上に表示する方法について調べてみます。 このブログで紹介するソースコードはgithubで確認することができます。。 github: react-native-map-example例題ソースコードは下記の内容が適用されています。もっと詳しく知りたい方は下記のリンクを参考してください。 typescriptstyled-componentsroot-importReact Nativeで現在位置情報を取
SYN, Inc.が運営するフードデリバリーアプリです。そもそもどういうプロダクトを作ってるのか、というのは前に書いたこちらにまとまってるので、よければご覧ください。 基本的にはアプリはFlutterで、WebはNuxtJS、バックエンドはGAE+Goで統一されています。それぞれ簡単に経緯など紹介します。 アプリ： 3アプリ必要だったのでクロスプラットフォームなやつにしたかった自分は経験として一番長いのがサーバーサイドなので、クライアント開発はめちゃくちゃ得意というわけでもないし、Reactive Programingも苦労するような感じなのですが、 創業前の時点で、業務委託や個人アプリ開発も含めてiOS(Swift) Android(Kotlin)、Android開発、ReactNativeやFlutterそれぞれ使ったことはあり、その中で思っていたのは ・iOS/Androidをそれぞ
Windows 用 React Native を使用すると、React を使用してユニバーサル Windows プラットフォーム (UWP) アプリを作成できます。 React Native の概要 React Native は、Facebook によって作成されたオープンソース のモバイル アプリケーション フレームワークです。 これは、Android、iOS、Web、UWP (Windows) 用のアプリケーションを開発するために使用され、ネイティブ UI コントロールとネイティブ プラットフォームへの完全なアクセスを提供します。 React Native を使用するには、JavaScript の基礎を理解する必要があります。 React に関する一般的な情報については、「React の概要」ページを参照してください。 前提条件 Windows 用 React Native を使用する
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FacebookのHermes Javascript Engineについて - abcdefGets
FlashList - super fast list for react native
円滑にiOS/Android並行開発するための心得まとめ
Magicを使ったマジックリンクログインをReactでの素振りサンプルと感想
実践 React Native 運用チェックシート - Qiita
業務で採用してみたいiOSアプリのアーキテクチャと技術
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株式会社
【JS】React系とVue系のフレームワーク色々比較まとめ | JavaScriptに関するお知らせ
Swiftの副業案件を獲得する方法とは？iOSエンジニアの仕事を詳しく解説！
最高のGraphQLクライアントを求めて Apollo vs Relay - nakamoriのblog
ReactNativeからFlutterに移行したので振り返る
2022-06-28のJS: ECMAScript 2022、TypeScript 4.8 Beta、CodeMirror 6
Chompyのシステム構成をまとめてみる｜yagitatsu
Windows 用 React Native デスクトップ アプリの開発