UPSIDERのこれからを担うFlutterアプリのアーキテクチャ - UPSIDER Techblog

2024/04/15 8 users アーキテクチャ Flutterアプリ 決済プラットフォーム

こんにちは、UPSIDERで日々モバイルアプリ開発をしているふっくです。 UPSIDERでは今後、よりアプリ開発に注力し決済プラットフォームの中核的な役割を果たすことを目指しています。 今回は、今後の開発・運用を目指して考えたFlutterアプリ向けのアーキテクチャを紹介します。 ネイティブアプリの世界で触れてきた色々... 続きを読む

PWAの今とこれから、iOSでの対応状況 / PWA now and in the future, status of support on iOS

2022/09/10 108 users iOS Pwa Future ユーザービリティ ウェブアプリ

PWAの今とこれから、iOSでの対応状況 / PWA now and in the future, status of support on iOS ネイティブアプリと同様の機能をウェブアプリに追加できる技術、それがProgressive Web Apps (PWA)です。iOSでも近年、徐々にPWAの機能が追加されています。これらの流れは、ユーザービリティに重きを置く昨今の潮流に即して... 続きを読む

ウェブとReact Nativeアプリのコード共通化による同時展開 - Hello Tech

2022/08/29 6 users React Nativeアプリ Hello Tech 背景

javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。今回の記事では、AutoReserveでおこなっているコード共通化の取り組みについて紹介します。 背景 AutoReserveのネイティブアプリはReact Nativeで書かれており、またウェブ版は、Reactで書かれています。 ウェブ版では、R... 続きを読む

アソビュー！初のネイティブアプリリリース。機能設計でデザイナーが取り組んだ4つのこと - asoview! TECH BLOG

2022/08/03 12 users asoview コロナ アソビュー 低迷 山中

こんにちは！デザインリードを担当している山中です。 ついにアソビュー！のネイティブアプリがリリースされました！ 私が入社（2019年の夏ごろ）してから、アプリをつくりましょう、という話は何度もでて、途中まで開発しいたもののコロナの影響で業績が低迷、アプリの開発どころではなくなり、他の開発の優先度が高く... 続きを読む

.NET MAUIがバージョン1.0に到達。C#/.NETのシングルコードベースでWin/Mac/iOS/Androidのネイティブアプリを開発可能に。Microsoft Build 2022

2022/05/24 26 users ネイティブアプリケーション XAML WIn iOS net

.NET MAUIがバージョン1.0に到達。C#/.NETのシングルコードベースでWin/Mac/iOS/Androidのネイティブアプリを開発可能に。Microsoft Build 2022 マイクロソフトはC#とXAMLを用いてシングルコードベースでWindows、macOS、iOS、Androidのネイティブアプリケーションを開発できるフレームワークである「.NET MAUI」（.NET ... 続きを読む

ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol

2022/03/29 154 users WebDriver ウェブアプリケーション Appium

ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後にいるWebDriver、Chrome DevTools Protoc... 続きを読む

ブラウザで動くサービスを作るときの技術選定

2022/02/10 565 users 技術選定 ブラウザ サービス 案件 要求

はじめに 私の仕事は、新規サービスをまるっといい感じに開発するのを委託されることがほとんどです。最近はネイティブアプリを作ることよりもブラウザで動くWebサービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。「こういうときはこう」みたいに一概には言えな... 続きを読む

Googleがあらゆるプラットフォーム向けにネイティブアプリを開発できる「Flutter 2」を発表 - GIGAZINE

2021/03/04 16 users GIGAZINE アプリケーションフレームワーク ソース

Googleがオープンソースのアプリケーションフレームワーク「Flutter」のメジャーアップグレード版となる「Flutter 2」を発表しました。単一のコードベースからモバイル・ウェブ・デスクトップ向けにネイティブにコンパイルされたアプリケーションを開発可能です。 Google Developers Blog: Announcing Flutter 2 https:/... 続きを読む

Chrome、macOS上でSafariの10倍以上もRAMを消費していた - iPhone Mania

2021/02/21 60 users RAM iPhone Mania Safari Chrome

macOS上で使用する場合、ChromeブラウザはSafariブラウザの10倍以上ものRAMを消費していることがわかりました。 Chromeのウィンドウを閉じたらファンが止まった WebサービスをmacOSのネイティブアプリのように利用することを可能にするアプリ「Flotato」の開発者であるモーテン・ジャスト氏が自らのブログにおいて、macO... 続きを読む

ネイティブアプリからGraphQLを叩くときにどこまでパラメータ化するか - hitode909の日記

2021/02/05 15 users GraphQL Query hitode909 政治 経済

