ChromeでWebサイトの高解像度なスクリーンショットを撮影する｜TechRacho by BPS株式会社
ポスターに印刷するのにWebサイトの高解像度なキャプチャが欲しいと言われたのですが、社内で聞いてみたら手法が意外と知られていなかったので紹介しておきます。 高解像度なデバイスを登録する 登録は最初の1回だけです。devtoolsのdeviceを開きます。 一覧から Edit... をクリックします。 Add custom device を選んで、数字を入力します。width/heightは9999まで、device pixel ratioは10まで入力できますが、最大値を入れると多分Chromeがクラッシュします。現実的には、PCやスマホなどWebサイトが想定しているウィンドウサイズをwidth/heightに入れて、device pixel ratioを高めの値にすると良いでしょう。device pixel ratioは、普通のPCは1～2くらい、スマホは2～3くらいが多いので、それより
Rails: config.force_ssl = true によるHSTSの動作をローカル環境とChromeで試してみた｜TechRacho by BPS株式会社
2020.06.12 Rails: config.force_ssl = true によるHSTSの動作をローカル環境とChromeで試してみた こんにちは、hachi8833です。RailsのHSTS周りでハマったので、自分のためにメモします。 Rails 5.0以降ではforce_sslでHSTSも有効になる Rails 5.0以降では、アプリケーション設定でconfig.force_ssl = trueを指定すると、HSTS設定「も」同時に有効になります。 参考: Rails 5 adds more control to fine tuning SSL usage | BigBinary Blog 参考: HTTP Strict Transport Security - Wikipedia HTTP Strict Transport Security (エイチティーティーピー・ストリ
ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナー｜TechRacho by BPS株式会社
会員登録フォームなどで、たまにクリップボードからのペースト（貼り付け）が禁止されているサイトがあります。 これは不便なので、強引にペーストしてしまおうという内容です。 注意点 本記事で紹介している手法は、開発者ツールやJavaScriptの実行を伴うものです。 一般論として、「開発者ツールでこう操作すると良いよ」「このJavaScriptを貼り付けると良いよ」という記事を理解せずに鵜呑みにすることは、高いセキュリティリスクを伴います。利用の判断は慎重にお願いします。 なぜ困るのか パスワードは通常パスワードマネージャや適当なジェネレータで生成すると思います。 英数記号を含む20文字以上の文字列を、1文字ずつ I と l と 1 を間違えないように気をつけながら心を込めて打ち込むのも趣がありますが、忙しいときにはそんなことはしたくありません。パスワードマネージャのauto type機能を使え
Mac: Coherence XでChromeブラウザを用途ごとにアプリ化する｜TechRacho by BPS株式会社
私はChromeブラウザのタブをメモ代わりについつい増やしてしまいがちなたちで、気がつくとタブが100個超えになっていることもしばしばでした。そういう状態でまれにChromeブラウザやOSが落ちてしまうとタブが全部吹っ飛んでしまうことがあり、復元に相当手間取ります。 しかし今はCoherence X for macOSというアプリのおかげで、用途ごとにChromeを独立したアプリにでき、めちゃくちゃ便利で助かってます。 動作がきわめて安定しているのも嬉しい点です。 BZG - Coherence X for macOS https://t.co/bYbxoHoXoX — semanticsone (@semanticsgal) March 25, 2022 このCoherence Xというツールで用途ごとにChromeアプリを作成すると（注: 本記事ではこれをChromeアプリと呼ぶことに
JavaScript: Chrome V8なら正規表現で後読み（look behind）がフル機能で使える｜TechRacho by BPS株式会社
2018.10.19 JavaScript: Chrome V8なら正規表現で後読み（look behind）がフル機能で使える 以下は記事公開時点の情報です。 Chrome V8だと正規表現の後読みが、動くぞ！ きっかけは、regex101.comでJavaScriptの正規表現をチェック中に、後読み（look behind）がエラーを起こしていないことに気づいたことでした（実行環境はChrome 70.0.3538.67）。 regex101.comより あれ？JavaScriptの正規表現といえば後読みがまったく使えないんじゃなかったっけ？ その場はスルーしていましたが、それからしばらくして今度は以下の記事を見かけました。 元記事: lookaheads (and lookbehinds) in JavaScript regular expressions Lookbehinds w
[速報] 待望のLayoutNGがやってきた！Chrome 69は見た目も中身も大幅に刷新｜TechRacho by BPS株式会社
2018年9月にリリース予定のChrome 69では、見た目が大幅に変わりそうです。 見た目の変更 既にCanaryではUIが新しくなっていることに気づいた方も多いでしょう。 Chromeの特徴だった山型のタブではなく、よくあるタブの見た目になりましたが全体的に丸っこいです。 タッチパネルへの最適化などが考慮されているようです。なお、 chrome://flags で #top-chrome-md フラグを設定すると、見た目を変更できました。 UI Layout for the browser's top chrome Toggles between 1) Normal - for clamshell devices, 2) Hybrid (previously touch) - middle point for devices with a touch screen, 3) Toucha
![[速報] 待望のLayoutNGがやってきた！Chrome 69は見た目も中身も大幅に刷新｜TechRacho by BPS株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/b921535f074e206fa5eef66e3ca7d7147744cae1/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2018%2F07%2Fchrome69_layoutng_eyecatch.png)
週刊Railsウォッチ（20170414）サーバーを危うくする1行のコード、PostgreSQL 10の新機能ほか｜TechRacho by BPS株式会社
2017.04.14 週刊Railsウォッチ（20170414）サーバーを危うくする1行のコード、PostgreSQL 10の新機能ほか こんにちは、hachi8833です。中途半端な季節が続きましたがやっと本格的に春になりましたね。 今週はRubyとRailsの公式情報の更新はありませんでした。RubyWeeklyは昨日最新版が公開されましたが、本日は追いきれないので来週お伝えいたします。 Chromeブラウザにヘッドレスモード morimorihogeさんが昨晩fetchしました。 !!! chrome --headless !!!https://t.co/knIfp0putc — Urabe, Shyouhei (@shyouhei) 2017年4月13日 ヘッドレス/サーバー環境でChromiumを使えるようになります。ページの読み込み、DOMなどのメタデータの展開、ページコンテン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
