「PWA」カテゴリーアーカイブ

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス

ここ数年、PWA(プログレッシブウェブアプリ)が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by...

はてなブックマーク - WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス はてなブックマークに追加

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend – Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌

はてなブックマーク - Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck はてなブックマークに追加

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend – Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌

はてなブックマーク - Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck はてなブックマークに追加

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend – Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌

はてなブックマーク - Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck はてなブックマークに追加

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

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

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

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

はてなブックマーク - マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey はてなブックマークに追加

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

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

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

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

はてなブックマーク - マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey はてなブックマークに追加

簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた! – paiza開発日誌

簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた! - paiza開発日誌

簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた! - paiza開発日誌

どうも、まさとらん(@0310lan)です! 今回は、Googleのスプレッドシートを利用して誰でも手軽にPWAアプリを開発して公開することができるサービスをご紹介します! スプレッドシートにデータを準備するだけなので、エンジニア以外の方でも簡単にアプリ開発を楽しむことができます。多彩な機能をグラフィカルなGUIで追...

はてなブックマーク - 簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた! - paiza開発日誌 はてなブックマークに追加

なんとかPay – 好きなPayを発行して自由に送金

なんとかPay - 好きなPayを発行して自由に送金

なんとかPay - 好きなPayを発行して自由に送金

なんとかPayは、誰でも自由にPayを発行できる最新のサービスです。 作成したPayは、QRコードを利用して個人間で送受信に利用できます。 4月1日に誕生しました。 楽しみ方と注意点 をよく読んでご利用ください。

はてなブックマーク - なんとかPay - 好きなPayを発行して自由に送金 はてなブックマークに追加

MacでProgressive Web Apps(PWA)を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う - Publickey

MacでProgressive Web Apps(PWA)を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う - Publickey

MacでProgressive Web Apps(PWA)を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う - Publickey

MacでProgressive Web Apps(PWA)を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う GoogleはChrome 73安定版をリリースしました。Chrome 73ではmacOSでのWeb App Manifest対応などによるProgressive Web Apps(PWA)対応とダークモード対応、Signed HTTP Exchangesへの対応などの...

はてなブックマーク - MacでProgressive Web Apps(PWA)を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う - Publickey はてなブックマークに追加

PWAでここまでできる – Speaker Deck

PWAでここまでできる - Speaker Deck

PWAでここまでできる - Speaker Deck

スライド内の関連リンク * DiverseのPodcast https://podcast.diverse-inc.com/ * 採用ページ https://diverse-inc.co.jp/recruit/positions * 今回のサンプルGithub https://github.com/SAMUKEI/droidkaigi2019-sample-pwa * 今回のサンプル動画 https://youtu.be/ehW6397JceI * はじめてのプログレッシブ ウェブアプリ...

はてなブックマーク - PWAでここまでできる - Speaker Deck はてなブックマークに追加

Google Play StoreでPWAを配信できるらしい | Hypertext Candy

Google Play StoreでPWAを配信できるらしい | Hypertext Candy

Google Play StoreでPWAを配信できるらしい | Hypertext Candy

この記事では、先日 Medium に公開された Maximiliano Firtman 氏による記事『Google Play Store now open for Progressive Web Apps 』を要約して感想などを加えています。 記事のタイトルを訳すと『Google Play ストアで PWA を配信できるようになった 』という感じでしょうか。Web エンジニアとしては惹かれるタイト...

はてなブックマーク - Google Play StoreでPWAを配信できるらしい | Hypertext Candy はてなブックマークに追加

Webでどこまで遊べるか試してみた – Qiita

Webでどこまで遊べるか試してみた - Qiita

Webでどこまで遊べるか試してみた - Qiita

Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓(スマートフォンで開いてください) https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思...

はてなブックマーク - Webでどこまで遊べるか試してみた - Qiita はてなブックマークに追加

Nuxt.js v2とGAE/SE Node.jsでSPA×SSR×PWA×サーバーレスを実現する – DMM inside

Nuxt.js v2とGAE/SE Node.jsでSPA×SSR×PWA×サーバーレスを実現する - DMM inside

Nuxt.js v2とGAE/SE Node.jsでSPA×SSR×PWA×サーバーレスを実現する - DMM inside

