Corredor

ウェブ、プログラミングの勉強メモ。

Chrome

Chrome 拡張機能のベースを作ってみる

自分がよく見るページにちょっとした加工をしてみたくて、Tampermonkey とかでユーザスクリプトを書いても良かったんだけど、試しに Chrome 拡張機能を自作してみたので、その時の実装を基に、ベースとなるファイルを載せておく。 自作の拡張機能を使うため…

指定の URL・ファイルを複数のブラウザで一気に開く Bash スクリプト (Mac・Windows 両対応)

ウェブサイトのデザイン確認のため、色々なブラウザで同じページを開きたいことがある。 それを自動化するため、こんな Bash スクリプトを書いてみた。Mac と Windows (GitBash) で使える。 #!/bin/bash target="$1" if [ "$target" == "" ]; then echo 'URL…

Windows・Chrome で游ゴシックフォントを少しだけ太く見せる JavaScript と CSS

以前、「ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解」という記事を書いた。 neos21.hatenablog.com おかげさまで、はてブで77ブクマ (本稿執筆時点) いただき、皆様もこの件について苦労なさっていることが伺い知れた。 今回はこの続…

Node.js で selenium-webdriver と chromedriver を使って Chrome ブラウザを自動操作してみる

Angular に組み込まれている、Protractor という E2E テストツールを通じて、Selenium Webdriver を少し触ってきていた。今回はテストツールとしてではなく、ウェブスクレイピングを行うための手段として、Selenium Webdriver と、Chrome を操作するための C…

Neo's Normalize で指定するフォントを見直して v1.0.11 をリリースした

少し前に、Chrome ブラウザで @font-face による游ゴシック Medium 指定が効かなくなっていたことに気付き、色々調査した記事を書いた。 neos21.hatenablog.com この調査を通じて、Neo's Normalize のフォント指定を見直したので、その内容を紹介する。 コレ…

Stylish 拡張機能で Tumblr のダッシュボードを tmbrtext 化する

普段、Tumblr でテキストを読みたくて tmbrtext という iOS アプリを使っているのだが、最近何やら Text ポストの中に img 要素が埋め込まれていて、画像を含んだポストに遭遇することがある。 面白画像なんかであればまだ良いのだが、NFSW な画像が開くのは…

Mac で指定の HTML ファイルを Chrome で開くコマンドを用意する

MacOS High Sierra にて検証。 僕は普段、.html ファイルを CotEditor というテキストエディタに関連付けしている。Finder から .html ファイルをダブルクリックすると、CotEditor で開くワケだ。 この状態で、ターミナルから $ open index.html のように op…

オフラインでも CodePen できる、Chrome 拡張機能の「Web Maker」が便利だった

CodePen すこ。 SCSS と、ES2015 or TypeScript のトランスパイル環境をサクッと作り、必要に応じて jQuery や Bootstrap なんかを適用した雛形を一発で用意できて、素振りやサンプルを作るのにもってこいだ。 しかし、CodePen はウェブサービスなので、イン…

MacOS に VirtualBox + Vagrant を使って CentOS + GNOME GUI デスクトップ環境を構築する

以前、Windows 上に VirtualBox + Vagrant で CentOS 環境を構築する手順を紹介した。 neos21.hatenablog.com 今回、VirtualBox + Vagrant を使用する点はそのままに、ホストに MacOS High Sierra を使用し、ゲストの CentOS に GNOME デスクトップ環境を用…

Chrome で複数の Twitter アカウントを即座に切り替えられる Twitcher が便利だった

今回は Chrome ブラウザの拡張機能紹介。 Chrome ブラウザ内で、複数の Twitter アカウントを即座に切り替えられる「Twitcher」という拡張機能があったので使ってみた。 インストールは Chrome ウェブストアより。 Twitcher - Twitter Account Switcher - Ch…

Chrome で複数の Twitter アカウントを即座に切り替えられる Twitcher が便利だった

今回は Chrome ブラウザの拡張機能紹介。 Chrome ブラウザ内で、複数の Twitter アカウントを即座に切り替えられる「Twitcher」という拡張機能があったので使ってみた。 インストールは Chrome ウェブストアより。 Twitcher - Twitter Account Switcher - Ch…

Chrome 64 からリンクの下線が途切れる:text-decoration-skip-ink プロパティについて