GraphQLを使って、ネイティブアプリにさまざまな集計方法のランキングを出す、というときについて考えている。 たとえば、ソーシャルブックマークアプリを作っているなら、「総合」「一般」「世の中」「政治と経済」みたいに、カテゴリごとのランキングを出すことがイメージできると思う。 どのようなqueryを用意して、... 続きを読む

最近のモダンなWebサービス開発の構成について調べるメモ

2021/01/31 236 users メモ 構成 Webサービス開発 Rails Flutter

ここのところ雑にWebサービスをリリースする機会が減って最近はFlutterでネイティブアプリばかり書いてるのでWebの最新に追いつけてない。 最近の流行りのWebサービス開発について自分の必要そうな範囲でちょっと調べてみる。 自分の場合、フロントエンドはTypeScript+(Vue or Nuxt)でやって、サーバーサイドはRailsで書... 続きを読む

ノーコードのE2Eテスト自動化プラットフォーム「Autify」がモバイルアプリ対応版を提供 | TechCrunch Japan

2021/01/25 8 users Autify オーティファイ プログラミング 従来 検証端末

AIを用いたソフトウェアテスト自動化プラットフォーム「Autify」（オーティファイ）を提供するオーティファイは、検証端末がなくてもネイティブアプリのE2E（End to End）テストが自動で行える「Autify for Mobile」（β版）を4月から提供開始すると発表した。従来のAutify同様、プログラミングの知識がなくても、誰にで... 続きを読む

Webとネイティブアプリの付き合い方を改めて考える / Native apps and web - Speaker Deck

2020/09/21 136 users Speaker Deck web 付き合い方

Transcript CZ�LJXJ�� J04%$�+BQBO����� 8FCͱωΠςΟϒΞϓϦͷ� ෇͖߹͍ํΛվΊͯߟ͑Δ ࣗݾ঺հ LJXJɹɹ!LPHB@XJXJ� � � ΞʔΩςΫτεϖγϟϦετ� ςοΫϦʔυΈ͍ͨͳ࢓ࣄ � ࠓ೥΋ίΞελοϑͯ͠·͢� ࠷ۙ͸αʔόʔαΠυ�,PUMJO�ͱ� "84�-BNCEB�͕ओͳ࢓ࣄ ৽͍͠αʔϏεΛ� ࡞Δ͜ͱʹͳͬͨ࣌ʜʜ ˞ϑΟΫγϣϯͰ͢ ��͑Β͍ͻͱ lωΠςΟϒΞϓϦͰग़ͦ͏Αz ��΂ͭͷ͑Β͍ͻͱ lͦΕɺ8FCͰΑ͘ͳ͍ z ��ωΠςΟϒΞϓϦ͕ॻ͖͍ͨΘͨ͠ lωΠςΟϒʹ͠·͠ΐ͏Αʔz ��࣮ࡍͷΘͨ͠ lʜʜʜʜʢͲ͏͠Α͏͔ͳʣz 8FCͱωΠςΟϒΞϓϦ 8FCͱωΠςΟϒΞϓϦ... 続きを読む

IDFA とCookie の制限がマーケティングに与える影響とその対策 | Feedmatic Blog

2020/09/17 8 users IDFA ITp オンライ iOS トラッキング

先日、IDFA が 2021 年初頭より iOS / iPadOS 14 以降でオプトイン方式に変更されるというニュースが駆け巡りました（※）。IDFA はネイティブアプリで広告などのトラッキングにも使われており、広告出稿という視点からも大きなインパクトがあります。 この仕様変更やITPおよびサードパーティ Cookie の廃止は、オンライ... 続きを読む

「サルでもわかるGit入門」がPWAに対応しました | 株式会社ヌーラボ(Nulab inc.)

2020/04/03 14 users Pwa iOS Cacoo git入門 レオ

サルでもわかるGit入門がPWAに対応しました。 iOSやAndroidのスマートフォンのホーム画面にサルでもわかるGit入門を追加することでネイティブアプリのように起動し、ブラウザよりも高速に閲覧することが可能になります。 こんにちは。 ヌーラボのマーケティング課所属のレオです。 私はヌーラボが運営するサイトやCacoo... 続きを読む

Web上でアニメーションを表示するなら「Lottie」がおすすめ！特徴や使い方など | Web Design Trends

2019/11/12 115 users Lottie Airbnb Walgreens Uber 特徴

Lottieとは LottieはAirbnbが公開しているアニメーションを表示するためのライブラリです。スマホなどのネイティブアプリがメインのようですが、Webサイト上でも高クオリティのアニメーションを簡単に表示することができ、非常におすすめのライブラリです。 GoogleやUber、Walgreensなど世界の有名企業も自社アプリケー... 続きを読む

