タグ

toolとdeveloperに関するmachupicchubetaのブックマーク (2)

  • Chrome DevTools でユーザーフローを記録、再生、測定する  |  Google for Developers

    Chrome DevTools でユーザーフローを記録、再生、測定する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 1. はじめに [Recorder](レコーダー)パネルを使用して、ユーザーフローを記録、再生、測定できます。 新しい [Recorder] パネル(プレビュー機能)の概要は、こちらの動画でご覧いただけます。 学習内容 ユーザーフローを記録する ユーザーフローを再生する ユーザーフローを編集する ユーザーフローを測定する 必要なもの 動作するパソコンと安定した Wi-Fi 接続 Chrome 101 以降 2. [Recorder] パネルを開く 次の手順で [Recorder] パネルを開きます。 DevTools を開きます。 その他アイコン > [その他のツール] > [Recorder] をクリックします。または、コマンド メニュ

  • Google Chromeスクショ術 - mottox2 blog

    技術同人誌やブログを書く上で外せないのがスクリーンショットを取ることです。 同人誌を5冊書いていく経験の中で慣れてきたので、自分がスクリーンショットを撮る時に使っている方法を紹介します。 > Commandからスクリーンショットを撮るCommandからスクリーンショットを撮る Chrome DevToolsに慣れている方はご存知かもしれませんが、ChromeにはCommandという概念があります。 Cmd + Option + iでDevToolsを開きCmd + Shift + Pを押してください。 すると次のような入力フォームと項目が出現します。 フォームに文字を入力すると、Commandを絞りこむことができEnterで指定したアクションを実行することが出来ます。 ここにある、「Capture area screenshot」、「Capture full size screenshot

    Google Chromeスクショ術 - mottox2 blog
  • 1