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サービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。「こういうときはこう」みたいに一概には言えな... 続きを読む

最近のモダンな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に... 続きを読む

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の戦略転換の狙... 続きを読む

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

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

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

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

やばい、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 とは イニシャルビューのため... 続きを読む

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秒経ってからタブが切... 続きを読む

SPAがネイティブアプリをぶっ壊す：HTML5/Javascriptが変えるWebの未来 - Qiita

2015/06/18 301 users Qiita RIA SPA JavaScript アフ

はじめに タイトルは半分釣りですが、半分本気で考えてもいます。 近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。 ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか（What） 歴史 佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプ... 続きを読む

「ネイティブアプリかWebアプリか」の争いはいい加減やめにしよう | ReadWrite Japan

2015/03/21 122 users ReadWrite Japan いい加減やめ 争い 一理 論争

「ネイティブアプリかWebアプリか」の争いはいい加減やめにしよう ほとんどのモバイルアプリはとっくにハイブリッドだ。前に進もう Mozillaの開発者であり、Webの支持者であるジェームズ・ロングは、モバイルWebアプリはネイティブアプリに敵うことはないと主張する。ロングの挑発的な物言いはわざとかもしれないが、彼の言ってる事も一理ある。 しかしながら同時に、こういった事はますます論争の種では無くな... 続きを読む

[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper | コリス

2015/03/02 149 users Swiper コリス iOS スライダー スクリプト

iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。 キーボード操作やマウスのホイール・ドラッグ操作にも対応しているので、デスクトップでもOK！ Swiper Swiper -GitHub Swiperの特徴 Swiperのデモ Swiperの使い方 Swiperの特徴 ライブ... 続きを読む

『スマホサイト VS アプリ』どっちで作る！？WEBとネイティブアプリの違いとは | セルバマーケティングブログ

2015/02/17 100 users セルバマーケティングブログ web スマホサイト

スマホからのアクセス急増に伴い、近年ウェブサイトで重要とされているのが、スマホに対応したサイトをまず構築する「モバイルファースト」。そのため、スマホ対応したウェブサイトが増えているのですが、そこから更にサービスをアプリ化する流れが多くなっています。既にスマホ対応しているにも関わらず、アプリ化するメリットとは？そのポイントを解説します。 １）強力な「プッシュ通知」が使える ウェブサイトにはないアプリ... 続きを読む

Web制作者でのネイティブアプリが作れる！node-webkitを使ってみよう。 | 株式会社LIG

2014/11/27 117 users node-webkit Chromium node.js

こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレ... 続きを読む

「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表 － Publickey

2014/03/10 114 users Publickey iOS AppMethod MacOS

「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表 米エンバカデロは、iOS、Android、MacOS X、Windowsのネイティブアプリケーションを開発できるビジュアル開発環境「Appmethod」を発表しました。将来的にはウェアラブルコンピュータなどにも開発対象を広げるとの... 続きを読む

ソーシャルゲームの終焉、そして次にくるもの(小川 浩) - 個人 - Yahoo!ニュース

2013/07/28 206 users 終焉 小川 Yahoo ソーシャルゲーム GREE

GREEが3期連続となる前年割れの決算を発表したことで、ソーシャルゲーム業界への失望が広がっている。 ソーシャルゲームは、基本的にモバイルブラウザ上のWebアプリだ。対して、爆発的なヒットを続けているガンホーのパズル＆ドラゴンズ（パスドラ）などは、スマートフォン上のネイティブアプリである。つまりゲーム市場でも、ついにWebアプリがネイティブアプリに追い抜かれたということだ。 PCプラットフォーム上... 続きを読む

いまグリーにいる若いひとは辞めないほうがいいと思う5つの理由。 - Rick08の日記

2013/07/03 202 users グリー Rick08 若いひと ひと 日記

2013-07-03 いまグリーにいる若いひとは辞めないほうがいいと思う5つの理由。 どうも。ひとの就職・転職にはうるさいRick08です。 グリーさんが7割減益見通しのニュースが出ていました。(ソース：日経新聞 その後、会社は否定) こういうのがでると、いまグリーさんで働いてる若い人の中にはこれを機に転職しようとか考えだす人も少なくないのではないでしょうか。ネイティブアプリに強いところに行こうと... 続きを読む

Intel、HTML5アプリの無償開発環境「Intel XDK」を発表 - 窓の杜

2013/04/15 126 users Intel Intel XDK 北京 HTML5アプリ 発表

ニュース Intel、HTML5アプリの無償開発環境「Intel XDK」を発表 iOS、Android、Windows 8、Windows Phone 8向けのネイティブアプリを開発可能 （2013/4/15 16:24） 「Intel XDK」 米Intel Corporationは、4月10日から11日にかけて北京で開催された同社製品の開発者向け技術イベント“Intel Developer ... 続きを読む