Hatena Blog Tags
はてなブログ トップ
Progressive Web Apps
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Progressive Web Apps

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Sassyブログ•7年前

最新Web技術！Progressive Web Apps

目次 目次 1.Progressive Web Appsとは？ 2.「アプリのように振る舞うWebサイト」？ 3.Progressive Web Appsの特徴 4.なぜProgressive Web Apps？ 5.対応ブラウザ 6.Progressive Web Appsを始めるには？ 7.最後に 1.Progressive Web Appsとは？ Googleが紹介したウェブ上で驚くべきユーザーエクスペリエンスを提供する新しい方法です。 簡単に言いますと、この技術を取り込むことでアプリのように振る舞うWebサイトを提供できます。 2.「アプリのように振る舞うWebサイト」？ モバイルアプ…

#Progressive Web Apps

関連ブログ

Python転職初心者向けエンジニアリングブログ•12日前

PWA（Progressive Web Apps：プログレッシブウェブアプリについて詳しく解説

PWA（Progressive Web Apps：プログレッシブウェブアプリ）は、ウェブ技術を使用してネイティブアプリのような体験を提供するウェブアプリケーションのことです。PWAは、ウェブサイトにおけるスムーズなユーザー体験を追求し、オフラインでの利用やホーム画面へのインストールなど、ネイティブアプリの利点を持ちながら、ウェブの利便性を維持することを目的としています。 PWAの特徴 レスポンシブ: どのデバイス（スマートフォン、タブレット、デスクトップ）でも快適に使用できるように設計されています。 オフライン機能: サービスワーカーを活用することで、ネットワークが不安定な場合や完全にオフライ…

じゃあ、おうちで学べる •14日前

継続的デプロイメントの継続的な学習 - Continuous Deployment の読書感想文

自動化は私の忍耐力の限界を補完してくれます。 はじめに 本書「Continuous Deployment」は、継続的デプロイメントの実践に焦点を当てた包括的なガイドです。継続的デプロイメントは、ソフトウェアパイプラインを完全に自動化し、手動介入を必要としない手法です。この方法により、クオリティーゲートを通過したすべてのコードコミットが自動的に本番環境にデプロイされます。 私は、ソフトウェア開発の現場で、オンプレミスの手動デプロイから始まり、Makefileによる自動化、JenkinsやCircleCI、GitHub Actions、GitLab CI/CD、AWS CodePipeline、C…

ぼっちエンジニアの備忘録•1ヶ月前

ActiveXのサポート終了と 現代の Web技術について解説

はじめに ActiveXサポート終了の背景と理由 セキュリティリスクの軽減 プラットフォーム依存性の問題 時代遅れの技術 HTMLとJavaScript: ActiveXの後継技術 HTMLとJavaScriptの特長 セキュリティの向上 多機能性と開発効率 その他の代替技術について 結論: HTMLとJavaScriptが後継技術として最適な理由 参考文献 はじめに ActiveXは、1990年代から2000年代にかけてMicrosoftのInternet Explorer（IE）やOffice製品でインタラクティブなコンテンツを提供するために広く使用されていた技術である。 特に、Windo…

エンターテイメント！！•3ヶ月前

【翻訳＋意訳・要約】プログレッシブ・ウェブ・アプリケーション（PWA）： 包括的ガイド

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 プログレッシブ・ウェブ・アプリケーション（PWA）： 包括的ガイド ChatGPTへのQA Ｑ：オフラインのときに、webAPIの応答はどう動くのでしょうか？ オフライン時のWeb API応答の動作 Ｑ：OSの差分は、どこで吸収しているのでしょうか？ 1. ブラウザの互換性 2. Service WorkerとキャッシュAPI 3. Web標準技術 4. フォールバック機能 5. マニフェストファイル Ｑ：各ブラウザでの対応状況について教えて下さい 1. Google…

TadaoYamaokaの開発日記•4ヶ月前

【読書ノート】Designing Interfaces: Patterns for Effective Interaction Design

