概要 Web ブラウザではすっかりお馴染みの Google Chrome ですが、開発者ツール（DevTools）だけでなく、拡張機能にも導入すると非常に便利なものがたくさんあります。 その中でも、Web系の開発をするエンジニアなら、是非入れておきたいオススメの Google Chrome 拡張機能について紹介します。 尚、いずれも無料で利用可能です。 IT エンジニア界隈では、既にどれも有名なものばかりですが、これから Web 系の開発をする方は是非お試しください。 本当はもっとたくさんオススメしたい拡張機能がありますが、ひとまず今回は３つ紹介します。 Wappalyzer（ワッパライザー） 「Wappalyzer（ワッパライザー）」は、現在表示している Web ページで使われている技術（言語、フレームワーク、プラットフォーム、分析ツール、その他のサービス）を一覧表示してくれる拡張機能で
はじめに こんにちは、Cloud Operations suite担当者です。2021年4月18日でちょうどGoogleに入社して10年が経ちました。自分は転職で入社したときのことは書いておらず、前職を退職したときの記録しか残っていませんでした。いい機会なので記録として10年間を振り返ってみようかなと思いました。自分用の振り返りで特に推敲もしておらず、読みづらいと思いますが、とりあえずそのまま出します。 Google入社のきっかけ 当時はPython関係のコミュニティ活動やアウトプットをしていて、ちょうどそのときにGoogleのPartner Solution Organization（いまの gTech という組織の前身）のTechnical Account Managerという職種で空きがあるので、受けてみませんかとメールが来たのがきっかけでした。当時はGoogleというとソフトウェア
フロントエンドのデベロッパーが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つになることは間違いないでしょう。フ
Vue.jsで作ったゲームをインストール可能（PWA）にしてGitHub Pagesで公開してみた | DevelopersIO
はじめに おはようございます、加藤です。年末年始は実家の北海道に帰省するつもりだったのですが、見事にインフルエンザB型にかかってしまって、急遽キャンセルしました... 予定が全て吹っ飛んで暇になったので、年末年始は下記の教材を使ってVue.jsを勉強していました。 超Vue JS 2 入門 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む) まだ7割しか終わっていないですが、せっかくなので簡単なゲームをインストール可能な状態で作って公開してみました。 新規プロジェクトの場合 Vue CLIで新規プロジェクトを作成する際に、指定する事でPWAとしてプロジェクトをセットアップできます。 npx -p @vue/cli vue create new-project # Manually select features を選択する Vue CLI v4.1.2
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
Web フロントエンドエンジニアの実態を現場から完全主観でお届けします。 現代のフロントエンドエンジニアについて理解したい方向けです。 #動機みんな（誰やねん）が思う「フロントエンドエンジニア」像と、私自身を含む実際の現場の「フロントエンドエンジニア」像に大きな乖離を感じることが増え、それについて説明する機会が増えてきたので、私が思う「フロントエンドエンジニア」像をまとめてみました。 みんなとは、IT企業の人事部・IT人材系エージェント・デザイナー・駆け出しエンジニア・MPAに固執するエンジニアなどです。 #定義Web フロントエンドエンジニアの定義は多岐に渡ります。 ここでは、以下条件を「全て」満たすエンジニアを Web フロントエンドエンジニアと定義して話を進めます。 Web ブラウザや Web ビューなどの Web プラットフォーム上で動作する UI/UX・機能を実現することを目的と
SEOに取り組むなら最低限知っておきたい101のシンプルなアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO施策の新しい気づきを得たい場合、自身のSEO施策に抜け漏れがないかを確認したい場合などに、施策リストを紹介している記事は参考になります。 SEO Japanでもこのような記事はたびたび紹介していますが、今回の記事もそれに該当します。 しかし、いわゆる「施策」というよりは、アドバイスやティップスがまとめられているため、今まで紹介してきた記事とは少し毛色が異なります。記事中にもありましたが、初心者の方や自身の考えをブラッシュアップしたい方などへは参考になるはずです。 実績のある、実行可能なSEOの戦術をお探しだろうか？しかも、すぐにあなたの助けとなる戦術だ。この記事では、すぐに実行できる101
Progressive Web Apps（以下、PWA）は2018年ごろからホーム画面へのインストール機能やキャッシュ戦略等の技術視点でエンジニアの間で話題に挙がるようになりました。現在ではWebパフォーマンス、ユーザビリティ向上、PoC（実証実験）といったビジネス視点でも注目されており、多くのWeb実装にPWAが取り入れられています。 今回の記事では、国内のPWAの動向を振り返り、改めてPWA開発のスタンダードとこれからのPWAについてまとめます。 日本国内でのPWAの動向 2015年にPWAという名称が生まれ、Google Chromeを始めとした各ブラウザが順次PWAに対応していきます。2018年にiOSのSafariがService Workerに対応したことををきっかけに国内でもPWAが注目され始めました。筆者もその頃からPWAに興味を持ち、2019年2月に立ち上がったTechコ
PWAをNativeAppだと錯覚させる
こんにちは、@kaa_a_zuです。PWAという単語を聞いて、皆さんは何を想像しますか？A2HS、オフライン利用、プッシュ通知など様々な機能があるかと思います。今回は、あまり知られていないけど、WebAppを確実にNativeAppに近付ける機能についてご紹介をします。また、この記事は 2021年のPWA(Progressive Web App)のアドベントカレンダー 19日目の内容になります。 私が想定している読者は、全てのWeb開発に関わる方々です。中でも「既にPWAサービスを展開している」「既存のPWAを今すぐにNativeAppに近づけたい」という開発者に届けることができたら嬉しいです。 目次 PWA と ProjectFugu について マニフェストファイルの基礎 さらにNativeAppに近付ける マニフェストファイル(2021年末版) 1. PWA と ProjectFugu
一休.comにService Worker(Workbox)を導入しました - 一休.com Developers Blog
こんにちは。宿泊事業本部の宇都宮です。 この記事は、一休.com Advent Calendar 2019の2日目の記事です。 今日は、一休.com( https://www.ikyu.com )にService Worker + Workboxを導入した件について書きます。 Service Workerとは Service Workerはブラウザのバックグラウンドで動作するJavaScriptで、PWA(Progressive Web Apps)の基盤技術です。 Service Worker の紹介 https://developers.google.com/web/fundamentals/primers/service-workers?hl=ja はじめてのプログレッシブウェブアプリ https://developers.google.com/web/fundamentals/cod
PWAs in app stores Stay organized with collections Save and categorize content based on your preferences. PWAs can be accessed through a web browser, but they can also be installed on a user's home screen as outlined in the articles in the section Provide an installable experience. One of the challenges with PWAs, however, is distributing them to app stores. This is where PWABuilder comes in. PWAB
Push Notifications, WebXR, and better PWA support coming to iOS iOS 15.4 beta has finally added icon support in the manifest, Web Push, AR, and VR experiments. by Maximiliano Firtman Twitter @firt About Newsletter Published 2 years ago (31 Jan 2022) About 8 min reading time #ios #webview #pwa #store Not every minor iOS version update includes changes in the Web platform. Still, iOS 15.4 will be an
Microsoftは生成AIアシスタントツールの「Microsoft Copilot」をWindows 10／11に搭載しており、2024年5月にはAIワークロードの実行に適したPCカテゴリーの「Copilot+ PC」が発表されました。ところが、2024年6月にリリースされたWindows 11の開発版ビルドでは、Copilotエクスペリエンスが縮小され、キーボードショートカットも廃止されたことが判明しました。 Announcing Windows 11 Insider Preview Build 22635.3785 (Beta Channel) | Windows Insider Blog https://blogs.windows.com/windows-insider/2024/06/14/announcing-windows-11-insider-preview-build-2
Make your PWA feel more like an app Stay organized with collections Save and categorize content based on your preferences. Make your Progressive Web App not feel like a website, but like a "real" app When you play Progressive Web App buzzword bingo, it is a safe bet to set on "PWAs are just websites". Microsoft's PWA documentation agrees, we say it on this very site, and even PWA nominators France
AppleがiCloudのモバイル版をアップデート！ Androidユーザーにもおすすめ¥ | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today. A Progressive Web App (PWA) is a website that can be installed on your device and provide an app-like experience read more How to use this app This app is itself a Progressive Web App which means it can be installed to the home screen of your mobile device or to your desktop. After installing you can check the demos of the features be
Microsoft Teams のデスクトップアプリが認証トークンを平文で保存する問題、修正予定なし | スラド セキュリティ
Microsoft Teams のデスクトップアプリが認証トークンを平文で保存していることが Vectra の調べにより判明したのだが、報告を受けた Microsoft では修正の必要な問題ではないと回答しているそうだ (Vectra のブログ記事、 Ars Technica の記事、 Dark Reading の記事、 VentureBeat の記事)。 Microsoft Teams のデスクトップアプリ (Windows / Mac / Linux) は Electron ベースのウェブアプリケーションだ。しかし、標準状態のElectronでは、通常のウェブブラウザーで利用可能なファイルをセキュアに保持する仕組みなどが利用できない。Microsoft Teams アプリでは認証トークンが特別な権限なく読み取り可能な場所に平文で保存されているため、ローカルやリモートの攻撃者は容易に認証
Apple Vision Proが「空間にオブジェクトを置ける技術」の意味を改めて考える（西田宗千佳） | テクノエッジ TechnoEdge
1971年福井県生まれ。得意ジャンルは、パソコン・デジタルAV・家電、ネットワーク関連など「電気かデータが流れるもの全般」。主に、取材記事と個人向け解説記事を担当。 今回も少しApple Vision Proの話をする。といっても、Vision Proの話だけをするわけではない。Vision Proで改めて注目された「空間に配置する」という概念について、少し深く考えてみよう。 この概念、文章ではよく出てくるが、実際に体験したことがある人はまだ少ない。 というわけで、過去の機器で「空間に配置する」という要素がどう扱われ、Vision Proでどうなっていて、さらにMeta Quest 3が今後どうなる予定なのかについて整理しておきたい。 Vision Proは「空間を把握している」Vision Proが「空間コンピューティング・デバイス」と言われる理由は、いわゆる「Mixed Reality
重要：新型コロナウイルス感染症の拡大により、多数のイベントが中止または延期を発表しています。 公式サイトやSNSで最新状況の確認をお願いいたします。 2019年ももう終わりです。皆様にとってどんな年だったでしょうか? FAworksでは、2020年に開催される（であろう）技術系カンファレンスをいっきにまとめてみました。 2020年の予定の参考にしていただくだけでなく、「こんなにたくさんイベントが行われてるんだな〜」と知る機会になれば幸いです。カンファレンス以外にも、ミートアップ、ハンズオン、もくもく会、LT会、リリースイベントなどなど、星の数ほどのイベントが開催されています！ なお、日程など未発表としているところは2019年の情報を載せていますが、予定が発表され次第更新していく予定です。2019年のイベントの内容ももちろん参考になると思いますので、セッションスライドなど見てみることをおすす
PWA Night 2020/01/20 pastak.icon Pasta-K こんにちは 自己紹介 Pasta-K Nota Inc エンジニア at 京都 主にGyazoのフロントエンドの面倒を見ています マンガ / クラフトビール / サッカー観戦 過去にこういうトークをしました ウェブアプリケーションがオフラインでも動作できるようにやっていった話 / ServiceWorker for Offline WebApp in MANGA Viewer - Speaker Deck /pastak-pub/はてなにおけるPortals #ChromeDevSummit で はてなのマンガチームのGigaViewerで検証やデモ実装を行ったPeriodic BG SyncやBackground Fetchを組み合わせたブラウザでの雑誌配信の様子 会社・サービス紹介 積極採用中です htt
October 14, 2019 Announcements Capacitor Ionic react Today we’re thrilled to announce the general availability of Ionic React, a native React version of Ionic Framework that makes it easy to build apps for iOS, Android, Desktop, and the web as a Progressive Web App. All with one code base, standard React development patterns, and using the standard react-dom library and huge ecosystem around the w
4 Easy Ways to Access and Edit iPhone Apple Notes on Windows
If you use Apple Notes on your iPhone and want to access them on a Windows PC, here are several methods for doing so. Apple Notes is convenient for jotting down information quickly on your iPhone or iPad. However, like many other Apple apps, it doesn't have a Windows version. So while accessing Apple Notes on a Windows computer might appear like a chore, it is easy enough. We'll show you some usef
Google Chrome 60からデベロッパーツールのAuditsタブからLighthouseが簡単に実行できるようになっているので使い方を見ていく。 Chrome89で日本語化されるので、この記事の内容とはだいぶ差異が出てきそう。 パフォーマンス測定に必須のLighthouseがChrome 89で日本語化される Chrome79から各評価項目の参照URLがだいぶ変わってしまっている。web.dev内のページに置き換わっているようだ。 Chrome 103からTimeSpan、Snapshotレポートが追加になり、ユーザーが操作した状態のページの分析も行うことが出来るようになりました。 DevTools の新機能 (Chrome 103) Lighthouseとは Lighthouseとはウェブページの品質改善の指針を「パフォーマンス」、「PWA」、「アクセシビリティ」、「ベストプラク
Rakuten 24’s investment in PWA increases user retention by 450% Stay organized with collections Save and categorize content based on your preferences. Making their web app installable resulted in increased traffic, visitor retention, sales per customer, and conversions. Rakuten 24 is an online store provided by Rakuten, one of the largest e-commerce companies in Japan. It provides a wide selection
最近Reactのプロジェクトは全部Gatsbyベースで作ればいいじゃないかな（大体適用できる）と思ったので なぜそう思ったのかまとめてみます。（Gatsbyサイト実装の雛形付き） SPAのメリット・デメリット Reactに代表されるSPAのメリットとしては history APIによる疑似ルーティングでバックエンド無しでページ間遷移ができる（API無しの場合はファイルをホストするだけでWebページが作れる） フロントエンドとバックエンド（API）の棲み分けがはっきりしてる（SSRしない場合） 仮想DOMツリーによる差分レンダリングが高速 逆に動的に仮想DOMツリーを生成するSPAのデメリットとして以下のことが挙げられます。 bundle.jsのファイルサイズが肥大化して読み込みが遅い 仮想DOMツリーの構築に初回のJS実行時間がかかる TwitterやFacebookシェアのOGPを実装し
パノス パネイ (Panos Panay) PC が私たちの生活の中でより中心的な役割を果たすようになった今、Windows 11 は、あなたの大切な人やことをもっと身近に感じられる体験をお届けします。 ※ 本掲載は、米国時間 6 月 24 日に公開された “Introducing Windows 11” の抄訳です。 Windows は、常に世界のイノベーションの舞台として存在してきました。グローバルなビジネスの基盤であり、新進気鋭のスタートアップ企業が誰もが知る存在になった場所でもあります。ウェブが生まれると、それは Windows の上で成長してきました。私たちの多くが、初めてメールを書いたのも、初めて PC ゲームをプレイしたのも、初めてプログラムのコードを書いたのも Windows です。Windows は、人々が創造し、つながり、学習し、達成するための場所であり、現時点で 10
Code for Historyが水戸市の文化財デジタルデータ/オープンデータを活用した、古地図ライブラリMaplatのデモサイト「ぷらっと水戸」を公開
Code for Historyが水戸市の文化財デジタルデータ/オープンデータを活用した、古地図ライブラリMaplatのデモサイト「ぷらっと水戸」を公開 旅行・観光・地域情報 IT技術を歴史研究に応用する任意団体Code for History（代表: 大塚恒平、相模原市）はこの3月14日、開発する準オープンソース古地図アプリ開発ライブラリのMaplatのデモサイト、「ぷらっと」シリーズに、新たに茨城県水戸市版である「ぷらっと水戸」を追加しました。水戸市の行政、図書館などで公開されているオープンデータや、簡易な利用申請で利用できる文化財のデジタルデータを活用して実現しています。水戸市の観光や歴史学習などへの貢献を目指すとともに、オープンデータや公開データを活用する有効事例として、他の自治体などへの情報公開の重要性、有効性の提起も目的としています。 「ぷらっと水戸（https://s.map
週刊Railsウォッチ: Rails 8でSprocketsがPropshaftに置き換わる、devcontainerサポートほか（20240228）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 公式更新情報: Ruby on Rails — Rails World CFP, ActiveRe
WordPress / Vue(Nuxt.js) / React(Next.js)の3つの方法でWebサイト構築してみたメモ
修正履歴 (2021.9.18)開発環境をつくる > React(Next.js)の場合 (2021.5.5)開発環境をつくる > Vue(Nuxt.js)の場合 > 4.(オプション)Sass(SCSS)が使えるようにする はじめに この記事はWordPressをCMSとして使用し、WordPress本体でのWebサイト構築、SSG(静的サイトジェネレータ)と呼ばれるVue(Nuxt.js)、React(Next.js)を使って構築してみて、構築方法や運用周りの違いのメリットやデメリットを書いてみます。 目的 開発者視点で、表示速度の早く快適なパフォーマンスを得られるwebサイトが構築できる技術選定ができるように。 閲覧者視点で、実際上記が体感ができるようにプロトを用意。 運営者視点で、新規ページ追加や、更新など柔軟にできるのかとか。 私の知識整理 私の知識整理 なぜWordPressか
5 Unique Note-Taking Apps to Organize Ideas and Quickly Jot Thoughts
Your smartphone and computer have replaced all paper notepads. But the right note-taking app is all about which unique features you are looking for. In the world of note-taking apps, the debate usually boils down to OneNote vs. Evernote. But both of those might be overkill for you, or just not the right system. These other free note apps bring something unique to the table, like a chat-like interf
米MicrosoftがMac版の「Microsoft Outlook」アプリの無料提供を開始した。 これまでMac版アプリの利用にはOfficeライセンスの購入またはサブスクリプションサービス「Microsoft 365」への加入が必要だったが、モバイル版やWeb版と同様に誰でも利用できるようになった。 Outlook for Macは、Apple Siliconにネイティブ対応しており、M1/M2搭載Macできびきびと動作する。Macで使いやすいようにMac向けにデザインされており、macOSウィジェットや通知センター、ハンドオフなどmacOSおよびAppleプラットフォームの様々な機能をサポート。複数のメールアカウントの管理に対応し、Microsoft 365、Outlook.com (Hotmail、MSN を含む)、Gmail、Yahooメール、iCloud、IMAP、POPアカウ
これからはじめる PWA 2021
📝 まえがき こんにちは犬です。 この記事をPWA初学者へ送ります。参考になれば幸いです。 📝 PWA とは PWAは Google が提唱した Web アプリケーションです。 Progressive （プレグレッシブ） Web（ウェブ） App（アップ） これらを略して「PWA（プログレッシブウェブアプリ）」といいます。 プログレッシブウェブアプリは、「機能」、「信頼性」、「インストール可能性」 上記3つの軸を考慮し設計された Web アプリケーションです。 PWAとは何かをざっくりと説明すると、ネイティブアプリと Webの良いとこどりしたもので、 より良いUXを提供できるWebアプリケーションを目指しています。 上図は、「ネイティブアプリ」と「Webアプリ」、「PWA」の３つのアプリケーションを Capability と Reach で図に表したもので、オレンジ色がネイティブアプリ
Windows 10は「May 2020 Update」（2004）が最大勢力に：Windowsフロントライン（1/2 ページ） 事前の予測通り、2020年10月後半の20日（米国時間）に正式リリースとなった「Windows 10 バージョン20H2」こと「October 2020 Update」だが、歴代で最もスローペースでの展開となった前バージョン（2004）の「May 2020 Update」とは異なり、割とスムーズに浸透していくとみられる。 理由の1つは、October 2020 Updateが大型アップデートをうたいつつも、小規模な機能向上やユーザーインタフェース刷新に留まっており、大きな変更のほとんどは前世代のMay 2020 Updateの時点で完了していたということが挙げられる。 例えば、ZDNetでMicrosoftやシステムセキュリティ系のレポートを多数執筆しているエド
JSer.info #473 - npmにはパッケージを公開した人がパッケージを取り下げるルールを決めたnpm Unpublish Policyがあります。 今回、このnpm Unpublish Policyのルールが更新されています。 The npm Blog — Changes to npm Unpublish Policy - January 2020 元々このUnpublish Policyはleft-padがunpublishされた件で、使われているnpmパッケージがunpublishされるとnpmのエコシステムが壊れるため、npm unpublishに対して制限を入れるために導入されたルールです。 The npm Blog — changes to npm’s unpublish policy 今回の変更では、npm publishしてからnpm unpublishできるまでの
Create Next Generation Experiences at Scale with Windows
As a team, we’re thrilled to spend time with the developer community at Microsoft Build. Windows is a place where people come to create, to learn, and to connect. One of the most energizing aspects of Windows is how the developer community has been engaging with the platform, bringing value to over a billion people across the planet. Windows is the platform for the world’s innovation, and develope
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWA（Progressive Web Apps）ではWebアプリケーションをローカルアプリのようにインストールできます。しかし、ユーザとしてはインストールするメリットが見えないとインストールしてくれないでしょう。 そこで使ってみたいのがPWA installです。ユーザがインストールしたくなるように促せるウィザードライブラリです。 PWA installの使い方 デモではインストールボタンを押すところからはじまります。ここは省略できるでしょう。 ウィザードを使ってインストールメリットを伝えます。 そしてユーザが納得したらインストールダイアログを出します。 インストール完了です。 PWA installはPWAのインストールダイアログを出す処理をフックして、インストール前にメリット
Let me ask you a question - what kind of a machine do you code on? I bet it’s one of desktop, laptop, or maybe even a remote server with SSH connection. That’s the standard these days, but I think that there are some passionate (and crazy in a sense) people (like me) who’d like to stretch it even further. Those who’d like to be able to code literally anywhere, no matter what kind of a device they
Looking up to the big dog.In hype-heavy SaaS Startup land, looking in awe at the big boys and what they’ve achieved is the natural state of being. Every startup wants to be a unicorn, so whatever these companies do is taken for sweet cake, overanalyzed and used as blueprints for success. There’s nothing wrong with learning from the successful, by the way. The Uber story, for instance, is well docu
Nowadays, with JavaScript getting better at doing more, it’s becoming increasingly harder (not to say impossible) to master it fully. Better understanding and experience in the language equals more career opportunities open for you. Thus, learning new stuff is really worth your time. One of the best and most versatile ways of learning programming is through doing different projects. Such a method
React JSを使用した【PWA】化の構築方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
GoogleはProgressive Web App(PWA)という新しいテクノロジーを提供しました。 PWAテクノロジーは市場に出回ってからしばらく経ちますが、その人気はここ数年で急上昇しております。 PWA開発の基本と定義を見ていきましょう。 PWAとは？ PWAで構築する理由 ReactでPWA Webアプリ作成 Manifest.json アプリのビルド Service Workerの登録 最後に PWAとは？ PWA（Progressive Web App）は、Webアプリケーションとネイティブアプリケーションの利点を組み合わせたアプリケーションであり、ハードウェア機能を含めたクロスプラットフォームアプリを提供します。 PWAは、ネイティブアプリよりも開発とサポートが迅速で、低コストであるため、注目されています。 この技術は、モバイルアプリとWebサイトの両方で最高のユーザーエク
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web系エンジニア最低限入れておくべき Chrome 拡張機能３選 - Qiita
Googleに入社して10年が経ちました - YAMAGUCHI::weblog
フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと
Webフロントエンドエンジニアのすゝめ | ATHLINGUAL
Progressive Web Appsの振り返りとこれから | gihyo.jp
PWAs in app stores | Articles | web.dev
Push Notifications, WebXR, and better PWA support coming to iOS－firt.dev
Windows 11からAIアシスタント「Copilot」のキーボードショートカットが削除されることが判明
Make your PWA feel more like an app | Articles | web.dev
【2020年版】東京周辺で開催のエンジニア向け技術系カンファレンス日程まとめ【全64件！】 | FAworksブログ
GyazoでのPWA/WebAPIとの向き合い方 - pastak-pub
Announcing Ionic React
Lighthouseの計測結果を見ていく - Qiita
Rakuten 24’s investment in PWA increases user retention by 450% | web.dev
お前らのReactは遅すぎる(SSG編) - Qiita
Windows 11 を発表 - News Center Japan
Mac用「Outlook」無償化、OfficeライセンスやMicrosoft 365サブスク 不要に
Windows 10は「May 2020 Update」（2004）が最大勢力に
2020-02-05のJS: npm unpublish policy、yarn v2(berry) RCリリース
PWA install - PWAインストール体験を向上させる
The state of web development on mobile
Copying Big Tech is Hurting Startups
7 best JavaScript projects to master your skills