並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 203件

新着順 人気順

reactnativeの検索結果81 - 120 件 / 203件

  • 円滑にiOS/Android並行開発するための心得まとめ

    新しいモバイルアプリを開発するプロジェクトにおいては、iOSとAndroidの開発を同時にすることが多くあります。同時並行で開発を進める上で、複数のメンバーで方針を決める必要もあります。それは、iOSの担当者、Androidの担当者だけでなく、サーバーサイドの開発者やデザイナー、企画やマーケッター、受託開発であれば、発注する人も気をつけるべきことがあります。 ここでは、クロスプラットフォーム開発ではなく、SwiftとKotlin(Objective-cとJava)など異なる言語を組み合わせて、OSの特性を意識した上で行うネイティブアプリ開発での注意点に触れます。 ※クロスプラットフォーム開発とは ハイブリッド開発とも呼び、1つのプログラムでiOSとAndroid両方で動作可能なアプリを開発する手法で、FlutterやReactNative、Xamarinなどがあります。 プログラミングのコ

      円滑にiOS/Android並行開発するための心得まとめ
    • Magicを使ったマジックリンクログインをReactでの素振りサンプルと感想

      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

        Magicを使ったマジックリンクログインをReactでの素振りサンプルと感想
      • 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

          WindowsでのReact Native開発環境構築と基礎文法解説:Expoを使った最初のプロジェクト手順 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
        • 業務で採用してみたいiOSアプリのアーキテクチャと技術

          はじめに こんにちは、初めまして、iOSアプリエンジニアのtasaiです。この記事は リクルートライフスタイル Advent Calendar 2019 19日目の記事です。私は入社したばかりなので業務で使っている技術についてではなく、業務で採用してみたいiOSアプリのアーキテクチャと技術についてご紹介します。 前提 業務でMVVMでのアプリリニューアルやVIPERでのリアーキテクチャをしてきた経験をもとに、クロスプラットフォーム技術の採用を視野に入れて検討した内容となります。 解決したい課題 モバイルアプリの開発において継続的に改善を行うようなプロダクトでは、以下のような課題があるのは珍しいことではないかと思います。 長年の運用で溜まっていた技術的負債 ユニットテスト/UIテストコードが書きづらい責務分割 そもそも設計方針が決まっていなかったり、複数のアーキテクチャを抱えたりしている A

            業務で採用してみたいiOSアプリのアーキテクチャと技術
          • DroidKaigi 2023 に参加してきました! - JMDC TECH BLOG

            はじめに こんにちは!JMDCでモバイルアプリエンジニアをやっている柴野です。 9/14-16に開催されたDroidKaigi 2023に参加してきましたので、レポートをお届けします🥳 DroidKaigiとは DroidKaigiはエンジニアが主役のAndroidカンファレンスです。 Android開発者有志による実行委員会が主催し、技術情報の共有とコミュニケーションを目的に開催します。 (Droidkaigi_portalより一部引用) いざ!会場入り まずは入口で用意されている名札を受け取ります。 同僚の名札です。 ここで自分の名札の写真を撮り忘れたのが悔やまれます。。 アイコン付きの名札が用意されており、この時点でワクワクが止まりません!! 会場は大勢の参加者で賑わっていて、改めてカンファレンスの規模の大きさを実感しました。Welcome Talkによると、 オフライン参加の方は

              DroidKaigi 2023 に参加してきました! - JMDC TECH BLOG
            • 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

                Container / Presentational構成【Reactのコンポーネント設計】 | NOCHITOKU
              • Nature RemoやNatureスマート電気で使われている技術と今後の展望 -2022- - Nature Engineering Blog

                Nature株式会社ソフトウェアエンジニアチームです。 NatureはスマートリモコンNature Remo1をはじめ、家庭の電力マネジメントのためのスマートエナジーハブNature Remo E2や、電気小売事業のNatureスマート電気3を提供しています。「自然との共生をドライブする」をミッションに掲げ、お客様に利便性と同時にエコであるという、新しいライフスタイルを提供したいと考えています。 昨年、Nature Remoは累積販売台数40万台を越えましたが、エンジニアはハードウェアエンジニアが2名、ソフトウェアエンジニアが8名の体制です。ハードウェアも含め、技術領域が多岐にわたっているため、まだまだエンジニアを募集中です。 本エントリではNatureで使っているソフトウェアの技術スタックや今後の展望2022年バージョンを紹介したいと思います。これは現状の状況を踏まえて選定しているもので

                  Nature RemoやNatureスマート電気で使われている技術と今後の展望 -2022- - Nature Engineering Blog
                • 戦略的手抜きをするためのデザインシステム運用

                  株式会社JMDCでは健康年齢を維持・改善するためのアプリ、Pep Up (ペップアップ) をReact Nativeで開発しており、緩やかにデザインシステムを導入しています。 他の開発タスクがある中でのデザインシステム導入プロジェクトの優先度の決め方や、コンポーネントの管理方法、デザイナーとエンジニアのコミュニケーションの改善、デザインシステム導入の効果についてお話します。 https://reactnative-matsuri.com/speakers/6beh94wjmGDKZtBycEeO

                    戦略的手抜きをするためのデザインシステム運用
                  • 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

                      4月中ば以降の業務委託の案件を探しています(Android or バックエンド) - みんからきりまで
                    • 96%以上のユーザーが「勉強で効果があった」と回答 「StudyRec」開発者たちが未踏ジュニアの活動で感じたこと

                      2022年度に未踏ジュニアに採択されたクリエイターが、5月から半年間取り組んできたプロジェクトについて発表を行う「未踏ジュニア 成果報告会」。ここで曽田氏、クルモフ氏と、メンターの西尾氏が登壇。続いては、ユーザーからのフィードバックについての紹介と、視聴者からの質疑応答について。前回はこちらから。 96.3パーセントの方が「アプリを使って勉強で効果があった」と回答 クルモフ斗務氏(以下、クルモフ):実際にアプリを使ってくださった方々にフィードバックをいただきました。たくさんの協力のおかげで、合計ユーザー数は160人になりました。中には宣伝関係なしにApp Storeの検索だけからダウンロードしてくださった方もいました。 さらにGoogleアナリティクスから、ここ3ヶ月間の合計エンゲージメント時間を確認しました。Googleアナリティクスを使用していない期間もあったので、開発時間を抜きにして

                        96%以上のユーザーが「勉強で効果があった」と回答 「StudyRec」開発者たちが未踏ジュニアの活動で感じたこと
                      • ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部

                        こんにちは。次世代システム研究室のT.M です。 はじめに Android / iOS 両スマホアプリを開発するためには、一般的にはそれぞれKotlin (Java)/ Swift(Objective-C)で実装をする必要があります。しかし、クロスプラットフォームのアプリケーションフレームワークが誕生し、一つの実装で、両スマホアプリを開発することができるようになりました。現在、クロスプラットフォームのフレームワークでよく利用されているものとして、React Native とFlutter があります。どちらが良いフレームワークであるか、は分からず、そのため、どちらを利用すべきか迷うかと思います。そこで、本稿では、React Native とFlutter のパフォーマンスについて比較して、どちらが優れているかを検証したいと思います。 React Native React Native は2

                          ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部
                        • いびつなアプリケーション構造がビジネスの足を引っ張る 3年後、5年後につなぐDMMサロンのマイクロサービス化計画

                          DMM meetupは、多種多様な生命が彩るジャングルのように毎回個性豊かなさまざまなテーマを題材に、共に学び、遊び、楽しめるイベントです。今回はオンラインサロン事業に焦点をあて、事業部メンバーが課題と取り組みについて話しました。萩原氏は、オンラインサロン事業部のマイクロサービス化について発表しました。 マイクロサービスとモノリス 萩原圭市氏:「いびつ(歪)なモノリシックアプリケーションをマイクロサービスパターンで未来につなげる話」をお話しします。 簡単に自己紹介をします。エンターテインメント本部オンラインサロン事業部の萩原と申します。私は2020年5月に中途で入社して、オンラインサロン事業部に配属となって、主にバックエンドの開発に従事しています。 本日はこのアジェンダでお話しします。マイクロサービスについて、オンラインサロンが抱えている課題、オンラインサロンが目指したい姿、今やっているこ

                            いびつなアプリケーション構造がビジネスの足を引っ張る 3年後、5年後につなぐDMMサロンのマイクロサービス化計画
                          • React Native in H2 2021 · React Native

                            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 in H2 2021 · React Native
                            • エンジニアリング"ピープル"マネージャーが行う「徹底的な1on1」|ファンタラクティブ株式会社

                              こんにちは!ファンタラクティブPRの石原です。 ファンタラクティブではさまざまな1on1を行っています。代表やマネージャーと、また有志が挙手してメンバー同士で行うことも。 今回ご紹介するのは、社外のエンジニアの方にエンジニア向けに行っていただいている1on1についてご紹介します。社外のエンジニア=ひささん(@hisasann)にお話を伺ってみました。 ファンタラクティブの1on1については、こちらのpodcastでもご紹介しています。 チームラボでフロントエンドチームを立ち上げた「ひささん」ってどんな人?ファンタラクティブでは最初、代表との1on1の他にデザインマネージャーがデザイナーと1on1を行っていました。エンジニアとの1on1も行おうと考えていた時に、代表井村が組織開発に興味のあったひささんと知り合ったことでひささんとエンジニアの1on1が始まりました。 ▼ひささんのプロフィール

                                エンジニアリング"ピープル"マネージャーが行う「徹底的な1on1」|ファンタラクティブ株式会社
                              • 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 + ExpoのアプリにHermes、EAS Build、EAS Submitを導入した
                                • 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

                                    React Native vs Flutter: What to choose in 2020 | HackerNoon
                                  • 「なぜ私は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

                                      「なぜ私はElixirに賭けたか」のその先:プログラマとして体力/気力がゼロになってても全回復できる Elixirが奏でる、未来志向でSF的、サイバーパンクな世界へようこそ(今からElixirを始める説明付き) - Qiita
                                    • ReactNative、Expoとは?特徴や使い方を調べてみた - NCDC株式会社

                                      ITコンサルタントの久光です。 Reactを使ったWebアプリ開発を習得した後、次はReactNativeでモバイルアプリも開発できるようになりたいな、と思っているエンジニアの方は多いのではないかと思います。 そこで今回は、ReactNativeやその開発ツールであるExpoについて、特徴や使い方を調査した結果を紹介します(NCDCの社内勉強会で共有した内容です)。 ReactNativeとは? ReactNativeは、Facebookが開発したモバイルアプリケーション開発言語で、JavaScriptフレームワークであるReactがベースになっています。開発の方法がReactと大きく変わらないので、Reactを使ったことのある人にとっては学習コストの低いフレームワークと言われています。 ReactNative を開発したFacebookにより運営されている公式サイト 通常、iOSやAnd

                                        ReactNative、Expoとは?特徴や使い方を調べてみた - NCDC株式会社
                                      • 【JS】React系とVue系のフレームワーク色々比較まとめ | JavaScriptに関するお知らせ

                                        こんにちは!React、Vue、Angularの説明をする時にゼニガメ、フシギダネ、ヒトカゲに例えるとウケが良いことに気づきました。Mizutani(@sirycity)です。 今日はReactとvueそのものの比較ではなく、そいつらを使ったフレームワークとかライブラリの比較です。沢山あるから自分の確認含めてざっくり書いてきますわ。項表題をクリックすると公式に飛べるで。 初心者向け reactとかvueを初めて触る人によく勧められるフレームワーク?です。機能はそんなにないけど分かりやすいやつ。 create-react-app react初心者にぴったり。まずはここから始めよう!ってやつ。僕もフロントエンドエンジニア2年目でこれやった。 逆に言えば、これは完全に学習用にした方がいいです。ルーティングやSSR等、本番運用しようとすると欲しいものがないです。ここでreactの基本を理解したらg

                                          【JS】React系とVue系のフレームワーク色々比較まとめ | JavaScriptに関するお知らせ
                                        • 【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 のようなアプリを開発しました。 友人

                                            【React Native × Expo × Firebase】個人開発でGoogleMap × InstagramのようなSNSアプリを個人開発している話 - Qiita
                                          • 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

                                              Taking Advantage of Debugging Tools for Android App Development - クックパッド開発者ブログ
                                            • Swiftの副業案件を獲得する方法とは?iOSエンジニアの仕事を詳しく解説!

                                              2018年1月より副業が出来るように就業規則の修正があったり、2019年政府が打ち出した働き方改革の推進により副業を認める企業や副業を希望する方が年々増加しております。 そんな今回はiOSエンジニアが副業案件を獲得する方法について詳しく解説していきます。特に副業においてプログラミング言語のSwiftを使用するのであれば、正しい仕事の探し方や案件毎の特徴を把握しておくことが必要です。さらにSwiftの副業において必要なスキルなども解説していきます。 特に下記の方にこの記事を一読していただきたいです。 ・Swiftでの副業を今後検討している方 ・Swiftでの副業を現時点でされている方 ・iOSエンジニアに興味がある方 ・フリーランスを今後検討している方 ・フリーランスを現時点でされている方 ・フリーランスエージェントを1度も活用したことがない方 ・在宅ワークを今後検討/興味がある方 1.Sw

                                                Swiftの副業案件を獲得する方法とは?iOSエンジニアの仕事を詳しく解説!
                                              • 最高のGraphQLクライアントを求めて Apollo vs Relay - nakamoriのblog

                                                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を扱うため

                                                  最高のGraphQLクライアントを求めて Apollo vs Relay - nakamoriのblog
                                                • ReactNativeからFlutterに移行したので振り返る

                                                  この記事はスターフェスティバル Advent Calendar 2022の13日目です。 はじめまして! スターフェスティバル株式会社のnoseです! 今年の7月にスタフェスに入社して早いもので半年が経とうとしております。 この半年間弊社のごちクルNowのアプリをReactNativeからFlutterへ移行したのでこの場を借りて振り返ろうと思います。 また、ReactNativeでの開発については去年のYoshifujiさんの記事を御覧ください! なぜ移行を行うことになったのか ごちクルNowではWeb、Slack、アプリの3つの注文経路がありますが去年のアプリリリースから、アプリの利用者が増えてきていたこともあり、アプリをより使いやすくシンプルにするべくUI刷新が行われるタイミングだったので、同時にFlutterにも移行する事になりました。 なぜFlutterだったのか 経験値 自分自

                                                    ReactNativeから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

                                                      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
                                                    • 2022-06-28のJS: ECMAScript 2022、TypeScript 4.8 Beta、CodeMirror 6

                                                      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

                                                        2022-06-28のJS: ECMAScript 2022、TypeScript 4.8 Beta、CodeMirror 6
                                                      • Chompyのシステム構成をまとめてみる|yagitatsu

                                                        SYN, Inc.が運営するフードデリバリーアプリです。そもそもどういうプロダクトを作ってるのか、というのは前に書いたこちらにまとまってるので、よければご覧ください。 基本的にはアプリはFlutterで、WebはNuxtJS、バックエンドはGAE+Goで統一されています。それぞれ簡単に経緯など紹介します。 アプリ: 3アプリ必要だったのでクロスプラットフォームなやつにしたかった自分は経験として一番長いのがサーバーサイドなので、クライアント開発はめちゃくちゃ得意というわけでもないし、Reactive Programingも苦労するような感じなのですが、 創業前の時点で、業務委託や個人アプリ開発も含めてiOS(Swift) Android(Kotlin)、Android開発、ReactNativeやFlutterそれぞれ使ったことはあり、その中で思っていたのは ・iOS/Androidをそれぞ

                                                          Chompyのシステム構成をまとめてみる|yagitatsu
                                                        • 国内のReact Nativeで作られてるアプリをピックアップ - Qiita

                                                          (本記事はReact Native Advent Calendar 2020の7日目の記事です) 国内のReact Nativeで作られてるアプリをピックアップしました。 個人的に見聞きした+会社ウェブサイトなどで調査したもので、網羅されている訳ではないのでご了承下さい。 随時更新していきたいので、「これもReact Native製だよ!」とか、情報の誤りがあればコメントいただけると嬉しいです! ※ 以下50音順 アングラーズ 釣果の記録アプリ。 ホーム画面はタイムライン形式になっており、好きな釣りスポットや釣り人(ユーザー)をフォローしておくと釣果情報が随時流れてきます。 アプリ版とWeb版がありますが、釣果の投稿はアプリから行います。 釣果投稿時は魚の写真だけでなく、サイズ、ルアー、タックルなど釣り人が気になりそうな情報を付加できます。 タイムライン、画像投稿などSNSの基本的な機能が

                                                            国内のReact Nativeで作られてるアプリをピックアップ - Qiita
                                                          • 個人開発者から見た React Native (2021)

                                                            こんばんは。@___35d です。会社を経営したり、個人開発で Web アプリやネイティブアプリを作ってる者です。今日は React Native について書こうと思います。 React Native 歴について 僕は、会社で2年、個人開発でも2年ほど React Native を使っていて(被っている期間もあるので期間で言うと3年くらい)、React Native でアプリを6本(仕事・プライベート合わせて)ほど 0 → 1 で作った経験があります(運用も2年ほどしていました)。 この記事の結論と、なぜ書こうと思ったのかについて 結論を先に書いてしまいます。React Native という技術は、 向いてる人(組織)には向いてるし、向いてない人(組織)には向いてない 向いてるプロダクトには向いてるし、向いてないプロダクトには向いてない 個人開発にはけっこう向いてる気がする です。(ほかの

                                                              個人開発者から見た React Native (2021)
                                                            • 1万人に聞いた、2019年の最新CSS使用状況 - Qiita

                                                              正直CSSは根本的に作り直してほしいと思うのですが、それはそれとして毎年大規模にJavaScriptの使用状況を調査しているThe State of JS(2018年日本語訳)という組織が、今年はCSSにも手を出しました。 以下はThe State of CSS 2019の日本語訳です。 The State of CSS 2019 ※↑元ネタは全部CSSで書かれてる Introduction Web開発ファミリーの中でも、JavaScriptは気が短く、毎年流行に流される10代の若者のように反抗的で、それを理解するには年を取り過ぎたと皆が感じています。 いっぽうCSSは勤勉で、礼儀正しく、決して妄断を下すことのない優等生です。 しかし、気を許さないでください。 CSSは既に20歳を超えているにも関わらず、今さらJavaScriptような激動の10代を迎えつつあるのではないかという兆候があり

                                                                1万人に聞いた、2019年の最新CSS使用状況 - Qiita
                                                              • VueのUIフレームワーク選定 - Qiita

                                                                *IonicやBootstrapなどVueに限らないフレームワークはスター数が多くなっています。 *LTS(long-term-support)は長期サポートのことです。 *Nuxtはcreate-nuxt-appコマンドでインストールできるかを示しています。 条件別のおすすめは以下の通りです。 ウェブアプリ(マテリアルデザイン) Vuetify ウェブアプリ(フラットデザイン) Buefy BootstrapVue モバイルアプリが必要 Ionic Quasar CSSのみ必要 Bulma Tailwind *Vueコミュニティのユーザーチョイス Vuetify Quasar Vueフレームワーク(マテリアルデザイン) Vueを拡張して作成されているフレームワークには、Vueのコード、JavaScript、CSSすべてが含まれているため、素早く簡単にUIを構築することができます。ただし、

                                                                  VueのUIフレームワーク選定 - Qiita
                                                                • StoryShotsの可能性を探る - カミナシ エンジニアブログ

                                                                  こんにちは、カミナシの@tomiです。 前回は、Expo ReactNativeにStorybookの導入を行いました。 今回は、StoryShotsを入れてみたいと思います。 StoryShotsとは、自動スナップショットテストができるStorybookのアドオンです。 内部的には、JestのSnapshotが動作し、UI が予期せず変更されていないかを確かめるツールです。 なぜ入れてみようと思ったかというと、ただStorybookを導入しただけでは、メンテナンスされずに腐ってしまうのが目に見えているので、楽に忘れることなくstoryの更新ができる方法ないかなと調べていると、よくStoryShotsを目にしたので試してみることにしました。 StoryShotsの実際の動作を見て、今後の運用に必要かどういったときに役に立ちそうかを体験したいと思います。 StoryShotsを導入する St

                                                                    StoryShotsの可能性を探る - カミナシ エンジニアブログ
                                                                  • Announcing React Native 0.61 with Fast Refresh · React Native

                                                                    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

                                                                      Announcing React Native 0.61 with Fast Refresh · React Native
                                                                    • React Native Team Principles · React Native

                                                                      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 Team Principles · React Native
                                                                      • 【速報】デバイスのデータストア向けの新機能「Amplify DataStore」が公開されました! #reinvent | DevelopersIO

                                                                        Amplify DataStore re:Invent 2019期間中に、Amplifyの新機能「Amplify DataStore」が発表されました!現在、JavaScript版はリリース済み、iOS / Android版はプレビューにて試すことができます。 Introducing the Amplify DataStore, a persistent storage engine that synchronizes data between apps and the cloud Amplify DataStore – Simplify Development of Offline Apps with GraphQL | AWS News Blog クエリ検索可能な形でデバイス上にデータを格納することができる機能です。Web, IoT, iOS, Android, ReactNative

                                                                          【速報】デバイスのデータストア向けの新機能「Amplify DataStore」が公開されました! #reinvent | DevelopersIO
                                                                        • Impressions about iOSDC Japan 2022 and React Native Matsuri 2022 - JMDC TECH BLOG

                                                                          Hello, my name is Rodolphe and I’m working at JMDC as a mobile developer. Please let me use English for this post! 🙏 iOSDC Japan 2022 Lately, there have been some interesting conferences about the mobile engineering world. Last month was held the iOSDC, a huge conference for developers whose main theme is technologies related to iOS. The event took place over 3 days, from Saturday September 10th

                                                                            Impressions about iOSDC Japan 2022 and React Native Matsuri 2022 - JMDC TECH BLOG
                                                                          • 2022-01-24のJS: Safari TP 138、Vue 3のデフォルト化、Remix vs Next.js

                                                                            JSer.info #576 - Safari Technology Preview 138がリリースされました。 Release Notes for Safari Technology Preview 138 | WebKit Safariの開発者ツールであるWeb InspectorのElement TabにCascade Layersのサポートなどの機能が追加されています。 また、CSSの:focus-visible、Media Queryのresolution、CSS Containmentをデフォルトで有効化されています。 No, Apple Did Not Crowdfund :focus-visible in Safari – Eric’s Archived Thoughts WebKitに:focus-visibleが実装された経緯 そのほかには、Service Worke

                                                                              2022-01-24のJS: Safari TP 138、Vue 3のデフォルト化、Remix vs Next.js
                                                                            • Announcing React Native 0.60 · React Native

                                                                              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

                                                                                Announcing React Native 0.60 · React Native
                                                                              • awesome-nostr

                                                                                “nostr” stands for “Notes and Other Stuff Transmitted by Relays” and is an open protocol for censorship-resistant global networks created by @fiatjaf. Protocol NIPs - the “Nostr Implementation Possibilities” describe the protocol in technical detail nostr address book - A directory of twitter users accounts and their NOSTR addresses nostr, a basic tour - an intro to nostr Nostr: Solucionando la ce

                                                                                • DroidKaigi2021セッション資料まとめ - Qiita

                                                                                  DroidKaigi2021登壇資料、スライドのまとめです。 Twitter等で見つけ次第掲載しますが、もし資料を見かけた方or資料を公開した登壇者の方がいらっしゃいましたら、コメント等でお声がけください。 スライドや資料のリンクが見つかった場合はタイトルにリンクをつけてありますので、タイトルがリンクになっていない場合はまだ資料が見つかっていないものになります。 Day 1 プロダクトレベルで必要になる Jetpack Compose テクニック Androidエンジニアが1人という不安と向き合う Dive into Animate Spans with text and performance マルチデバイス対応で考慮すべきポイント 職能/職種横断でチームの生産性を高める How Flutter works under the hood Androidアプリの安全なリファクタリングを行う

                                                                                    DroidKaigi2021セッション資料まとめ - Qiita