Case studies | web.dev
Learn why and how other developers have used the web to create amazing web experiences for their users. @WK�&V �*�&V � ��&V We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
Track Single Page Apps with Google Analytics 4 and Google Tag Manager
August 28, 2023 Track Single Page Apps with Google Analytics 4 and Google Tag Manager Updated: August 28th, 2023. Tracking page views on regular websites is fairly easy: you add a tracking code to every page, and done! Whenever a visitor clicks an internal link, a browser window refreshes, and a new page view event is sent to Google Analytics. But there are more nuances regarding single-page websi
Webフロントエンドパフォーマンスチューニング80選 - Qiita
こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇％アップ、CVR〇％アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。 この記事ではパフォーマンス最適化のハウツーを紹介します。 パフォーマンス改善の施策が思い浮かばない時やフロン
PinQulをクローズします - niconegoto Blog
はじめに 今回、2017年の5月から開発を開始し9月より開発・運営してきたPinQulをクローズするという決定をしました。スタートアップの意思決定といえばそれまでですが、1年以上の期間にわたって少なくない数の方の人生を巻き込み応援していただいた中、大変な迷惑をおかけしていることをお詫びいたします。 様々な方の支えがあってこそのサービス運営であったため、このような形でクローズまでの経緯などを文章化しておくことが、説明責任という意味でも僕たちの今後のための振り返りという意味においても大切だろうという事で今回この記事を書くことにしました。 ライブコマースサービス「PinQul」の沿革 僕は昨年の5月に株式会社Flattを創業しました。"Cross Point of Technology and Lifestyle"のスローガンのもと「テクノロジーによる人々の生活の変革」をビジョンに掲げ、5人のメ
メルカリShopsのためのWebViewの技術 | メルカリエンジニアリング
こんにちは、ソウゾウのSoftware Engineerの@gentleです。連載：「メルカリShops」プレオープンまでの開発の裏側の6日目を担当いたします。 メルカリShopsは既存のメルカリアプリの中に独立したWebアプリケーションを組み込む形で開発いたしました。本記事では、Webアプリケーションとして作成されたメルカリShopsを、既存のメルカリアプリでWebViewを使って表示する際のアプリとの連携について解説いたします。 メルカリアプリとの連携 メルカリShopsはメルカリアプリ内に組み込まれておりますが、独立したWebアプリケーションとして存在しており、WebViewにてShopsのWebページを表示する形になっています。しかし、単純にアプリ内でWebページを表示しただけでは、アプリとしてのUI/UXを満たせないため、WebViewとアプリとの連携が必要です。 アプリとの連携
ブラウザ / Browser - Speaker Deck
2021年度リクルート エンジニアコース新人研修の講義資料です
10年モノのサービスをアーキテクチャから再設計─はてなブックマークがScalaとDDDを使う理由｜ハイクラス転職・求人情報サイト AMBI（アンビ）
10年モノのサービスをアーキテクチャから再設計─はてなブックマークがScalaとDDDを使う理由 10年以上運用されているサービスには、さまざまな技術的な負債が発生しています。今後の継続的な改善のため、いったん新規開発を止めて4年かけて全面的なリニューアルを実施した「はてなブックマーク」の開発者に、プロジェクトの課題や解決する手法などを聞きました。 改善1つに数カ月かかるなら全てを書き換えられないか 2000年代にトレンドだった開発手法の負債 過去の開発意図を探る考古学的手法 データセンター移行も見据えて刷新しよう ドメインモデル設計とScalaとマイクロサービス化 コアロジックにはScalaを採用 きちんとしたドメインモデルによる設計と実装を継続したい 段階的なリリースとデータの移行という2つの大きな課題 求められる機能に沿ったデータベーススキーマに再構築 新旧の2システムを維持しながら
体験の出口を争う日本のキャッシュレス、体験の入口から作る中国のキャッシュレス｜shao (SAWADA Sho)
キャッシュレス化を進めている日本ではクレジットカード、Suica や Edy などの電子マネーにQRコード決済が加わり、レジでの決済手段の多様化が進んでいます。一方、中国ではQRコードを店の入口から活用し、顧客のスマートフォンを用いた購買体験の向上が図られています。 店に入る前からQRコードが渡されるここは深圳の「緑茶餐庁」というレストラン。美味しい浙江料理が評判で入店待ちの客が多くいます。 筆者が到着すると整理券を渡されました。 この整理券にはQRコードがついていて、これを WeChat で読み取ると「二維火点餐」という Web サイトに接続されます。 QRコードは顧客ごとに異なり、整理券番号と紐付けられています。そのため、QRコードを読み取るだけで待ち行列の進捗がわかります。順番が近づくまで店を離れていても大丈夫です。 事前注文とチェックイン先ほどのQRコードからは待ち行列の進捗だけで
Why everything should have a URL
Technology leadership, collaboration, and open source TL;DR: By naturally capturing and exposing process and sharing it as widely as is appropriate for the subject matter, URLs render organizational context time and location agnostic allowing knowledge to move more freely within an organization on an asynchronous, discoverable, and opt-in basis. At GitHub, there’s an ironically unwritten mantra th
Business growth through mobile site speed - Think with Google
Marketing is at an inflection point. Here’s why that’s an opportunity
Adult Swim - Face Lift
They grow up so fast. New Smiling Friends Sunday at midnight.
アメリカで流行ってるサービス: 俺と周りの場合
https://anond.hatelabo.jp/20181129233609 同じくSF在住。いいまとめサンキュ。他に俺が個人的によく使うのは： Limeここ1〜2年で急激に伸びてきた電動自転車や電動スクーター（電動のスケボーにハンドルが付いたようなもの）のシェアリングサービス。Birdなど競合も。各スクーターはGPSでトラッキングされていてスマホアプリで近くにあるスクーターを検索できる。使い終わったら乗り捨て。割とそこらじゅうに乗り捨ててあったりする時もあるので街の景観がちょっと変わった感があるが、それを超えて便利。でも乗る場所によっては割と危ない。大きな事故が出てくると規制もありうるかも。（追記：chanmiaさんのブコメによるとすでに規制されて台数が減ってるそうです。指摘感謝です） Netflix日本でも浸透してきてると聞くが、アメリカでも俺の周りだとみんな普通に加入してる感じ。
『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 多くのユーザーに愛されるフリマアプリ『メルカリ』ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。 バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆ アーキテクチャの刷新 【Tips5】『UIStackView』を活用し、UIの描画をより滑らかにする Androidアプリの高速化を
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
コミュニティサービスを考える時に意識したい「パケット型」と「グルーミング型」の違い : けんすう日記
コミュニティ大好き！ 僕は、インターネット上でのコミュニケーションサイトを作るのがとても好きなのですが、「アンサー」というiPhoneアプリを作ったこともあり、最近そのあたりについて、また詳しく考えています。 コミュニティサービスを作る時に、いつも読みなおす名著があります。「アーキテクチャの生態系」という本です。 2ちゃんねるやニコニコ動画、mixiなどについて、社会学的な切り口で批評している本で、本当に素晴らしいです。 さて、この中で特に最近注目しているのが、コミュニケーションの種別です。 一般的にコミュニケーションとは、送信者と受信者の間でなんらかの「内容（メッセージ）」がやりとりされるモデルで考えられています(コミュニケーション論では、郵便物が配送されるのにたとえて「小包（パケット）モデル」とも呼ばれます)。 しかし、九十年代後半以降に現れた若者のデジタル・コミュニケーションのスタイ
今なぜHTTPS化なのか？インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景
【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか？ 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史と技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、本記事の趣旨の一つにも本来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途
A Tinder Progressive Web App Performance Case Study
Addy Osmani (@addyosmani) is an Engineering Manager working with the Chrome and Web Developer Relations teams at Google. He's written open-source books like 'Learning JavaScript Design Patterns' and 'Essential Image Optimization' and created open-source projects like Yeoman, HNPWA and Critical. You can find more of his work on web performance over on his Medium channel. Tinder recently swiped righ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Block Pong: Web 技術を駆使したゲームアプリの実装舞台裏 - DevFest 2020
Shifter 開発の舞台裏 三種の神器編
FullContact is an identity resolution industry leader providing enriched data.
