Webで仕事をする人に捧げるブックマークレット集 2017年春ver. | HRナビ by リクルート
はじめに Webをより便利にするブックマークレット。 Webブラウザのブックマークとして起動し、ブラウザ上で処理を行う。JavaScriptで書かれた簡易的なプログラムを指します。ブラウザを閲覧している時にあると便利な機能を補うことが可能です。 しかし便利な反面、ブックマークレットは仕様変更によりJavaScriptが起動せず使えなくなっていたりするもの。定期的な情報のキャッチアップとメンテナンスが欠かせません。 そこで今回は、デザインやコーディングなど、Webで仕事をするすべての人が使える、便利なブックマークレットを紹介します。 （今回の記事は、Google Chrome 56.0.2924.87にて検証してあります。2017年3月23日時点の情報です） ※ ブックマークレットの設定方法は記事末尾に記載してあります。 1. Quix 特定のショートカットコマンドを入力することで、Web上
GEEK速報 - ギー速 : ブラウザ Chromeの個人的におすすめだと思うアドオンを紹介していくよ
トップページ ＞ PC ＞ ブラウザ Chromeの個人的におすすめだと思うアドオンを紹介していくよ 2016年07月30日 22:05 ブラウザ Chromeの個人的におすすめだと思うアドオンを紹介していくよ カテゴリ PC ソフト・アプリ 0 コメント 1： 名無しさん＠おーぷん ：2016/07/29(金)16:13:31 M3Y http://chrome-guide.blog.so-net.ne.jp/2015-04-08 Black Menu よく使うショートカットがツールバーにまとまってるってやつ お前らもなんか教えて 気になる記事 2chまとめのまとめ 日本「フリーWiFi増やしたよ！」外人「やっとか」Wi-Fi「トウロクシテクダサイ」外人「」 馬鹿「windows7から乗り換える気はない」 ←これ ワイ、ブラック企業社畜 会社の違法コピーを通報すると同時に退職する名采配ｗ
Webデザイナーがこの夏入れておきたいChrome拡張機能10選 | UX MILK
仕事でもプライベートでも、ブラウザを使う比重はどんどん増えていませんか？ サイト閲覧はもちろん、メールやチャットツールなど、ブラウザベースのものばかりです。Google ChromeやFirefoxの拡張機能なども日に日に進化しており、ブラウザ主体となった私たちの生活のかゆいところに手を伸ばしたアプリが次々と出ています。 今回はGoogle Chromeのおすすめ拡張機能の中でも特にこの夏話題の物を中心にご紹介していきたいと思います。Webデザインや開発などに関わるクリエイター目線で、仕事に便利なものを中心にピックアップしていきます。 Fontface Ninja Chromeに追加：Fontface Ninja Webサイトで使われているWebフォントの種類とフォントサイズなどがマウスオーバーで表示されます。日本語は表示対応していなさそうですが、かっこいい英語フォントなどの名前がすぐわか
AMPが正しく設定できているかチェックする3つの方法
[レベル: 上級] この記事では、AMPを正しく設定できているかどうかを検証するための3つの方法を説明します。 Chromeのデベロッパー ツール 構造化データ テスト ツール Search Console それぞれを詳しく解説します。 Chromeのデベロッパー ツール Google Chromeのデベロッパーツールを利用すると、AMP HTMLのバリデーションをチェックできます。 つまり、AMPが定める仕様に従って正しくコーディングできているかどうかの検証に使えます。 手順は次のとおりです。 1. AMPページのURLの末尾に「#development=1」を付けてページを表示させる バリデーションをチェックするモードにChromeを入らせます。 たとえば、AMPページのURLが https://example.com/amp/validation.html なら、https://ex
「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com
連休なので、はてなNGフィルターを作ったらクソ快適になった話
Chromeの拡張機能としてリリースしましたよ！ はてなNG - Chrome ウェブストア https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AAng/mbgdnfmdelffjdhkdggilmphfdihnmcj 機能NGアドレスのエントリーをブロックします。NGワードを含むエントリーをブロックします。NGアカウントのコメント、はてなスター、ブログをブロックします。同一アカウントの連打による複数のスターをひとつのスターにして表示します。[対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） 結果はてなの閲覧がめちゃくちゃ快適になりました！ 目障りなサイトやアカウントは見なくて済むし、ブコメページのノイジーな
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
