[B! PWA] miguchiのブックマーク

フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと

フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに 1. フレームワーク 2. 静的サイトジェネレーター（SSG） 3. JAMstack 4. プログレッシブウェブアプリ（PWA） 5. GraphQL 6. コードエディタ/IDE 7. テスト環境 8. クリーンなコード 9. Git 10. ソフトスキル終わりにはじめに 2021年は、フロントエンドの開発がテクノロジー業界で最もホットなトレンドの1つになることは間違いないでしょう。フ

miguchi 2021/05/24

リンク

PWA+TWAでウェブサイトを完全アプリ化、PWAサイトのGoogle Play登録も可能に

[レベル: 上級] Trusted Web Activity (トラステッドウェブアクティビティ) を実装すると、Progressive Web App (PWA) のサイトを Google Play にアプリとして登録することができます。Trusted Web ActivityとはTrusted Web Activity︵以下、TWA︶を簡単に説明します。 TWA は、アプリの中にウェブページをコンテンツとして表示できる機能です。 2017 年の Chrome Dev Summit で発表されました。試験的な公開でしたが、Android 版 Chrome72のリリースとともに正式に利用可能になりました。アプリの中にウェブページを表示させると聞くと、開発に詳しい方は Chrome Custom Tab や WebView を思い出すかもしれません。どちらもアプリのコンテ

miguchi 2019/12/27

PWA

リンク

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

デザイン部でフロントエンドエンジニアをしているkitoです。先日、iOS 11.3のリリースでiPhoneでもPWAの一部の機能が利用できるようになりました。︵プッシュ通知等は利用できない︶今回は、Web界隈で急速に注目を上げ始めているPWA︵Progressive Web Apps︶の将来性を考察したいと思います。いわゆるフロントエンド界隈では、新しいツールや技術が短いスパーンで登場しては消えていくということを繰り返しています。新陳代謝が激しい故に、革新的な技術がいち早く取り入れられる若々しいエコシステムは利点ではありますが、反面、苦労して学習した技術やツールが、立ちどころに古びて投資が無駄になってしまうケースも間々あります。これは現代のフロントエンドエンジニアには避けられない運命でしょう。とはいえ、それをむしろ楽しみ新しい技術の到来やそれをリードする若きエンジニアたちの登場を喜ぶべ

miguchi 2018/04/12

PWA

リンク

加速するフロントエンドとPWA

at DevSumi 2018

miguchi 2018/02/16

PWA

リンク

CodeIQについてのお知らせ

2018年4月25日をもちまして、﹃CodeIQ﹄のプログラミング腕試しサービス、年収確約スカウトサービスは、 IT エンジニアのための年収確約スカウトサービス﹃moffers by CodeIQ﹄https://moffers.jp/ へ一本化いたしました。これまで多くのIT エンジニアの方に﹃CodeIQ﹄をご利用いただきまして、改めて心より深く御礼申し上げます。また、エンジニアのためのWebマガジン﹁CodeIQ MAGAZINE﹂は、リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。今後は﹃moffers by CodeIQ﹄にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、引き続きご愛顧のほど何卒よろしくお願い申し上げます。また、Cod

miguchi 2018/02/14

PWA

リンク

WordPressでAMP + PWA（プログレッシブウェブアプリ）を実装する方法を模索しながら、今はこうやっています｜今村だけがよくわかるブログ

WordPressでAMP + PWA︵プログレッシブウェブアプリ︶を実装する方法を模索しながら、今はこうやっていますここ最近、PWA︵プログレッシブウェブアプリ︶という技術について見聞きする機会が増えてきて、AMP︵Accelerated Mobile Pages︶と組み合わせて実装する方法について、私の周囲では話題になっていました。﹁PWAとかAMPってなんですか？﹂という方は、以下のページをご参考ください。はじめてのプログレッシブウェブアプリ | Web | Google DevelopersAccelerated Mobile Pages Projectというわけで﹁WordPressでAMP + PWAを実装するにはどうすればいいのか﹂。ここ最近いろいろと試していましたが﹁この方法だとどうかな？﹂と思って試したことや、現在まで得た知識、感想などを以下にまとめました。

miguchi 2017/08/09

PWA

リンク

WordPressでPWAの対応をしてみたけどやめた話 - ShoYamane.me

まず前置きとしてPWAを否定するものではございませんのでご了承のほどをお願い致します。総括するとまだ時期が早いと思ったので、実装の対応をやめる方向にしました。 WordPressでのPWAの対応方法 PWAの実装はAMP関係なしにできるのですが、AMPと連携させてより効果を発揮させる方法として以下の3つのアプローチがあります。 AMP as PWA = AMPページでPWAを提供する AMP to PWA = 検索経由でAMPページを表示して後、PWAを提供する AMP in PWA = PWAをAMPで実装する私の個人的な所感ですが、すでにある既存サイトをできるだけ工数をかけずにPWA対応するなら「AMP to PWA」が一番良いのかなと思いました。で、その実装方法は以下の記事を参考にしました。脱ネイティブ！Googleが推進する「PWA」にたった数時間で対応する方法上記の方法を

miguchi 2017/08/09

PWA

リンク

脱ネイティブ！Googleが推進する「PWA」にたった数時間で対応する方法

Googleが昨年発表した、Webアプリをネイティブアプリのように使えるようにするしくみ「PWA（Progressive Web Apps）」が話題です。既存サイトをPWA化する方法をサンプルコードをもとに解説します。ここ最近はプログレッシブWebアプリ（Progressive Web Apps、PWA）の話題をよく耳にするとともに、これが未来のWebなのかどうかが議論の的になっています。ネイティブアプリ vs PWA論争に加わるつもりはありませんが、PWAがモバイルデバイス対応を強化し、ユーザーエクスペリエンスを向上することだけは確かです。2018年までにはモバイルからのアクセス数がほかのすべてのデバイスからのアクセス数を上回ると予測されるなかで、どうしてこの流れを無視できるのでしょうか。良いニュースは、PWAの作成は難しくないということです。実際のところ既存のサイトをPWA化するこ

miguchi 2017/08/09

PWA

リンク

はてなブックマーク

タグ

関連タグで絞り込む (5)

PWAに関するmiguchiのブックマーク (8)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス