Chromeの画面を録画する方法について解説します 今回紹介する『Awesome Screenshot』はChromeの拡張機能として利用が出来る、WEBブラウザのプラグインです。このAwesome Screenshotを利用すれば、WEBブラウザの画面全体・タブといった選択肢から、好きな方法で動画の録画が可能となります。 Awesome Screenshotの導入方法 Awesome Screenshotを導入する方法について解説を行います。 ※Awesome Screenshotを利用するにはWEBブラウザ『Chrome』をあらかじめインストールしておく事が前提となります。 Chromeに拡張機能をインストールする方法 Chromeに拡張機能を追加する方法はとても簡単です。以下のリンクからChromeウェブストアの『Awesome Screenshot』のページに移動して、『Chrom
ブログやニュースサイトといった Web サイトで記事を読む際、記事本文以外にも関連リンクやメニュー、広告といった要素なども一緒に表示されてしまいます。リンクやメニューは他の関連情報を表示する為便利な事もありますし、広告は Web サイトを運営するのに重要な項目の1つです。 しかし、場合によっては記事を読むことに集中したい時もあるでしょう。 そういった場合は Mercury Reader のような拡張機能を利用してみると良いでしょう。 この拡張機能を利用すると Web ページ上の不要な要素を排除し、記事本文を読む事に集中する事ができます。 例えばこのブログ上で記事を表示してみると、以下のように記事本文以外にも様々な要素が表示されています。 この状態でメニューバーより Mercury Reader のアイコンをクリックすると以下のように余計なものが排除され記事本文が読みやすく表示されるようにな
Chrome拡張機能『Autofill』の導入方法 今回紹介する『Autofill』は、Chromeの拡張機能として利用する事ができる、プラグイン的な位置づけの作業系ツールです。 『Autofill』をChromeに追加する方法 Chrome拡張機能の追加方法は簡単で、以下のリンクから『Autofill』のページへ移動し、『Chromeに追加』ボタンを押せば完了します。（※逆に削除をしたい場合は、追加後に表示される『Chromeから削除します』ボタンを押せばOKです） ▼公式サイト Chromeウェブストア - Autofill Chrome拡張機能『Autofill』の使い方 基本的にはWEBフォームの内容を『保存する』事と『読み込む』事がこのツールの主な使用方法になります。それぞれ順番に解説してゆきますね。 1.フォームの内容を保存する Autofillを使ってフォームの内容を保存する
はじめに ブラウザ操作をキー入力だけで済ませたいと思ったことはありませんか？ そんなときに便利なのが、Chrome拡張のVimiumです。 VimiumはVimライクなキーバインディングでChromeを操作できます。 簡単なブラウジング程度なら、トラックパッドやマウスを使わずにキーだけで操作できるのが魅力です。 また個人的には、手軽に導入できて、それなりにブラウジングが快適になるのも魅力の一つだと思っています。 数多くのキーバインドを記憶したり、面倒くさい設定をしたりしなくても、楽にVimiumの恩恵にあずかることができます。 この記事は「あまりカスタマイズはしたくないけどトラックパッドやマウスも極力使いたくない」という私のような方に向けて、Vimiumをゆるく使ってブラウジングを快適にする方法をご紹介します。 注: 本記事はVimiumの安全性・信頼性は保証していません。インストールはご
キーボードだけでChromeをすべて操作できる拡張機能「Vimium」をご紹介 ショートカットを増やす、なんてレベルじゃない まずは1週間使ってみて！ 目指せ脱マウス！ NICOAをご覧頂きありがとうございます、どんぎ(@_Donngi)です。 マウスで選んで、ポチポチ選択。 どんなアプリでも、まずはじめはここから入ると思います。 それがだんだん慣れるにつれ、ショートカットやジェスチャーなど、とにかく早く動かすための方法を探すようになってくる。 さらに来るとこまで来ると、全部キーボードだけで動かしたいなんて思うようになりますよね? 「うんうん、なるなるー！！」今日はそんなふうに共感してくれる、みなさんに向けた記事。Chromeを全部キーボードだけで操作できるようになる拡張機能、「Vimium」のご紹介です。 全リンクにショートカットがつく 説明するより見たほうがはやい！というわけでこちら。
Keep Tabs Session Buddy is a tab manager that allows you to: ● Save open tabs as collections that can be easily restored later. Great for freeing up memory and avoiding clutter. ● Recover your open tabs after a crash. ● See and manage all open tabs in one place. ● Search collections to quickly find what you're looking for. ...and lots more! Explore our releases and see what's coming: https://sessi
普段ブラウザはChromeを使って、色んなサイトを比較したり、同時進行するときなど、タブをいくつも開いています。タブは便利ですが、間違ってChromeを終了させてしまったり、クラッシュしたときに誰にも怒りをぶつけられずファビョることになります。 そんな不安を解消、解決してくれる拡張機能に出会えましたので、今回はそちらをご紹介したいと思います。 参考：Chromeブラウザを拡張機能するおすすめExtensions8選「Streamus」「AutoPatchWork」など 拡張機能「Session Buddy」でタブ管理 まずはChromeの拡張機能「Session Buddy」をインストールします。 インストールは一瞬で終わり、ツールバーにアイコンが表示されます。 このアイコンをクリックすると、新しいタブが開くと同時に、管理画面が表示されます。 開いていたタブの履歴は自動保存されている 管理
更新日時：2022年4月4日 動作も早い、セキュリティ面も優秀、人気も一番。 でもメモリ消費量が多い。 そんなGoogle Chromeの、メモリ解放の方法について記載しています。 メモリ解放が、できないという方や、ボタン表示されないという方にも、分かりやすく説明します。 メモリー食い過ぎでも有名なChrome。技術が進歩しハードウェアの物理メモリが増えてきているので、それらを活用したい気持ちも分かりますが。。。 Google Chrome（Webブラウザ）のメモリーを解放するには、大きく分けて２つの方法があります。 まず１つ目は、Google Chromeが、公式に実装している機能を使用して、Chromeのメモリーを解放する方法です。 私はGoogle Chromeを８年以上使用しておりますが、こちらの、Google Chrome公式による機能（試運転中ですが）を使う方法を、おすすめ致し
普段インターネットを利用していると、様々なWebサイトを閲覧すると思います。企業などのWebサイトでは、ほとんどが、閲覧しているユーザーの行動を監視（トラッキング）して、その情報を販売したり提供したりしています。 よく、自分が検索したものや購入を検討して閲覧していた商品などが、関係ないページを見ているのに広告に表示されたりするのを見かけると思いますが、その正体は先ほど書いたトラッキングによるものだったのです。 このトラッキングを検知して、ブロックしたりすることができるChromeの拡張機能「Ghostery」を今回はご紹介します。 ChromeウェブストアでGhosteryをダウンロードし、拡張機能に追加します。Ghosteryにアクセスしたら、＋CHROMEをクリックします。 確認画面が出るので、内容を確認して大丈夫だったら拡張機能を追加をクリックします。 アドレスバーの右側にアイコンが
CSSの新しい機能は便利で魅力的なものばかりですが、ネックになるのがサポートブラウザです。レイアウトではCSS GridやFlexbox、また@supportsによる機能検出、画像をレスポンシブ対応にするためにobject-fitやスクロールコンテンツにposition: sticky;など、それぞれをサポートしていないブラウザでどのように表示されるか、フォールバックはうまく機能しているか確認できるデベロッパーツールの機能拡張を紹介します。 CSS Feature Toggle -GitHub CSS Feature Toggleの特徴 CSS Feature Toggleのインストール CSS Feature Toggleの使い方 CSS Feature Toggleの特徴 CSS Feature Toggleはデベロッパーツールの機能拡張で、CSSのさまざまな機能をサポートしていないブ
Webサイトをどうやって作っているか？を調べるツールがありました。 「Wappalyzer」というツールです。 www.wappalyzer.com Wappalyzerは、ChromeやFirefoxのプラグインとして提供されており、インストールすると使えます。 ブラウザーでWebサイトを閲覧したとき、Wappalyzerのアイコンをクリックすると、そのWebサイトで使われているソフトやサービスなどが表示されます。 （例）はてなブックマークを見たときは、以下のような内容が表示されました。 Webサーバーソフトは「Nginx」、キャッシュソフトには「Varnish」を使っていることなどが分かります。 これでいろんなWebサービスを調査してみれば、Webサイト制作の参考になりそうですね！ Wappalyzerの参考情報 forest.watch.impress.co.jp www.leon-
私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https://draculatheme.com 2. Material Icon Theme Material Icon Themeを使うと、ファイルアイコンをマテリアルデザインにできま
こんにちは。データサイエンスチーム tmtkです。 Firefoxに大型アップデートがあり、Firefox Quantum version 57がリリースされました。高速化が実現され、2倍速くなったともいわれる反面、多くのアドオンがサポートされなくなりました。VimFxもFirefox v.57からサポートされなくなったアドオンの一つです。 この記事では、Firefox v.57でも動作する、VimFxに代わるアドオンを4つ紹介します。 VimFxとは 本題に入る前に、FirefoxとVimFxの説明をします。 Firefoxは、Microsoft Edge、Google Chromeなどにならぶウェブブラウザの一つです。さまざまなアドオンを入れることでカスタマイズできるという特徴があります。 VimFxはFirefox用のアドオンの一つで、これを入れることでほぼマウス無しでブラウジングが
PHPプログラミングも快適に！ VS Codeの二大拡張機能：Visual Studio Code＋PHPの可能性を探る（1/3 ページ） VS CodeとPHPでWebアプリ開発はどこまで簡単になるのかを探る新連載。今回はVS Codeを利用したPHPによるアプリ開発に必須の拡張機能を2つ紹介する。 連載「Visual Studio Code＋PHPの可能性を探る」 本連載では、Visual Studio Code（以下、VS Code）を使ってPHPプログラミングする際の基本事項を紹介していく。ただし、PHPの構文や文法については取り上げない予定だ。これらについては、＠IT内の連載「Web業界で働くためのPHP入門」やPHP公式サイトの「PHP マニュアル」などを参考にしてほしい。また、VS CodeのGUI構成や、基本的な使い方については「Visual Studio Codeの使い方
Reduxというものを知って、さらにこのツールに出会った時に感動したので、ぜひ伝えたいと思います。 Reduxについて 色々解説してくれてますので、それを参考にしてください。 https://qiita.com/kiita312/items/49a1f03445b19cf407b7 ようはUIの状態を管理するフレームワークだそうです。 Redux Devtools Extensionについて Reduxアプリの開発ツールの一つで、 ブラウザの拡張機能からReduxの状態管理を可視化してくれます。 chromeやfirefoxで使えるようです。 デモ 何がいいのか？ 1. デバッグが便利 どのアクションでどの状態になり、どんな値を持つのか一発でわかります。 状態遷移後の値の差分もみれたりします。 2. テストでも活躍するかも テスト時にバグを発見した場合、そのバグを開発者側で再現したい時があ
ブラウザを操作する際、多くの人はマウスやトラックポイント、トラックパッドを使っていると思う。カーソルを動かすだけの簡単な動作でブラウザを操作する事ができる。 しかしマウスカーソルを動かすという行為はムダが大きい。いやそもそもマウスを持つためにキーボードから手を離す行為がムダだ、と考える人までいる。しかし全ての操作をキーボードで行うには Chrome 標準のキーバインドでは貧弱だ。 Google Chrome の全ての操作をキーボードで操りたい場合には Vimium という拡張機能を利用すると良いだろう。 これは Vim というカルト的な人気を誇る古来より伝わるテキストエディタと同じように Google Chrome を操作する為の拡張機能だ。これをマスターすればマウスはおろかカーソルキーすら不要になり、手をホームポジションに置いたまま Chrome を操作できるようになるだろう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
