カード会社に登録するニックネームを「また無駄遣いをしたのか貴」にしておくライフハックがTwitterで話題になっています。これは天才の発想……！ 一見すると謎の登録名に思えますが、カード会社から支払金額等のお知らせメールが届いた際に、「また無駄遣いをしたのか貴 様」と罵られることが可能に。これにより、「くっ、次こそは無駄遣いを減らしてやる……！」と節約への気持ちを高めることができます。 「また無駄遣いをしたのか貴 様」（画像提供：@mrjohnikiさん） なお、「貴 様」呼ばわりした直後の2行目から「弊社カードをご利用いただきありがとうございます。」と温度差がすごいことになっていますが、つい本音が漏れてしまったと妄想するといいかもしれません。よく考えると無駄遣いを責めてくれるとか、めっちゃ良い人なんじゃ……。 投稿した「じょん・すみす」（@mrjohniki）さんは、さらに「無駄遣いはダ

米GoogleのWebブラウザの最新版「Chrome 70」のWindows、macOS、Linuxで、ピクチャーインピクチャー（PIP）機能が使えるようになった。同社の“Chromeエバンジェリスト”、フランソワ・ビューフォート氏が10月19日（現地時間）、Google+で告知した。 PIPは、再生中の動画などを小さなフローティングウィンドウにして、他の作業中も画面上に表示する機能。Androidでは「Android 8 Oreo」から、一部のアプリで利用可能になっている。 サービス側がPicture-in-Picture Web APIでサポートする必要がある。YouTubeでは既に可能で、Chromeのタブで再生中の動画を2回右クリックすると表示されるメニューで「ピクチャー イン ピクチャー」を選択する。

Chromeには、マルチユーザー機能が搭載されていて、複数のアカウントを紐付けて利用することができます。筆者はこの機能、うまく活用していなかったのですが、ふと、サイト制作でクライアントごとにユーザーを作ったら、非常に便利だったのでその方法を紹介しましょう。 Chromeユーザーの作り方 まずは、ユーザーの作り方です。Chromeを起動すると、右上にユーザー名が表示されているので、これをクリックします。 「ユーザーを管理」メニューをクリックして、「ユーザーを追加」をクリックしましょう。 ユーザー名とアイコンを入力したら完成です。右上のユーザー一覧から切り替えることができるようになります。 マルチユーザーでできる事 ユーザーを切り替えると、Chromeで行った設定をリセットすることができます。ブックマークも空っぽですし、Googleアカウントと紐付けることもできます。拡張機能もすべてなくなりま

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ

普通に画像の寸法を測ったり、Divサイズを図ったり、フォントサイズを図ったりなんていうツールは大量にありますが、ブラウザで見えてるもの全てを測るなんてものは今までに無いでしょうね。 いや、ないですよね？え？ある？ とりあえずご紹介。 見えているものを測るとはどういうことか 例えばこちらのページ。 https://www.pakutaso.com/20151103315post-6250.html 以下のように、要素を測るなんて言うのは当然の機能として・・・。 この辺りから本気だしはじめます。 よく見るとテキストの『日』までの間を測っています。 おでこの範囲を測ることもできます。 二人の距離を測ることもできます。 ちょっとLaLaさんに近づきすぎですね。81ピクセルの距離。 ちなみに、どこからどこまでの距離を測るとか言うツールではなくて、マウスをそこに持って行ったら、勝手に距離を測ってくれる

Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム

お探しのページはみつかりません一時的にアクセスできないか、移動、削除された可能性があります。

Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第3回は、「Elements」パネル、「Sources」パネルでサイトを検証する方法を解説します。 他人のコードを効率よく調べたい！ ディレクターやデザイナーから、「このサイトみたいなデザインにしたいんだよね」と言われることってよくありますよね。また、海外のかっこいいサイトを見ていると、使われているインタラクションを真似したいと思うこともあります。 そこで、Chromeデベロッパーツールを使って、他のサイトのCSSやJavaScriptを効率的に調査する方法を解説します。 1.背景画像を100%表示しているCSSの実装方法を調べる 背景画像の比率を変えずに高さと幅をフィットさせるデザインのページを例に、Chromeデベロッパーツールの「Elements」パネルで実装を調べていきます。Elementsパネルは

