ruby/debugのChrome Devtools連携をRailsで動かす｜TechRacho by BPS株式会社
morimorihogeです。涼しくなってようやく生きていける感じになって何よりです。 今回はruby/debugに新しく導入されたChrome Devtools連携リモートデバッグ機能を動かしてみたので、そちらを紹介してみようと思います。 ことの起こり 新しいRuby標準デバッガとして開発が進んでいるruby/debugですが、先日こんなTweetがありました。 debug.gem and Chrome browser integration. Thanks Ono-san! pic.twitter.com/3aUdH2zbEo — _ko1 (@_ko1) October 14, 2021 なにこれすごくない！？と思い、今回の記事を書くに至りました。 動きとしては、デバッガのコンソールで open chrome コマンドを実行するとURLが表示され、そのURLにChromeでアクセスす
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
Dockerで日本語対応のHeadless Chrome + puppeteerを立ち上げ
docker-composeで日本語対応のHeadless Chromeを「puppeteer」で操作する手順です。 🐡 Dockerfile日本語対応のChromeの入ったDockerfileは次のように記述します。 FROM ubuntu:latest MAINTAINER morizyun <@zyunnosuke> # For Japan RUN sed -i -E "s@http://(archive|security)\.ubuntu\.com/ubuntu/@http://ftp.jaist.ac.jp/pub/Linux/ubuntu/@g" /etc/apt/sources.list # Basic RUN apt-get update \ && apt-get install -y sudo curl wget zip unzip git nodejs npm fon
ChromeデベロッパーツールでWebページのスクリーンショットをとる。拡張機能なしでね - Qiita
拡張機能でWebページのスクリーンショットをとると 今まではChromeの拡張機能を使ってWebページのスクリーンショットをとっていたのですが、ウィンドウ内を全てまるっとキャプチャーされたり、使い勝手が悪かったりと悩みの種でした。そんな中で見つけたデベロッパーツールのキャプチャー機能が個人的にしっくりきたので紹介します。 しっくりきたポイント 拡張機能をインストールしないでいい ウィンドウサイズを細かく設定できる おしいポイント キャプチャーが1クリックでとれない WebページのスクリーンショットをとるCapture screenshot スクリーンショットをとりたいWebページを開いてデベロッパーツールを起動します。 Webページのウィンドウサイズを細かく設定できるようにデバイスツールバーを表示します。デバイスツールバーはデベロッパーツール左上のアイコンをクリックすると表示されます。 Q
GitHubで差分を見る時にPlantUMLを描画させる - Qiita
PlantUMLでいろんな図を書いているのですが、GitHubのPullRequestで差分として表示されるPlantUMLはただのテキストにしか見えないのでレビューし辛いです。 差分見る画面 いちいちブランチを手元に持ってきて、エディタで開いて図にしなければなりません。 なんか良い方法はないかと思い探してみたら、Chrome拡張がありました。 PlantUML Viewer 入れるだけです。 PullRequestの画面からファイルの画面まで行って、直接テキストで見るボタンを押す 拡張入れる前 入れた後 図だ！！ らくちんだ 適当なファイルを僕のGitHubに置いてあるので、適当に試しに見てみるのにでも使ってみてください。 クラス シーケンス ステート Register as a new user and use Qiita more conveniently You get artic
Google Chromeで https しか開けなくなった場合の対処方法 - 風柳メモ
特定ドメインが https でしか開けなくなった http→httpsの移行途中のドメインで、Google Chromeではいつの間にかhttp://〜/を開こうとしてもhttps://〜/にリダイレクトされてしまうようになっていた。 対処方法：対象ドメインを HSTS セットから削除する 当該ドメインが HSTS(HTTP Strict Transport Security) セットに登録されてしまっていたのが原因。 Google Chromeで、 chrome://net-internals/#hsts にアクセスし、「Delete domain」で対象ドメインを指定して[Delete]をクリックして、セットから削除することで対処。
Chrome で Cookie を削除、許可、管理する - パソコン - Google Chrome ヘルプ
Chrome では Cookie に関して、既存の Cookie を削除したり、すべての Cookie を許可またはブロックしたり、特定のウェブサイトに対する設定を行ったりすることができます。 重要: トラッキング防止機能のテストグループに参加している場合は、サードパーティ Cookie を管理するための Chrome の新しい設定である「トラッキング防止機能」が表示されます。トラッキング防止機能について Cookie とは Cookie は、アクセスしたサイトによって作成されるファイルです。あなたのサイト訪問についての情報が保存されるため、オンラインのユーザー エクスペリエンスが向上します。たとえばサイトがユーザーのログイン状態を維持したり、ユーザーのサイトの利用設定を記憶したり、ユーザーの地域に関連する情報を提供したりすることができます。 Cookie には次の 2 種類があります。
WebAPIの動作確認にはAdvanced REST clientが便利そう - なか日記
WebAPIの動作確認する際、GETはまだしもPUTやPOST、DELETEはどうやって確認するのが楽なんかなぁと。 仕方ないので簡単なフォームを作成して動作確認していたのですが、「.NET開発テクノロジ入門 2014年版 VisualStudio2013対応版 (MSDNプログラミングシリーズ)」にいいツールがさりげなく紹介されていました。 Chrome ウェブストア - Advanced REST client Chrome拡張ですが、自分はChromeをメインで使用しているので問題なし。 こんな風にPOSTするデータを指定したり 結果を見やすい形で表示してくれりします。 実行するパラメータは画面右上の「Save」からローカルやGoogleDriveに保存ができます。*1 *1:ちなみに、私の環境ではGoogleDriveに保存するといつまでも応答がなく、保存できないという現象が発生し
📝 Markdown エディタなら『StackEdit』がおすすめ！ - mattintosh note
Markdown エディタなら Mac/Linux/Windows で使える Chrome アプリの『StackEdit』がおすすめ！ 『StackEdit』を試してみたらとても良かったのでレビューです。 Chrome アプリだから Mac/Linux/Windows で使える！ 初回起動時の画面。この時点で「この子はデキる子に違いない！」感が漂ってきます…。OS が変わっても操作方法は同じで見栄えもほとんど変わりません。 OS X OS X 10.9 Linux Linux Mint 17 Windows Windows 7 ＊上記画像はディスプレイサイズがそれぞれ異なります 分割ビューの縦横切り替えやキーボード・ショートカット設定など機能が豊富！ 分割ビューの縦横切替やテンプレート設定など機能も豊富です。テーマもいくつか切り替え可能で黒背景も用意されています。エディタ側のフォントはリッ
Chromeはどんな個人情報をGoogleに送っているのか、どうすれば阻止できるのか | ライフハッカー・ジャパン
心配しているChrome転向者さま お気持ちはよくわかります。時おり少し冷静になって、Chromeを使って何をしてきたかを振り返ると、人生のあらゆる場面が脳裏に浮かんでくるものですよね。 それでは、Chromeが取り込む情報と取り込まない情報、Googleが入手した情報を何に使っているのか、そしてデータを「送信させない」ための具体的なアドバイスを紹介しましょう。 Googleの方針 Googleは、Chromeが取り込むデータと取り込まないデータ、そして、取り込んだデータが同社で何に使われるかという情報を公開しています。 Googleに送られないデータ ・クリックしたリンク、アドレスバーに入力したリンク ほかのブラウザと同じように、ウェブの閲覧履歴はローカルに保存され、再表示を高速にするために使われます。けれどもChromeは、閲覧履歴を定期的にGoogleに送信するようなことはありません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