インターフェースデザインのベストプラクティスとパターンをまとめた「Designing Interfaces: Patterns for Effective Interaction Design」を読んだので内容をまとめる。Jenifer Tidwell著のこの書籍は、効果的なインタラクションデザインを実現するための具体的なデザインパターンや原則を紹介しており、デザイナーや開発者がユーザーフレンドリーなインターフェースを構築する際に役立つ。以下の内容は、ほとんどClaude3.5 Sonnetを使用して作成している。目次 第1章: 人を中心に設計する 文脈 目標 リサーチ パターン 第2章: コ…

こめきちdiary•4ヶ月前

iPhoneのメモアプリをandroidから使う方法

はじめに 以前、「iPhoneのメモアプリをWindowsから使う方法」という記事を書きました。 WebアプリなのでAndroid端末からでも使えるはずなのでやり方を調べてみました。目次 はじめに やり方 ①chromeでiCloudを開く ②メモに移動する ③ショートカットをホーム画面に置く 起動してみる 使ってみた感想 最後に やり方 Androidからメモアプリを使うには、Windowsから使う方法と同じくブラウザでiCloudにアクセスします。 アドレスへのリンクをホーム画面に配置すれば疑似的なアプリとして機能させられます。このようにWebサイトをアプリのように利用できることを、PWA…

ささざめテックブログ•5ヶ月前

今週気になった技術系ニュース＆トピック｜2024年5月4週

毎週日曜日更新。今週気になった、技術記事やニュース、その他リリースなどを独断と偏見でまとめています！ そろそろ6月ですね。時の流れが早い……。

WEBデザイナーのなり方net•6ヶ月前

WEBデザイナーになるために必要な知識～具体的なスキル要件と実務での活用方法

WEBデザイナーとして成功するためには、様々なスキルや知識が必要です。この記事では、WEBデザイナーになるために必要な知識に焦点を当てて解説します。 まずはHTMLとCSSの基礎を理解し、その後にカラーセンスやデザイン理論、インタラクションデザイン、JavaScriptの基礎などについて学んでいきましょう。さらに、よくある疑問や質問にも答え、成功するためのポイントをお伝えします。 WEBデザインに興味がある方やこれからWEBデザイナーを目指す方にとって、この記事が役立つ情報となることを期待します。 【PR】Webデザイナーを目指す方におすすめのWebデザインスクール！ 副業・フリーランスのWe…

ts0818のブログ•7ヶ月前

Javaからブラウザにpush通知を送る仕組みを整理してみる

blogs.oracle.com news.mynavi.jp 例えば、JEP 463は、大規模なプログラム用に設計された言語機能を理解することなく、学習者が最初のプログラムを記述できるように、Java プログラミングへのスムーズなオンランプを提供するもの。これにより、学習者は単一クラス・プログラムの合理化された宣言を記述できる。 オラクル、Java 22発表 - 注目機能はJavaプログラミングへのスムーズなオンランプの提供 | TECH+（テックプラス） ⇧ スムーズにJavaのプログラミングに入れたとして、その後のことが考慮されてると信じて良いのだろうか？ 実際の現場では～、みたいに梯子…

くぅぶろぐ•8ヶ月前

PWAをVite+React-tsでお試しした結果

PWAとか仰々しい感じで言われると、「知らないヤツか。。。むずそう」となるけど、意外と開発環境が既に整備されてて、簡単に実装するだけなら拍子抜けするくらい簡単だった。 今開発中のWEBアプリも簡単にネイティブアプリライクにできるし、簡単なWEBアプリくらいならネイティブ開発するよりこれでいいのかもしれない。

Log•1年前

Next.jsのWebアプリをPWA化してWeb Pushでユーザーに通知を送りつける

Distortion.fmをPWA (Progressive Web Apps) 化しました。 Distortion.fm ホーム画面へインストールすることで独立したアプリのように利用できます。最新エピソード配信のお知らせをスマホの通知で受信することもできます。イメージはこんな感じ。 Web Push! ここまでがユーザー向けのお話。ここからは実装についてのお話。リポジトリも添えておきます。 github.com 今さら？ ゴール Add to Home Screen Web Push Service Workerの登録 Notification API Push API プッシュ通知を送る …