Google、「Flutter 1.9」リリース、Webアプリ生成機能を統合。Flutterは単一コードでネイティブアプリとWebアプリを開発できるフレームワークに － Publickey

2019/09/18 181 users Publickey Flutter フレームワーク 統合 発表

Google、「Flutter 1.9」リリース、Webアプリ生成機能を統合。Flutterは単一コードでネイティブアプリとWebアプリを開発できるフレームワークに Googleは今年5月にFlutterからWebアプリケーションを生成できる「Flutter for Web」を発表。テクニカルプレビューとしてきましたが、Flutter 1.9でこの機能を正式にFlutterに... 続きを読む

「Windows 10」ユーザー狙う不正な広告表示、マイクロソフトのアプリ内でも？ - ZDNet Japan

2019/06/04 6 users マイクロソフト ZDNet Japan Ghacks 一部

Microsoft自身のソフトウェア上で不正なアプリ内広告が表示されていることに対して、一部のユーザーたちは不満の声を上げている。 テクノロジー系ニュースサイトのGhacksによると、こうした不正なアプリ内広告は、「Microsoft News」といった「Windows 10」のネイティブアプリを通じて配信されているという。 この種のア... 続きを読む

WebサービスをmacOSのネイティブアプリのように使えるユーティリティ「Flotato」がBetaテストを開始。 | AAPL Ch.

2019/05/19 14 users Flotato MacOS ユーティリティ AAPL 以下

WebサービスをmacOSのネイティブアプリのように使えるユーティリティ「Flotato」がBetaテストを開始しています。詳細は以下から。 　FlotatoはGoogleでインターフェイスデザイナーを務めるMorte 続きを読む

マイクロソフト、「PWABuilder 2.0」をリリース - ZDNet Japan

2019/04/22 11 users マイクロソフト リリース ZDNet Japan Pwa 開発

Microsoftは米国時間4月18日、同社の「Progressive Web Apps」（PWA）開発ツールの新バージョンである「PWABuilder 2.0」をリリースしたと発表した。同社は5月6～8日に開催予定の「Build 2019」などで今後、PWAを大々的にアピールしていくと見込まれる。ただしこれは、ネイティブアプリの開発をおろそかにするという話で... 続きを読む

ネイティブアプリで OAuth 2.0 を安全に使うための OAuth 拡張

2019/04/03 37 users OAuth 拡張 OAuth 2.0

（新元号が発表されましたね。いらすとや さん仕事早い.....!） 新社会人・学生の皆さま、御入社・御入学おめでとうございます！ はじめまして。プラットフォーム事業本部の Kikuchi です。 普段は Cloud IoT OS のアカウント管理・認証・権限管理周りの機能検討や設計・開発をやっています。 主な開発言語 は Rust では... 続きを読む

iOSアプリ開発者がWebアプリ（PWA）をリリースするまでの流れ - ninjinkun's diary

2019/01/03 88 users Pwa 時系列 ninjinkun's diary 移植 動機

先日リリースした個人アプリBlogFeedbackを開発した動機と、開発の時系列、開発してみての感想（ネイティブ開発者から見たPWAとか）を書いていきます。リリースエントリにも書きましたが、このアプリはiOSネイティブアプリからWebアプリへの移植です。 TL;DL BlogFeedbackのケースではWebでもネイティブアプリとほぼ同等... 続きを読む

AngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装 (1/3)：CodeZine（コードジン）

2018/12/19 29 users CodeZine angular Pwa 実装 コードジン

本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）の利用法を紹介しましたが、今回はPWAならではの機能と言える、Webプッシュ通知をAngularで実装する方法を説明します... 続きを読む

AngularのPWA（Progressive Web Apps）機能でアプリのようなWebページを作成 (1/3)：CodeZine（コードジン）

2018/10/30 27 users CodeZine angular Pwa コードジン サンプル

本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はe2e（End-to-End）テストの実行方法を説明しました。今回は、ネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）に関するAngularの機能を紹介します。 はじめに Angular... 続きを読む

システムはPWAで作るべし、グーグルとマイクロソフトも推奨 | 日経 xTECH（クロステック）

2018/10/14 57 users xTech Pwa AtoZ マイクロソフト グーグル

先進のWebフロントエンド技術を導入する事例が増えている。この動きに乗り遅れてはまずい。本特集では、ITリーダーやITエンジニアが知っておくべきWebフロントエンド技術のAtoZを取り上げる。 今回から「PWA」について学ぼう。 PWA（Progressive Web Apps）という言葉をご存知だろうか。Webアプリでネイティブアプリのよ... 続きを読む