みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
BugMeNot: find and share logins Enter a website below to see if the bugmenot community has shared any logins for it... Domain/URL: Get Logins
『WeVideo』は動画編集をChrome上で可能にするアプリです。動画をドライブ上に保存しておけば、どこからでもお気入りのビデオにアクセスできるようになります。ただ、かなりの容量が必要なので要注意。 3.PicMonkeyで画像編集 画像編集ツールと言えば、『Pixlr』も良いですが、更にシンプルで使いやすいUIを搭載した『PicMonkey』がおすすめです。 誰でも簡単に使えるインターフェースを使ってコントラストや露出、色合いなどの調整をしてみましょう。いずれの画像編集アプリもWeb版Googleドライブ内にある対応画像ファイルを右クリックしてダイレクトアクセスすることが可能となっています。 4.Hello Faxで紙のドキュメントを送信 Hello Faxを使えばファックスの送信ができます。一度登録すればChrome上からファックスページ5枚の送信が無料で可能。枚数は有料会員になるこ
070900526
ComputerworldとCIO Magazineは 2023年5月23日で閉鎖しました。 長らくのご購読ありがとうございました。 日経クロステック TOPページ
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/） 結果はてなの閲覧がめちゃくちゃ快適になりました！ 目障りなサイトやアカウントは見なくて済むし、ブコメページのノイジーな
【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 | ネット | マイコミジャーナル
『Googleドキュメント』は一般ユーザはもちろん、Google Appsユーザにとっても便利なツールになっている。オンラインで文書を編集できるのはもちろん、ローカルで編集した内容をアップロードしたり、同期を自動化すればオンラインとオフラインをシームレスに渡ることもできる。今回はそんなGoogleドキュメントをさらに便利に使いこなすためのツールを一気に紹介しよう。 * * * Googleドキュメントを任意の形式で一括ダウンロード 名称 Google Docs Download ダウンロード用のドロップダウンが追加される 『Google Docs Download』は、Firefox用の「Greasemonkey」として提供されるソフトウェア。インストールするとGoogleドキュメントにアクセスした際に「Download Your Documents」というリンクが表示されるようになる
鬼畜王 on Web
アリスソフトの 配布フリー宣言 に基づいて配布されている「鬼畜王ランス」、「闘神都市II」等のゲームをWebブラウザ上で遊べるようにしたものです。 遊び方はこちら。 更新情報は @KichikuouWeb でお知らせしています。 (注意) 18歳未満の人は利用できません。 ゲームのCDイメージファイルをドラッグ＆ドロップするか、下の「ファイルを選択」ボタンを押して選択してください。 KICHIKUOU.img KICHIKUOU.cue
ウェブのプッシュ通知、何がそんなにすごいのか？
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
電子情報学特論： Chromium のアーキテクチャを解き明かす 〜 EEIC の授業が生きるプロダクトの世界〜 Kentaro Hara 2022 April (๑>ᴗ<๑) * * * *
みなさん、連日 GitHub をブラウジングしてると思うんですが、より快適にブラウジングできる拡張機能を紹介したいと思います。
Googleリーダー
Thank you for stopping by. Google Reader has been discontinued. We want to thank all our loyal fans. We understand you may not agree with this decision, but we hope you'll come to love these alternatives as much as you loved Reader. Sincerely, The Google Reader team Frequently-asked questions What will happen to my Google Reader data? All Google Reader subscription data (eg. lists of people that y
Cache Storageがめちゃくちゃ肥大化する問題 TBSのニュースサイト、TBS NEWS DIGがめちゃくちゃブラウザのストレージを消費しているという話がはてブや増田で話題になっています。 TBSのニュースサイトヤバない？ – はてな匿名ダイアリー 同・はてなブックマーク 確かに、手元でも同様の状況を観測できる。 当該サイトのストレージ使用状況 はたして、これは真実なのだろうか。本当に1.4GBも食うことがあるのだろうか…… そんなわけない、ということで調査 まずは再現性を確認するためにChromeのゲストモードで当該のサイトのDevtoolを開いてましょう。すると、StorageのUsageは386MBになっていました。（適当なページを開き、リロードした時点で340MB程度であった） 当該サイトのストレージ割合 上記のスクリーンショットをよく見ていただけるとわかると思いますが、こ
Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body> </html> Chrome で chrome://extensions を開き、[パッケージ化されていない拡張機能を読み込む] から上記
ヤフオク
ゲームボーイアドバンスSP ボクらの太陽 同梱版 ジャンゴレッド ＆ ブラック 本体美品 ソフトセット 送料無料 現在1円
Googleリーダー使うなら押さえておきたいGreasemonkeyスクリプト10個まとめ | フリーソフトラボ.com
以前、当サイトでGoogleリーダーを超便利にする最強のGreasemonkeyスクリプト11選！という記事をエントリーしたことがありますが、今回はその続編という形で、Googleリーダーを使うなら是非おさえておきたいGreasemonkeyスクリプト10個をまとめて紹介します。 最近では、Mac用アプリの「Reeder for Mac」などクライアント型の優れたGoogleリーダー同期ツールが利用できることもあり、ウェブブラウザで直接Googleリーダーを開く機会が減っている人も増えてきているようですが、Windowsでは未だこれといったツールが出て来ないため、まだまだウェブ版のGoogleリーダーが現役という人も多いはず。 ならば無理にクライアントソフトを導入するよりも、こういったブラウザ拡張機能をうまく利用して閲覧環境を整えるのが作業効率アップには一番良い方法と言えるでしょう。あまり
Googleでは、誰もがアクセスできて楽しみながら音楽制作を行えるサイトChrome Music Labを通じ、さまざまなツールを使って簡単に音楽制作に触れられる環境を提供しています。ここに新たに追加された「Song Maker」は、PCやスマートフォン、タブレットなどの画面を直接操作するだけで手軽に音楽を打ち込んで制作することができます。 Simple music-making for everyone https://blog.google/topics/education/simple-music-making-everyone/ Song Makerは、ブラウザでURLにアクセスするだけで音楽を作る環境が再現されるというサービスで、ソフトウェアのインストールは必要ありません。また、ブラウザはGoogle Chromeに限定されていないので、誰でも今すぐ制作環境を手に入れることが可能
PC/iPhone/iPadでウェブを保存して、後でPC/iPhone/iPadから読むことができる、いわゆる「後で読む」的な機能を複数環境で実現する「Instapaper」を始めてみました。 もちろん「Instapaper」の存在は知っていたのですが、これまでの自分の環境ではそれほど必要としていませんでした。 しかし「iPad」の登場により「何かを読む」ということが飛躍的に増えた＆やりやすくなったので、そろそろ「Instapaper」ということに相成りました。 それではユーザ登録の方法からご紹介です。 ユーザ登録はコチラから。 メールアドレスでもユーザネームのどちらでも登録できます。 が、パスワードを忘れた際にリカバリできないのと、将来的にメールアドレスを利用したサービスが登場するかもしれないので、メールアドレスで登録して方が良いかもしれません。 また、アカウントのところで、パスワードも
webcreatorbox.com by Mobify
Sorry! The mobile version of the website you were trying to reach no longer exists. Contact the owner of the website for help. Take me to Google
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
見ているサイト上に露出している機密情報(APIトークン、IPアドレスなど)を見つけるブラウザ拡張を作りました SecretlintというAPIトークンなどの機密情報がファイル内に含まれているかをチェックできるツールを書いています。 Secretlintはコマンドラインツールとして動くので、主にCIやGitのpre-commit hookを利用して、リポジトリに機密情報が入るのを防止できます。 SecretlintでAPIトークンや秘密鍵などのコミットを防止する | Web Scratch 一方で、実際のウェブサービスなどは機密情報がファイルにハードコードされているわけではなく(Secrelint自体がこういうハードコードを防ぐツールです)、環境変数やDatabaseに保存していると思います。 このような場合にも、コードのミスなどによって公開するべきではない情報(秘密鍵、APIトークン、Sl
Google Reader
Thank you for stopping by. Google Reader has been discontinued. We want to thank all our loyal fans. We understand you may not agree with this decision, but we hope you'll come to love these alternatives as much as you loved Reader. Sincerely, The Google Reader team Frequently-asked questions What will happen to my Google Reader data? All Google Reader subscription data (eg. lists of people that y
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
きちんとタイピングできない人や改めてタイピングを勉強したい人へ～無料でタッチタイプが練習できる「Type Fu」 | ライフハッカー・ジャパン
こんばんは、傍島です。 私は25年くらいパソコンと付き合っているのですが、恥ずかしながら、いまだ正しいタッチタイピングができない人です。 パソコンに興味を持ち始めた頃、周りに詳しい人がおらず、「習うより慣れろ」で始めてしまい、誰もが通るであろう、いくつかのステップを飛ばして来ました。まったくダメと言うワケではありませんが、変則的なタッチタイピングで左手の一部の指を上手く使うことができません。長い間これでやってきて特別不便な思いをしたことはありませんが、タッチタイピングできる方が効率が良くなりますし、ミスタイプもなくなるはずです。まぁ、世間的にも様になります（笑）。 私と似たように、変則的なタイプで改めて勉強したいという人以外でも、もう一度タッチタイプのトレーニングをしてみたいと考える方も多いはず。そんな方には『Type Fu』がオススメです。 続きは、以下で。 Type Fuは、Googl
なぜHTTPSはHTTPより速いのか
先週、httpvshttps.com というウェブサイトが公開されました。このウェブサイトでは、HTTP と HTTPS を用いてアクセスした場合のウェブページのダウンロード完了までにかかる時間の比較ができるのですが、多くの環境で HTTPS の方が HTTP よりも高速なことに驚きの声が上がっていました。 HTTP が TCP 上で平文を送受信するのに対し、HTTPS は TCP 上で TLS (SSL) という暗号化技術を用いて通信を行います。ならば、TLS のオーバーヘッドのぶん HTTPS のほうが遅いはずだ、という予測に反する結果になったのですから、驚くのも無理はありません。 実は、この結果にはからくりがありました。 Google Chrome、Mozilla Firefox、最近のSafari注1は、Google が開発した通信プロトコル「SPDY」に対応しており、HTTPS
はじめに Python + Selenium + Chrome で、要素の取得、クリックなどの UI系の操作、待機、ページ全体のスクリーンショットなど、一通り試してみます。 PhantomJS はもう更新されないということなので、ブラウザは Chrome にします。 この記事には、Selenium の API に関する情報と Chrome に特化した情報がありますが、前者の Selenium の使い方に関する情報は Firefox など別のブラウザでも使えます。 注意事項 ウェブの自動テストやスクレイピングで使われる技術です。特にスクレイピングでは、著作権の問題や、サーバー側の負荷、各種規約（会員としてログインする場合の会員規約等）やマナーなどを考慮する必要があります。 たとえば、Twitter など利用規約で明示的にスクレイピングが禁止されていることや、robot.txt などでクローリ
FLoCとはなにか - ぼちぼち日記
1. はじめに Google がChrome/89よりトライアルを開始しているFLoC (Federated Learning of Cohorts)技術に対して、現在多くの批判が集まっています。 批判の内容は様々な観点からのものが多いですが、以前より Privacy Sandbox に対して否定的な見解を示してきたEFFの批判「Google Is Testing Its Controversial New Ad Targeting Tech in Millions of Browsers. Here’s What We Know.」が一番まとまっているものだと思います。 これまで Privacy Sandbox 技術に関わってきた身としては、各種提案の中でFLoCは特にユーザへの注意が最も必要なものだと思っていました。しかし、これまでのド直球なGoogleの進め方によって、FLoCのトラ
1. Chrome でEV証明書の組織名表示がなくなる ついにGoogleからChromeのURLバーからEV表示を削除する正式なアナウンスが出ました。 Upcoming Change to Chrome's Identity Indicators EV UI Moving to Page Info 現在(2019年8月) StableのChrome76では、以下の様にURLバー左側にEV証明書を利用していることを示す「組織名+国名」表示が付いています。 Chrome76のEV表示 2019年9月10日Stableリリース予定のChrome77からはEV表示がURLバーから削除され、鍵アイコンをクリックして表示されるPage Infoに「組織名＋国名」が表示されるようになります。 Googleのアナウンスでは、 "on certain websites" と書いてあることから一気にではなく
ゴールデンウィークが迫るなか、友人から「作業用のごっついPCを自作するから取材してみない？」と連絡あった。 その友人は映像制作を行なっており、名前を岡田太一という。深夜のアニメフィーバータイムで流れるCMや大人の事情でいえないけど、みんな見たことがありそうな映像に多々関わっている。代表的なものは、Google Chrome: Hatsune Miku (初音ミク)。これはASCII.jp読者ならば多くが見ているものだろう。 上の映像が「Google Chrome: Hatsune Miku (初音ミク)」のTV CM。公開日に岡田氏とお酒を飲んでいたところ「ようやくいえるぞーこれやってたんだよー！」と言われた。なお筆者、このとき岡田氏が映像の仕事してると初めて知った。元は同人誌方面での出会いであった。というか、このときまではTwitterで女体の神秘について語り合う間柄だったわけだが……。
これはすごい！ChromeがSSHクライアントになるエクステンション「Secure Shell」 - Chrome Life
最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあります。 こういったSSHクライアントは自分の開発環境にインストールして使っていると思います。 しかし、デモやプレゼンをする際など、自分の開発環境以外からSSHでサーバーに接続したい場合、ターミナルアプリケーションがインストールされていないことがあります。 そこで、今回ご紹介するのが、ChromeがSSHクライアントになるエクステンション「Secure Shell」です。 「Secure Shel
なぜChromeはURLを殺そうとするのか？ (Chrome Dev Summit 2019) - ぼちぼち日記
今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか？」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
トップ > みんなの写真 > Google「Chrome」新CMが「初音ミク」である理由を作った中の人に聞いてきた いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2011.12.28 2011年という年は、ひたひたと進行してきたYouTubeによるテレビをハックするという動きがいよいよひとつの形となってきた年であったと考えていいと思います。 とはいえ、その年の瀬になって「家政婦のミタ」の視聴率40％ってのが、同時にやってくるあたりが、2011
読みやすくわかりやすい文章や、人を傷つけない文章を書くためには、多くの人のチェックが必要です。 文賢（ブンケン）は、独自に研究を続けた「100を超える視点」を用いて、あなたの文章をチェックします。 そして、より良い文章を書くための改善点を提案します。 文賢は、人の気持ちに寄り添う、新しい文章作成アドバイスツールです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
ユーザーエージェント（UA）文字列は時代遅れ？ ～「Google Chrome」で凍結・非推奨に／早ければ「Google Chrome 81」から警告【やじうまの杜】
＠IT情報マネジメント － 情報システムの“企画・導入・設計・運用”の課題を解決する
Bugmenot.com - login with these free web passwords to...
GoogleドライブをDropboxよりパワフルに変身させる7つのツール | ライフハッカー・ジャパン
連休なので、はてなNGフィルターを作ったらクソ快適になった話
Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能
電子情報学特論：Chromiumのアーキテクチャを解き明かす
【特別企画】USBメモリから起動できる“Chrome OS”「ChromiumOS ZERO」を試す 前編
【やじうまPC Watch】 SSDの空き容量が急に減ったと思ったら、Chromeが1千万個ものファイルで計40GBも使っていた
GitHubを快適にブラウジングするための3種の神器
Cache Storage がめちゃくちゃ肥大化する問題について調べる | ぴんくいろにっき
とほほのChrome拡張機能開発入門 - とほほのWWW入門
インストール不要・誰でも無料で打ち込み音楽をブラウザ上で簡単に作曲できるGoogle「Song Maker」
ウェブを保存して後で読む「Instapaper」のある快適生活の始め方（PC/iPhone/iPad連携） - ネタフル
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
見ているサイト上に露出している機密情報(APIトークン、IPアドレスなど)を見つけるブラウザ拡張を作りました
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
Python + Selenium で Chrome の自動操作を一通り（ログイン、ダウンロード、他）
Google Chrome EV表示の終焉 - ぼちぼち日記
総額200万円！ 映像制作プロの業務用PC自作を手伝う (1/5)
Google「Chrome」新CMが「初音ミク」である理由を作った中の人に聞いてきた
文賢（ブンケン）- 文章の完成度を高める校正・推敲・校閲支援ツール