[B! develop][Chrome] ytkwsmのブックマーク

[フロントエンド] AndroidのChromeをPCからデバッグする - YoheiM .NET

こんにちは、@yoheiMuneです。スマホ向けWebサービスを開発していたら、Android端末での表示確認やデバッグが大変だった経験が誰しもあるのではないでしょうか？今日はAndroid ChromeをPCからデバッグする方法をブログに書きたいと思います。目次やりたいこと開発したアプリケーションをAndroidのChromeブラウザで表示した場合に、CSSの確認や、ログの確認や、JSの実行などのデバッグ作業を高速に行いたい、というのが今回の目的です。以降のステップを行うと、PCのChromeと同じようにディベロッパーツールからデバッグを行うことができます。手順1：Android端末の開発者モードを有効化する AndroidとPCをUSBで接続してデバッグを行います。そのためAndroidの「開発者向けオプション」をONにする必要があります。基本的には設定アプリ内のビルド番号

ytkwsm 2019/03/07

“chrome://inspect/#devices”

リンク

知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ

Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ

ytkwsm 2017/06/27

リンク

[Chrome] DevToolsのWorkspaceでローカルプロジェクトをライブエディット&デバッグする - Qiita

※ 執筆時点ではCanaryで利用できます ChromeのDevToolsに「Workspace」という機能が追加されました Workspaceを使うとDevToolsをエディタとして使うことができますローカルフォルダの追加 DevToolsを開いて歯車アイコンからSettingsを開くと項目に"Workspace"があるので選択 Add folderでフォルダを選択リソースへのアクセス許可を求められるので許可を選択 Sourcesパネルに選択したフォルダが追加されるリソースの編集の自動反映を有効にするブラウザのリロードなしに編集・保存したファイルが反映されるようになる(htmlはむり？右クリックメニューから"Map to network resource"を選択ダイアログでDevToolsの再起動を求められるので許可(Chromeの再起動ではない) 右側のエディタ部分でCSS

ytkwsm 2013/09/05

リンク

Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめこんにちは、デザイナーの王です。今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。開発者なら「Chrome Canary」を使おう！みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ

ytkwsm 2013/07/31

リンク

Chrome Developer Toolsを使いこなそう！

2018年12月4日　Japan Container Days　講演資料谷脇大輔 Preferred Networksでは1000個以上のGPUとInfiniBandからなるオンプレミスのクラスターを自社で構築しており、研究者が様々な目的、リソース量、実行時間の機械学習ジョブをKubernetes上で実行して研究成果を出しています。 KubernetesはKubeflowの登場など、機械学習基盤としても非常に注目されている一方で、現実的には未だ発展途上です。講演では機械学習基盤としてのKubernetesの導入理由、その実用性と将来性、Preferred Networksの挑戦についてお話ししました。

ytkwsm 2013/07/12

リンク

はてなブックマーク

タグ

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

developとChromeに関するytkwsmのブックマーク (5)

お知らせ

月間はてなブックマーク数ランキング（2024年7月）

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

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

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス