知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
ウェブ制作の面倒をズバリ解決！オススメChrome拡張機能23個まとめ
ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
Chromeがもっと便利になる、意外と知らないアドレスバーの裏技まとめ | ライフハッカー・ジャパン
Chromeのアドレスバーというのは一瞬しか見ません。URLを入力したら、あとはWebサイトに行くからです。しかし、使い方さえ知れば、実はもっと多くのことができます。 これまでもChromeに関する小さなコツを何度かご紹介してきましたが、アドレスバーについてはいつもスルーでした。しかし、実は色々とできることがあるのです。今回は、アドレスバーの知られざる裏技をご紹介していきましょう。 単位の変換や計算ができる ちょっとした計算をするために、いちいち計算機アプリを開くのは面倒だと思うことはありませんか？ そんな時は、計算式を入力すればChromeのアドレスバー（オムニボックス）に答えが出ます。Enterキーを押す必要すらありません。同じように、気温など基本的な単位の変換もできます。数字と単位を入れた後で「=」を入れるだけで変換してくれるのです。例えば、摂氏50度が華氏何度か知りたい時は「50
無料で5GBまでのファイルをスマホやPCからアップロードして保存できるようになった新「チャットワーク」を使ってみました
無料でチャット・ビデオ通話・タスク管理・ファイル共有が可能なまさに「クラウド会議室」とも言うべきサービスが「チャットワーク(ChatWork)」です。初めはメールを駆逐するためのツールとして誕生し、2013年には機能が一新されビデオ通話やスクリーンシェア機能も追加されてより使いやすく進化していたわけですが、そんなチャットワークがフリープランのストレージ容量をこれまでの50MBから100倍の5GBにまで増量し、いつでもどこでも大容量ファイルを手軽に保存したり共有したりすることが可能になりました。 チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室 http://www.chatwork.com/ja/ これがチャットワークのトップ画面。チャットワークは専用のソフトウェアをインストールする必要が一切なく、Internet ExplorerやGoogle Chrome、Fi
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
新社会人必須！最初に入れておくべき Windows 無料ソフト永久保存版｜Synclogue Navi
新社会人になって、パソコンを新たに購入したものの、「何のソフトを入れたらいいのか分からない」、 「みんなは、どのようなソフトを入れているのかな」と気になったことはありませんか？ 今回は、Windowsで必須の、入れておくべきフリーソフトを、すべて紹介します。 ここにあるソフトを入れておくと、あなたのPCは驚くほど便利になります。 紹介しているソフトの数がとても多いので、必要なカテゴリから見ることをおすすめします。 ※今回紹介しているソフトは、パソコンをはじめて自分で買った方が便利に使えるようなソフトを紹介しています。会社のパソコンに入れる際は、上司に確認をとってから入れましょう。 おすすめソフトが新たに出てきたら、随時更新しますのでチェックしてみてください。 1. ブラウザ Windows の OS には Internet Explorer が標準搭載されていますが、もっと高機能で便利なブ
さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化
本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション（以下、Webシステム、Webアプリケーション）のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 本シリーズのスコープと対象読者 本シリーズはWebシステム・Webアプリケーションのテストの中でも「Webブラウザを操作して実施するテスト」をスコープにしています。開発工程としては、1モジュールとして単体テストに位置付けられる場合もあれば、複数のモジュールやシステムと連携して結合テストや総合テストに位置付けられる場合もあるでしょう。これらのテストのことを、本シリーズ
最強リーダー・Feedlyをますます便利にする拡張機能／ユーザースクリプト6選 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
グーグル、「Chrome」でプッシュ通知を可能に--「Google Cloud Messaging for Chrome」発表
Googleは、ブラウザベースのアプリケーションにもそうでないソフトウェアと同等の機能を持たせるため、「Chrome」で動作しているウェブアプリケーションにプログラマーがプッシュ通知できるようにした。 Googleは米国時間5月9日、「Google Chrome」および同ブラウザベースのOS「Google Chrome OS」でプッシュ通知機能を利用できるサービス「Google Cloud Messaging for Chrome」（GCM）の提供を開始した。Googleで製品マネージャーを務めるMark Scott氏は、同サービスをブログ投稿で発表した。 この技術により、株価のアラートやニュース記事など、ブラウザでのアクションを呼び出すメッセージをサーバが送信できるようなる。このサービスを利用すると、開発者のサーバがGoogleのGCMサーバにメッセージを送信し、GCMサーバはChrom
情報が集まる「界隈」を見つけ出せ！同ジャンルのサイトを探すテクニック5選 | 教えて君.net
あるジャンルの定番サイトというのは、その道に通じていないと分からない。興味のあるテーマのサイトは見つけたけど、他にもっと便利なサイトがあるかもしれない……。そんなときは、同じジャンルのサイトを見つけ出せるツールやサービスを使ってみよう。5つの類似サイト検索テクを紹介するぞ。 検索エンジンやソーシャルサービスなど、新しい情報を運んで来てくれるサービスは発達しているが、今見ているサイトと関連性の深いサイトを探すとなると、既存のサービスではなかなか難しい。 そんなときや役立つのが、類似サイトをピックアップしてくれるサービスやツールだ。タグやユーザー評価により、類似度を数値化して、似ている順に表示してくれるので、高い精度で関連性の高いサイトを見つけ出すことができる。特に、複数のサイトが作り出しているネットワーク、そのジャンルの「界隈」を探すのに大変便利。 「特定のテーマのサイトをあるだけ並べたい」
ウェブページにメモやハイライトをつけて、そのまま保存もできる『Annotary』 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
Gmailをさらにパワーアップさせる拡張機能やサービスたち | ライフハッカー・ジャパン
多くの方が愛用しているGmailは、数あるメールサービスの中でも優秀なクライアントのひとつですが、その多機能さを持ってしても、決してパーフェクトではありません。ですが、いくつかのアドオンやプラグイン、拡張機能を組み合わせて使用することにより、Gmailをさらにパワーアップさせ、パーフェクトな状態に近づけることはできます。 Gmail用のアドオンはかなりの数がすでに存在しています。以前にも「Gmailに関するお役立ち記事まとめ」をお届けしたことがありましたが、さらなるグレードアップを求めるのであれば、この記事を一読してみてください！不要なメールを徹底的に排除する方法 Gmailの「重要」トレイを完璧にするために多くの時間を費やしたところで、それでも要らないメールはいつのまにやら受信箱に入っているものです。これらの不要なメールがどのような内容なのかによって解決方法は変わってきます。 ニュースレ
Web上でGoogle Chrome機能拡張のベースを作成·Extensionizr MOONGIFT
ExtensionizrはWeb上でオプションを選択して目的に合わせて最適化されたGoogle Chrome機能拡張のベースがダウンロードできるソフトウェアです。 Google Chrome機能拡張を作る際にぜひ使ってみて欲しいのがExtensionizrです。多様なオプションを使ってGoogle Chrome機能拡張のベースを生成します。 トップページです。 オプションが色々用意されています。 生成されたZipファイルを解凍すると機能拡張のスケルトンが入っています。 まず最初に機能拡張の種類を選びます。隠し、ページアクション、ブラウザアクションの3つがあります。さらにバックグラウンドページやオプションページ、機能の上書きなどをオプションで指定し、最終的にZipファイルとしてダウンロードします。 ExtensionizrはHTML/JavaScript製、MIT License/GPLのオ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2019年版】これは便利！おすすめのChrome拡張機能32選
定番のマウス操作拡張ソフト「かざぐるマウス」が公開終了、サイト閉鎖
IDEA * IDEA
重くなったChromeをワンクリックで軽くしてくれる「OneClick Cleaner」｜男子ハック
