*

Chromeでテーブルの列をコピー、矩形選択ができる拡張機能「Copytables」

公開日: : ブラウザ

ウェブサイト上でもデータをまとめる際に表がよく使われます。これは table タグを使って表を表示しています。このテーブルのデータをコピーして Excel で活用したいという場合に少々面倒な事に遭遇しました。

ウェブサイト上で何か文章をコピーしたい場合、マウスで文章をドラッグして Ctrl + C のショートカットキーでコピーするというのはご存知かと思います。テーブルも同様でマウスでドラッグして選択しコピーする事ができます。ただし文章同様テーブルも左から右へ行を選択する事になり、上から下へ列を選択する事はできないのです。テキストエディタでは矩形選択と呼ばれる機能です。

列をコピーしたい場合は一回ずつ行数分だけコピーペーストを繰り返さなくてはいけません。テーブルのデータが膨大だとこれはかなりめんどくさいですし無駄な時間を費やす事になります。何とかテーブルの列を1回でコピーできないだろうかと調べてみた所便利な Chrome 拡張機能がありました。それが「Copytables」です。

列を選択できる「Copytables」の使い方

Copytables – Chrome ウェブストア

Copytables の拡張機能を使えばテーブルの列を1回でコピーする事ができます。Chrome ウェブストアから拡張機能をインストールしたらまずは Chrome を再起動しましょう。

使い方は簡単です。Alt キーを押しながらテーブルの列をドラッグするだけです。通常なら行しか選択できませんでしたが、列を選択できるようになります。列を選択した状態で Ctrl + C や右クリックからコピーを選択すれば列のデータがクリップボードにコピーされます。そのまま Excel やメモ帳に貼り付ける事ができます。

右クリックからコピーする場合は「Table…」から「Copy」を選択しなくてはいけません。Ctrl + C の方が即座にコピーできるので便利です。また、右クリックから「Copy as…」の中の「HTML」を選択すると該当部分の html タグごとコピーする事ができます。

注意点としては、他に Alt キーを使用する Chrome 拡張機能をインストールしている場合は競合して動かない可能性があります。そういう場合は、テーブルの列選択するキーを Alt から Ctrl へ変更する事が可能です。

Chrome の画面右上に表示されている Cpytables のアイコンをクリックしましょう。簡単な設定画面が表示されます。この中の Hotkey の項目で Alt と Ctrl の切り替えができます。

これを使うことでかなり効率的に作業を進められるようになりました。

  • Pocket

おすすめトピックス

関連記事

ログアウト
Googleアカウントのログアウト後も残るメールアドレスの消し方【ブラウザ別対処】

Google アカウントは今や多くの方が利用されていると思います。これがなければ、Gmail も Google ドライブも Google フォトなど各種 Google サービスがほとんど使えません。 その Google […]

タブレットのGoogle Chromeで全てのタブを閉じるのが意外に難関だった

先日友人にある相談を持ちかけられました。 「タブレット(Android)でインターネットがクソ重いんだけど…。」 どうせあの友人の事だから、ゲームや色んなアプリをインストールしまくって重くなっているんだろうなとは思ってい […]

オートコンプリート
PC、スマホ版Chromeでオートコンプリート(入力履歴)を一部消す方法

オートコンプリートとは、ウェブサイトのフォーム内のテキストボックスなどに入力した言葉をブラウザが記憶して、今までに入力した内容をテキストボックス下に表示される機能です。 ウェブサイトの検索窓やお問合せフォームなどで活躍す […]

思わぬトラブル!IEだけ画像が表示されない

こんにちは、桐村です。私が過去一瞬だけ Web デザイナーになった時に一度だけ経験したトラブルを紹介。 今現在の Windows の主要ブラウザ、「Internet Explorer」だけ画像が表示されない事態が起きまし […]

辞書サイトに行かずにその場で翻訳できるChrome拡張「どこでも翻訳」が便利

インターネット閲覧中やパソコンで作業中、この言葉を英語でどう書くんだろう?と思う事もしばしばあると思います。そんな時はブラウザの別タブを開いて辞書サイトへ行ったり Google 翻訳を開いたり、本の辞書を開いたりしますよ […]

Chromeリロード
「ブラウザを更新しても画像が変わらない」を解決するChromeの小技

ホームページを作っていたり、Web 制作の現場ではあるあるな事を紹介します。 Web サイトを運営していれば、画像を差し替える事は度々ある事です。違う画像ファイル名でアップロードして html ファイルも書き換えるのはめ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Googleフォトにアップした写真がどこで撮影したのか確認する方法

あなたのスマートフォンの中にもたくさんの写真があるのではないで

長浜IC前「らーめん専家味噌壱」癖になる濃厚味噌ラーメン

北陸自動車道の長浜インターチェンジ前に、2018年にラーメン屋

WordPressのWP_Queryでカスタムフィールドで絞り込み今日の日付以前の記事は表示しない

WordPress で条件に応じた記事を一覧で表示したいという

電子レンジで冷凍食品のあたため500W/600Wってどこで判別?地域によって違いは?

冷凍食品を温めるのには電子レンジを使用しますが、冷凍食品の裏側

Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

→もっと見る