はじめに こんにちは。イベント事業部の上井(ウワイ)と申します。 Nuxt.jsのv2が9月に正式バージョンとしてリリースされました medium.com またそれに先立って、Google Cloud PlatformからGoogle App Engine Node.js Standard Environment(以下、GAE/SE)が6月に一般公開されました。GCPからサーバーレスでNode.jsが...

はてなブックマーク - Nuxt.js v2とGAE/SE Node.jsでSPA×SSR×PWA×サーバーレスを実現する - DMM inside はてなブックマークに追加

大量のテキストを食っても速い Markdown Editor 作った – mizchi’s blog

大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog

大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog

もう人生で何個目かわからない markdown エディタ作った。が、今回のは結構気に入っている。 https://markdown-buffer.netlify.com/ で遊べる。 用途としては、GitHub か Qiita か はてなブログかわからないが、なにか書こうと思ったときに、どのサービスも中途半端に重いので、とりあえずの書き始められるバッファが必...

はてなブックマーク - 大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog はてなブックマークに追加

大量のテキストを食っても速い Markdown Editor 作った – mizchi’s blog

大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog

大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog

もう人生で何個目かわからない markdown エディタ作った。が、今回のは結構気に入っている。 https://markdown-buffer.netlify.com/ で遊べる。 用途としては、GitHub か Qiita か はてなブログかわからないが、なにか書こうと思ったときに、どのサービスも中途半端に重いので、とりあえずの書き始められるバッファが必...

はてなブックマーク - 大量のテキストを食っても速い Markdown Editor 作った - mizchi's blog はてなブックマークに追加

iOSエンジニアが知るべきProgressive Web Apps開発のエッセンス #iOSDC 2018 – laiso

iOSエンジニアが知るべきProgressive Web Apps開発のエッセンス #iOSDC 2018 - laiso

iOSエンジニアが知るべきProgressive Web Apps開発のエッセンス #iOSDC 2018 - laiso

iOSDC Japan 2018 に採択されたトーク「iOSエンジニアが知るべきProgressive Web Apps開発のエッセンス」のブログ版記事です。 CfP提出後に内容は二転三転しまして、当初は最新Web開発事情について技術的に突っ込んだ内容にしようと目論んでいたのですが、「iOSエンジニア」へ「伝えたいこと」という軸で作っているうち...

はてなブックマーク - iOSエンジニアが知るべきProgressive Web Apps開発のエッセンス #iOSDC 2018 - laiso はてなブックマークに追加

ServiceWorker内でBabelを駆使して、JavaScriptをビルドする – ログミーTech(テック)

ServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech(テック)

ServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech(テック)

開発環境のためにServiceWorkerを使う mizchi氏(以下、mizchi) では「ServiceWorker Side XXX」ということで発表させていただきます。mizchiです。よろしくお願いします。 (会場拍手) ちょっと自己紹介とかはする気ないんですけど、最近本を書いたので、その紹介だけさせてください。 『仮想DOM革命』。最近、仮想D...

はてなブックマーク - ServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech(テック) はてなブックマークに追加

Chrome Canary に PWA for Desktop が来たいたので next-editor で試した – mizchi’s blog

Chrome Canary に PWA for Desktop が来たいたので next-editor で試した - mizchi's blog

Chrome Canary に PWA for Desktop が来たいたので next-editor で試した - mizchi's blog

今年中に来るとは聞いていたやつ。要はウェブアプリを デスクトップアプリ化するやつ。Electron と違って Chrome の Sandbox と同じ権限で動いている Twitter Lite をデスクトップ PWA にして使ってるんだけど、最 & 高です。 Mac だと Chrome Canary で enable-desktop-pwas のフラグを立てると使えます。 pic.twitter....

はてなブックマーク - Chrome Canary に PWA for Desktop が来たいたので next-editor で試した - mizchi's blog はてなブックマークに追加

PWA(Progressive Web Apps)がようやく流行り出したけど Push通知 がウザすぎる – albatrosary’s blog

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

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

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

はてなブックマーク - PWA(Progressive Web Apps)がようやく流行り出したけど Push通知 がウザすぎる - albatrosary's blog はてなブックマークに追加