Chromeを使っていたら最小化のボタンの左隣にいきなり出現したこのボタン どうやらユーザー管理の新しいUIみたいなんですが、ユーザー名が表示されるので気になる、Chromeブラウザを最小化しようとおもって間違って押しちゃうなど、このボタン邪魔だよっていう声が多いみたいですね… バージョン44からは、この記事で紹介しているオプション（chrome://flags/）および起動オプション（–disable-new-avatar-menu）を使って非表示化する方法が使えなくなっています。。 それ以降のバージョンは完全非表示はできないようですが、一応パッと見で非表示にする小ワザは存在するので紹介します。 現行のChromeで非表示にしたい人は↓の記事のやり方でどうぞ。 関連記事：【最新版】Chromeの右上のユーザー名（ユーザーアイコン、切り替えボタン）を消す、非表示にする方法 以前までは無かっ

＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

2018/02/07 ADMATRIX Analyticsにおいて、ダウンロードができないといった不具合が起きております。 現在状況を調査しております。復旧については当ページにて状況をご共有させていただきます。 ADMATRIX Analyticsは当社SEOスペシャリストが日々利用している社内分析ツールを、誰もが気軽に使えるようにカスタマイズ した独自ツールです。自社サイトはもちろん、競合サイトなどのSEO内部対策や被リンクの状況が簡単に確認できます。

気になるページで拡張機能を使うだけで簡単に各種情報を一覧表示SEO状況を確認できるとタイトルに書かせてもらいましたが、具体的に何ができるのかというと指定したキーワードに対しての「h1」などのタグの状況や、被リンクの状態、タグの内容などを確認することができる拡張機能です。 ChromeとFirefox用に拡張機能が提供されていて、Webページを表示した状態で拡張機能をオンにすると画面下に被さる形で情報が表示されます。 テキスト量やSEOキーワードの状況などが表示されて便利。タブを切り替えることで被リンク数なども表示できます。 サイトマッピング機能をオンにするとサイト内のタグに対してマークがついてサイト内でどこにタグが使われているか簡単にわかります。 自分のサイトで使うもよし、参考にしたいサイトで使うもよし、解析ツールというよりも情報を見やすく表示してくれるツールという印象が強いですがなかなか

ウェブサイトはレイアウトや文字の選択で雰囲気がガラっと変わるため、人目を引くウェブサイトが使っているフォント名・文字サイズ・文字の色などは気になるところです。文字の上にカーソルを置いたりクリックしたりするだけでフォントの種類や詳細が分かるGoogle Chrome拡張機能が「WhatFont」で、気になるウェブサイトのデザインの秘密が簡単に分かるようになっています。 WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu http://chengyinliu.com/whatfont.html Chrome ウェブストア - WhatFont https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpml

マッチングアプリ女「お仕事何してるんですかー？」僕「ドーナツ屋さんで販売してますよ」女「…そうなんですね…」

カッコイイなぁーと思ったWebサイトのスクリーンショットやURLをまとめるためにEvernoteのクリップを使用していたのですが、ちょっとEvernoteのダイエットをしようと思い立ち他のサービスを探していた私。 そんなおりに知った、スクリーンキャプチャ管理ができるChromeエクステンション、Clipularを使い始めてみたのでご紹介。 まずはChromeエクステンションをChromeストアよりダウンロードしましょう。 ツールバーにClipularのアイコンが追加されたらOKです。 エクステンションを使用するためにはまずログインから。 facebookかGoogle+アカウントでログインできます。しましょう。 使い方はいたって簡単。スクリーンショットを保存したいなと思ったサイトを開いたら、ツールバーにあるボタンをクリックしてカメラアイコン（全画面キャプチャ）かハサミのアイコン（範囲を指定

Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ2013.08.10 19:0010,804 satomi Chromeは初めて立ち上げると面白いことが起きます。 先日Ember.jpアプリ向けの開発でChromeを使った時のことです。閲覧はSafari常用ですが、Safariは一番ファイルをキャッシュして欲しくない時に限ってキャッシュする癖があるので、時たまChromeに切り替えるんです。 すると、Chromeにこんなのが出てきました。Safariのブックマークレット移植したら両ブラウザとも同じ環境になって便利だな、と思って｢Import bookmarks now（ブックマークを今すぐインポートする）｣のリンクを押してみたら、こんな予想外のものが出てきたんです。 なぜ｢保存済みパスワード｣がグレイで、もうチェックしたことになってるんでしょうね？？ チェック外せない

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