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の機能が追加されています。これらの流れは、ユーザービリティに重きを置く昨今の潮流に即して... 続きを読む

アソビュー！初のネイティブアプリリリース。機能設計でデザイナーが取り組んだ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で書... 続きを読む

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ͱωΠςΟϒΞϓϦ... 続きを読む

「サルでもわかる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に... 続きを読む

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アプリでネイティブアプリのよ... 続きを読む

[React Native] プロジェクトの基本構成を確認する ｜ Developers.IO

2018/09/01 28 users Developers.IO React Native 言語

React Nativeのプロジェクトの基本構成を確認しよう React Native は、Facebook社が開発・公開しているネイティブアプリのクロスプラットフォーム開発フレームワークです。言語としてJavaScriptを使用し、React.jsを触ったことがある人であれば気軽にモバイルアプリ開発を始められます。 先日紹介した下記の記事では cre... 続きを読む

Windows、Mac両対応の「Tweeten」はTweetDeckを内包して強化できるネイティブアプリ

2018/08/17 37 users TweetDeck Tweeten マルチカラム 機能

Windows、Mac両対応の「Tweeten」はTweetDeckを内包して強化できるネイティブアプリ Twitter公式に提供されているマルチカラムのTwitterクライアント「TweetDeck」を強化できるネイティブアプリ「Tweeten」を紹介します。 TweetenはTwitter公式のTweetdDeckを内包しつつ、カスタマイズを加えて独自の機能を上乗せして使... 続きを読む

PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/06/05 816 users Pwa Progress エンジニアHub キャリア 表示速度

2018 - 06 - 05 PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA インタビュー アプリ 日経電子版 Tweet PWA（Progress... 続きを読む

【新機能】PC版「Googleフォト」がPWA化、まるでネイティブアプリに変身！ | できるネット

2018/06/04 136 users Pwa グーグル PWA化 変身 Googleフォト

【新機能】PC版「Googleフォト」がPWA化、まるでネイティブアプリに変身！ 人気オンラインストレージサービス「Googleフォト」のデスクトップ版が、Googleが提唱するPWAに対応しました。PWA化により、Web版のGoogleフォトをあたかもネイティブアプリのように利用できるようになります。 Googleフォトのデスクトップ版がPWAに対応！ Google（グーグル）が提供しているオン... 続きを読む

Flutterを試した - cockscomblog?

2018/05/21 33 users Flutter cockscomblog iOS React

2018 - 05 - 21 Flutterを試した flutter.io 先日なんとなく物見遊山的に Flutter を試してみた。特に事前の知識もなく数時間で試した程度で、全体に不案内ではあるから、それなりの感想であることを先に断っておく。 （当方は iOS / Android のネイティブアプリの開発や、Reactを使ったWebフロントエンド開発の多少の経験を有しています） 開発環境 Int... 続きを読む