“触り心地”がいいUIとはなにか　PWA時代のWebエンジニア／UIデザイナーが思う、直感的な道具に必要な4つの性質 - ログミーTech

2020/04/30 9 users PWA時代 ログミーTech UIデザイナー 性質 心地

関心が高まりつつあるPWA（Progressive Web Apps）についての技術・情報交換の場である「PWA Night」。Vol.14の今回はUI/UXがテーマです。「さわり心地のよいウェブを考える」というテーマで登壇したWebエンジニアの竹本雄貴氏は、直接操作を感じさせる、触り心地のよいUIとは何かについて共有しました。 Webエンジニア... 続きを読む

PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/10/24 425 users Pwa エンジニアHub PWA Night クライアント

はじめまして、菅家（@kan_dai）といいます。普段は株式会社TAMという会社でフロントエンドをメインに、クライアントのWebサイト制作やWebサービスの開発をしています。PWA（Progressive Web Apps）をテーマにしたコミュニティ「PWA Night」の運営もしています。 さて、2018年ごろからPWAという言葉を聞く機会が多くなっ... 続きを読む

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/05/23 528 users SPA エンジニアHub 変遷 Electron アプローチ

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登... 続きを読む

マイクロソフト、「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を大々的にアピールしていくと見込まれる。ただしこれは、ネイティブアプリの開発をおろそかにするという話で... 続きを読む

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 － Publickey

2019/04/22 249 users Publickey マイクロソフト 開発支援ツール 公開

Progressive Web Apps（PWA）とは、Webの標準技術を用いて開発されたWebアプリケーションの一種。通常のWebアプリケーションとして振る舞うことに加えて、リソースをローカルに保存しオフラインでの実行にも対応し、Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デスクトップにWebアプリケーショ... 続きを読む

PWA Starter Kit - PWAを学ぶためのテンプレート MOONGIFT

2019/04/07 46 users Pwa ネイティブ並 概念 特定 トレンド

PWA（Progressive Web Apps）というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。 そこで勉強のベースに使ってみたいのがPWA Starter Kitです。PWAに関す... 続きを読む

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

進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より)

2018/07/05 148 users 実装 応用 web セッション code 2018

2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった方に向けてセッションの内容を記事にまとめましたので、ぜひご覧くださこれらの機能を提供しているのがい。 進化する Web ～ Pr... 続きを読む

PWA（Progressive Web Apps）がようやく流行り出したけど Push通知 がウザすぎる - albatrosary's blog

2018/06/25 239 users Pwa イラ PUSH通知 お前 イメージ

PWA（Progressive Web Apps）をやり始めているところが多くなりそれ自体は喜ばしいところです。ただ、最近のWebサイトで「通知しますか？」と言って来ることが多くなり正直ウザすぎです。誰がこんなの考えたんだってくらいイラっとします。 イメージですが、だいたいネイティブってというのは「お前のことが気に入った！... 続きを読む

「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える | HTML5Experts.jp

2018/04/19 458 users HTML5Experts.jp 基準 Chrome Dev

「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える NEW 宇都宮佑亮 PWA , Progressive Web Apps , Service Worker , UX , Webアプリ 2018年4月19日 Progressive Web Appsというワードが世に出て約2年半が経ちました。 2015年10月に開催されたChrome Dev ... 続きを読む

PWAの将来性についての考察 - astamuse Lab

2018/04/11 328 users Pwa iPhone astamuse Lab 考察 リリース

2018 - 04 - 11 PWAの将来性についての考察 フロントエンドエンジニア PWA デザイン部でフロントエンドエンジニアをしているkitoです。 先日、iOS 11.3のリリースでiPhoneでもPWAの一部の機能が利用できるようになりました。（プッシュ通知等は利用できない）今回は、Web界隈で急速に注目を上げ始めているPWA（Progressive Web Apps）の将来性を考察した... 続きを読む

サンプルあり！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に完全に統合されるには至らなかった。そ... 続きを読む

Progressive Web Appsについて - 銀色うつ時間

2015/12/04 110 users 銀色うつ時間 ALE Apps 標榜 web

2015-12-04 Progressive Web Appsについて web ドワンゴ Advent Calendar 2015 4日目の記事です。最近ちらほら耳にする、Progressive Web Appsというものについて。 Progressive Web Appsとは Progressive Web Appsは、モバイルWebを開発する上での1つの標榜である、という認識でよさそう。Ale... 続きを読む