CSSシークレット ―47のテクニックでCSSを自在に操る作者: Lea Verou,牧野聡出版社/メーカー: オライリージャパン発売日: 2016/07/23メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る Chrome 64 から、リンクの下線の一部が途切れているこ…

Chrome でローカルファイルを読み込むためにセキュリティポリシーを回避する方法

グーグルクローム Google Chrome完全活用術 スマホ⇔PCで連携・共有できる爆速Webブラウザー作者: 田口和裕,タトラエディット出版社/メーカー: アスキー・メディアワークス発売日: 2012/05/24メディア: 大型本購入: 4人 クリック: 62回この商品を含むブログ (…

Chrome でスマホ表示に切り替えるショートカットキー

グーグルクローム Google Chrome完全活用術 スマホ⇔PCで連携・共有できる爆速Webブラウザー作者: 田口和裕,タトラエディット出版社/メーカー: アスキー・メディアワークス発売日: 2012/05/24メディア: 大型本購入: 4人 クリック: 62回この商品を含むブログ (…

Chrome でも BackSpace で前のページに戻りたい!ので、「Go Back With Backspace」を入れる

Chrome は標準だと BackSpace で前のページに戻ることができない。連打していると「Alt + ← 押しなね」というダイアログがフワっと浮かんだりする。 「テメェこっちがやりたいこと分かってんならやってくれよ!!」という怒りをグッとこらえて、「Go Back Wi…

Chrome の「タブを固定」をキーボードショートカットで使える「Tab Pinner」

最近仕事柄で Chrome を使うことが増えている。普段メインで使っている Firefox では、タブを小さく表示してくれる「Faviconize Tab」というアドオンを使っているのだが、Chrome では類似する機能が「タブを固定」として標準搭載されている。 参考:Faviconi…

ブラウザのステータスバーに遷移先 URL を表示しないようにできるか

社内で「ブラウザのステータスバーに遷移先 URL を表示しないようにしたい」というバカげた要件が出てきていて解決方法を探っているチームがいて、数日迷っていたので以下の StackOverflow を見せてみた。 参考:javascript - HTML - overRide statusbar lin…

Asus ChromeBook Flip C100PA-DB02 を買いました

新型 MacBookPro が発表されたのを見て、「軽い MacBook イイなぁ~、Early 2015 の MacBookPro 13インチは大変優秀だけど 1.58kg もあると、持ち運び大変なんだよなぁ…」と思い、一旦は「iPad Pro + キーボードでノート PC チックに使う」案を検討したが、…

IE 限定・ローカルにある UTF-8 の HTML ファイルから Shift-JIS 形式のファイルを文字化けさせずに読み込む方法

ローカルに HTML ファイルがある。エンコーディングは UTF-8 を指定している。 これとは別に、同じフォルダ内に Shift-JIS 形式の別の HTML ファイルがある。 この UTF-8 の HTML ファイルから、Shift-JIS のファイルを読み込んで、インラインに展開させたい…

Google Chrome の新規タブに最近見たページのサムネイルを表示させないようにする

Empty New Tab Page というアドインを使うと、新規タブを空白ページにできるので、これで回避する。 Empty New Tab Page - Chrome ウェブストア イイカンジ。

リモートデスクトップするなら Chrome リモートデスクトップがよさげ

MacBookPro も買ったことだし、出先で MBP 使いつつ、自宅の Windows 機を触れたら便利かなーと思い、調べてみた。 ちょっと前は iPhone から TeamViewer を使って Windows 機を開いたりしてたんだけど、色々調べた結果、Chrome リモートデスクトップが手軽…

Windows と Mac OSX と iPhone でブラウザのブックマークを同期しまくる

MacBook Pro を買ったので、Windows と Mac でブラウザのブックマークを同期させたい。 先に結果をお話しすると、こうなった。 No Windows 同期方法 Mac iPhone 1 Firefox (メイン) Sync アカウント Firefox (メイン) Firefox 2 Firefox (メイン) iCloud Saf…

Chrome の最小化ボタンを押しても閉じるボタンを押してもタスクトレイに最小化されるようにしたい

Firefox には Minimize To Tray Revived というアドインがあって、コイツのおかげでウィンドウの最小化ボタンを押しても閉じるボタン (×ボタン) を押しても、タスクトレイに収納される。Alt + F4 とかでもタスクトレイに入ってくれて、ホントに常駐してくれ…