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

ブラウザ自動操作技術の深層へ、直接触れて学ぶ 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サービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。「こういうときはこう」みたいに一概には言えな... 続きを読む

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... 続きを読む

最近のモダンな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ͱωΠςΟϒΞϓϦ... 続きを読む

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に... 続きを読む

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

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

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

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

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

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

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（グーグル）が提供しているオン... 続きを読む

ネイティブアプリの時代が終わる？ Appleが「PWA」対応を決めたわけ (1/2) - ITmedia エンタープライズ

2018/02/26 110 users iOS Pwa 足並み MacOS Microsoft

Mostly Harmless： ネイティブアプリの時代が終わる？ Appleが「PWA」対応を決めたわけ (1/2) AppleがiOS/macOSのPWA対応に動き出し、Google、Microsoft、Appleの足並みがそろったことで、今後PWAが標準技術になっていくことがほぼ確実となった。ただ、Appleのこれまでの収益モデルはPWAによって変化を余儀なくされる。Appleの戦略転換の狙... 続きを読む

リニューアルで表示を高速化させた「日経電子版のページ高速化とPWA対応」プロジェクトの舞台裏｜CodeIQ MAGAZINE

2018/02/01 72 users PWA対応 CodeIQ MAGAZINE リニューアル

リニューアルで表示を高速化させた「日経電子版のページ高速化とPWA対応」プロジェクトの舞台裏 2018.02.01 Category： 勉強会・イベント Tag： html5jplat , Progressive Web Apps , PWA , Service Worker , UI/UX Webアプリはネイティブアプリと比べてロードが遅い、通知が出せない、実行が遅いといった課題を持つ。だがPr... 続きを読む

当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog

2017/12/05 823 users mizchi's blog 当初 プッシュ通知 クリック 拒否

2017 - 12 - 05 当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.haten... 続きを読む

ReactNativeでiOSとAndroidの漫画アプリを同時に作る | Nagisaのすゝめ

2017/11/30 82 users iOS Nagisa ReactNative WebView

はじめに NagisaでiOSエンジニアをしている伊藤です。 今回はReactNativeというスマホアプリのクロスプラットフォーム開発ツールを使った取り組みについて紹介をしたいと思います。 アプリのクロスプラットフォーム開発といえば、以前ではTitaniumやCordovaといったWebViewをベースとしたアプリをイメージするものが多く、純粋なネイティブアプリに比べるとどうしてももっさりとした... 続きを読む

iOS, Androidネイティブアプリ終了 – Takeshi Amano – Medium

2017/10/11 427 users iOS medium Android 運命 タイトル

iOS, Androidネイティブアプリ終了 Native Apps are Doomed (ネイティブアプリは終わる運命)という挑発的なタイトルでEric ElliotがMedium記事を書き少し前に話題になりました。この記事で彼はもうiOSとAndroidのネイティブアプリは作らんと宣言し全部Progressive web appsでやると言い切ったのです。 次の記事の Why Native ... 続きを読む

Electron、React Native、Cordova…Web技術でネイティブアプリ開発する方法を、アシアル田中さんに聞いた | HTML5Experts.jp

2017/09/20 70 users Electron React Native 方法

こんにちは、編集長の白石です。 この記事は、9月24日に開催される HTML5 Conference 2017 に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、アシアル株式会社 代表取締役社長の田中... 続きを読む

やばい、iOSにネイティブアプリ要らなくなるかも。PWA関連情報をまとめておく - Qiita

2017/08/07 1115 users iOS Qiita ヤバイ

これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかし Safariが対応しておらず，世間的にはモチベーションの上がらない状況 であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active develo... 続きを読む

AMP/PWA をどこで/いつ使うか - Qiita

2017/07/07 260 users Qiita Pwa PWAMP AMP SPA

某所で使った資料の公開版 用語整理 PWA: ネイティブアプリのようなUXを提供するための機能群 SPA: JSで遷移するシングルページアプリケーション AMP: 後述 PWAMP: AMPで流入させてPWAを起動する形式 MFI: モバイルファーストインデックス いまさら聞けないPWAとAMP アメブロ2017: Isomorphic Web Appの進化編 AMP とは イニシャルビューのため... 続きを読む

サンプルあり！Googleが推進するPWAに既存サイトを対応させる方法 - WPJ

2017/04/13 84 users WPJ Pwa しくみ PWA化 サンプル

Googleが昨年発表した、Webアプリをネイティブアプリのように使えるようにするしくみ「PWA（Progressive Web Apps」が話題です。既存サイトをPWA化する方法をサンプルコードをもとに解説します。脱ネイティブ！Googleが推進する「PWA」にたった数時間で対応する方法 2017/04/13 Craig Buckler Articles in this issue reprod... 続きを読む

Googleがもうすぐプログレッシブウェブアプリ(Progressive Web Apps)をAndroidに本格的に統合 | TechCrunch Japan

2017/02/03 74 users プログレッシブウェブアプリ Apps レーダー 統合 ユーザー

プッシュ通知やローカルキャッシュなどの機能が使えて、ユーザーにネイティブ的な体験を与える、より高度なWebアプリケーションの規格 Progressive Web Apps （ プログレッシブウェブアプリ ）は、数年前からGoogleのレーダーに映っていた。しかしWebアプリケーションのルック＆フィールがネイティブアプリそっくりになるにも関わらず、Androidに完全に統合されるには至らなかった。そ... 続きを読む

ウェブサイトをネイティブアプリに変える 「Joren」、フラーが国内版を提供開始 | TechCrunch Japan

2017/01/23 89 users FULLER ブラー App Ape ボク Android

スマホ節電アプリ「 ぼく、スマホ 」や企業向けのアプリ分析プラットフォーム「 App Ape 」を手がけてきたスタートアップ、フラー（2016年11月にFULLERより表記を変更）。耳に覚えがあるという読者も多いかもしれない。 そんな同社は1月23日、ウェブサイトのURLを入れるだけでスマートフォンアプリ（iOS/Android）を作成できるサービス「 Joren（ジョーレン） 」を国内法人向けに... 続きを読む

Facebook、プロトタイピングツール「Origami Studio」をついに公開 | Pedia News

2016/10/28 398 users プロトタイピングツール Facebook Mac 構造 アプリ

Facebook、プロトタイピングツール「Origami Studio」をついに公開 米Facebook（フェイスブック）は、プロトタイピングツール「Origami Studio」を公開した。「Origami Studio」は、Macで動くネイティブアプリで、複雑な構造のアプリも実際のアプリ画面を見ながら直感的にプロトタイピングできるプロトタイピングツール。 米Facebook（フェイスブック）は... 続きを読む

ウェブフロントエンドのパフォーマンス改善のひとつの日常 - kitak.blog

2016/04/16 211 users kitak.blog ウェブフロントエンド 日常 タブ 反応

ひとつの日常 この間、仕事でちょっとしたハイブリッドアプリ(ネイティブアプリのWebViewの上で動くWebアプリ、とここでは定義しておく)をリリースした。 そのアプリにはタブがあって、(当たり前だが)タブでコンテンツが切り替わる。 リリースして3日くらい経って、企画の人から「なんか、ここのタブ、反応悪くない？」という話が来た。たしかにタブに触れても、すぐには反応しなくて1~2秒経ってからタブが切... 続きを読む