You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Performance monitoring with Lighthouse CI Stay organized with collections Save and categorize content based on your preferences. How to add Lighthouse to a continuous integration system, such as GitHub Actions. Lighthouse CI is a suite of tools for using Lighthouse during continuous integration. Lighthouse CI can be incorporated into developer workflows in many different ways. This guide covers th
主な目的 管理しているサービスやWebサイトが増えていく中で、 新規機能開発や既存機能の改善などを行なった際に発生する副作用を、把握することが難しくなってきました。 バグの検知や表示崩れもですが、特にスピードに関して追いきれていない部分があり 一人でやる分にはdevtoolsを開いてAudits叩いてもいいんですが、 チームでやっていくにはやはり限界が出てきます。 そこで取っ掛かりとしてCircleCIの勉強も兼ねて、Lighthouseとの連携をやってみました。 実装する機能ついて 以下の順序で実装していきます。 LighthouseをlocalのCLI上で実行 CircleCI上でLighthouseを実行 slack WebhookURLの発行とCircleCI環境変数への登録 slack通知のCircleCIへの実装 LighthouseをCLI上で実行 Lighthouse によ
こんにちは。ものづくり推進部、フロントエンドエンジニアの武田です。 今日は Datadog, Lighthouse を使ったクライアントパフォーマンス計測に取り組んでいる、というお話です。 mediba では webpagetest を使った定期実行と計測を以前から行っています。 DataStudioとGASでWebPagetestの計測結果をグラフ化するuknmr/gas-webpagetest紹介記事: gas-webpagetestでWebPagetestのパフォーマンス計測を自動化、可視化する1 での取り組みをベースにし、clasp で GAS のソースコード管理・デプロイを実現するための仕組みや webpagetest Lighthouse test と連携したメトリクスの取得まで網羅したものが 2 になります。 今回は少し webpagetest とは趣向を変えて Lighth
これはRetty Inc. AdventCalendar2018 21日目の記事です。 昨日は @takumi-suzuki さんの リモート環境をFire HDに切り替えてみた でした。 FireHD が悲しい結末を迎えてしまいましたね。 はじめまして。Retty Web チームでインターンをしている宇野です。 インターンでは主に、オウンドメディアのRettyグルメニュース(以下、グルメニュース)の開発をしています。今回の記事では、グルメニュースに GraphQL を導入することにしたので、実際に触ってみたいと思います。 はじめに 最初に、GraphQL 導入の経緯を説明します。 グルメニュースには現在、記事を配信する側と入稿する側のサービスが別々に存在します。2つのサービスがあることにより、メンテナンスコストが倍になってしまい手間です。 そこで、API を作り一つのサービスにして、サー
はじめに Laravel Advent Calendar 2018 - Qiitaの10日目の記事です! 1年前くらいから聞く機会がぐっと増え、最近懐疑的な意見がだんだん増えてきた印象を個人的に持っているGraphQLですが、 RestfulライクなAPIの代替案として有効なのか自分で触って確かめてみたかった Laravelで使い倒す記事を見かけていなかった のでこの機会に使い倒してみました(と言っても多少踏み込んだ程度ですが😅)。 ※実装例は順次追加していきます。 なお、この記事では GraphQLとは何か GraphQLの諸々(クエリ、ミューテーション)の説明 クエリの記述方法の説明 などは記載しません。 (記述方法についての説明はしませんが、使い倒す中で実行するクエリは記載していきます) 前提 php: 7.1.3 laravel/framework: 5.7.16 nuwave/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く