本当は怖いChrome拡張機能（作ってみたら確かにヤバかった） - DRYな備忘録
otiai10です。最近はフロントエンドのTypeScriptを書くお仕事をしています。個人的に艦これウィジェットやtwickというChrome拡張を作ってたりもします。先に言っておきますが、これらはどちらもGithubでソースコードを公開しており、悪いことしようが無いです。 端的に言うと、Chrome拡張はヤバいです。何でもできちゃう。 どんくらいヤバいか知ってもらうためにどうしようか考えた結果、ヤバいChrome拡張を作りました。30分かかんなかったです。 https://github.com/otiai10/chrome-twitter-hijack-sample （「レポジトリをforkして悪用する人間が出てくるかもしれない」とのご指摘を頂いたので、これを削除します） git cloneしてchrome://extensionsからパッケージ化されていない拡張機能を読み込むでこのr
定番SSHクライアント「Google Chrome」
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか？とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome（もしくはChromium）と聞いて「あっ、SSHクライアントのことか！」と思われた方には少し物足りないか
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Chromeでhostsを切り替えられる拡張機能「HostAdmin」
こんにちは。 絶賛サーバー移設作業中のまりもです。ちゃんと仕事してます。 サーバー移管にはつきもののhosts作業、面倒ですよね。 web制作してる人なら、1日に何度もhostsファイルを編集することがあると思います。 もっと簡単にhosts切り替えられれば良いのに・・・ と思って探したら、forefoxのアドオンは日本語のブログで解説されていました。 →IDEA*IDEAさん 「Hostsを瞬時に切り替えられるFirefoxのアドオン『SwitchHosts』が便利すぎる・・・」 でも僕はもうfirefoxは見切りをつけてしまったので、Google Chrome の拡張機能で同じ物が無いか探していたら見つけました。 試しに使ってみたら、便利すぎました。 日本語で解説してあるブログが無さそうだったので使い方を書いておきます。 インストールしたら拡張機能のアイコンのところにこんな感じの緑色の
『Google Chrome で利用中の情報をワンクリックで iPhone に引き渡せる拡張機能』
単純に便利なので、今回もサクッと紹介。 パソコンで調べ物をした結果を持って、すぐに外出しないといけないことがあります。たとえば出張先の住所で地図検索して、その結果を iPhone に引き継ぎたい場合などです。 そんなとき、ちょうどいま Google Chrome でチェックしているページの情報を iPhone にワンクリックで引き渡せる拡張機能が「Site to Phone」です。 Site to Phone - Google Chrome 拡張機能ギャラリー このアイコンを右クリックして、オプション画面を開いて「Create an ID」の「Setup with your phone」ボタンをクリックします。 これでユニークな ID が生成され、サイトの URL を組み合わせて専用の URL ができます。 http://sitetophone.com/2909**-**** ※この「ID
ChromeExtension「Gestures for Chrome」のスムーススクロールがヤバイ
Windows限定。理由は一番下に。 ちょっと欲しかったブラウズの滑らかさがようやく手に入ったので・・・もしかしたらこの業界では有名なのかもしれないけど。 Mac使うようになって、WindowsのChromeでのタブ移動が非常に面倒に感じるようになってしまった。 私の設定ではMacだと、中指置きながら人差し指タップで「左のタブへ移動」 人差し指置きながら中指タップで「右のタブへ移動」という設定。 そこでその機能が欲しいために、今までほとんど使いもしなかったマウスジェスチャーのExtensionを探してたら、そのスムーススクロールに今更ながら感動いたしまして・・・。 Chrome ウェブストア - Gestures for Chrome(TM) 正直入れてみたんだけど、ぶっちゃけマウスジェスチャーは使いにくいんだよね・・・。 なにが使いにくいかというと、なにもないところで左クリックを開始しな
chrome.extension.onConnect に addListener していない状態で chrome.extension.connect するとエラーが発生する - 一角獣は夜に啼く
Chrome 拡張の manifest.json を version 2 にする作業をしていたときのこと。 manifest.json の version を 2 にしてみたところ、以下のエラーが発生しました。 Port error: Could not establish connection. Receiving end does not exist. (miscellaneous_bindings:232) chromeHidden.Port.dispatchOnDisconnect (miscellaneous_bindings:232)発生箇所を詳しく調べてみると、chrome.extension.connect() という Chrome API のメソッド の中で発生しているようでした。 「このメソッドは別に manifest.json を version 2 にしたら使えなく
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
Masato Kinugawa Security Blog: ブラウザのXSS保護機能をバイパスする
ChromeやSafariにはXSS Auditor、IE 8以上にはXSSフィルターという、XSSを検知してブロックする機能がそれぞれあります。 今回は、これを回避してみた記録です。 ・Chromeでバイパス はい！ついおととい報告したやつです！ XSS Auditor bypass with U+2028/2029 https://bugs.webkit.org/show_bug.cgi?id=78732 なぜかSafariではブロックされる(中の人も理由がわからないと言っていた)んだけど、Chromeでは動きます。以下で試してみてください。 http://vulnerabledoma.in/char_test?charset=utf-8&xss=1&body=%3Cscript%3E//%E2%80%A8alert(1)%3C/script%3E http://vulnerabled
Google ChromeのXSSフィルタを無効にする方法 | MemeTodo
2011年5月22日日曜日 Google ChromeのXSSフィルタを無効にする方法 Chromeには4ぐらいからXSSフィルター(WebkitではXSS auditorというのが正式名称っぽい)があって、Chrome11で作り直されたのがデフォルトでオンになっているようです。 Google Chrome gets cranked to 11, improves XSS Auditor - InternetNews:The Blog - Sean Michael Kerner で、このXSSフィルターはコンソールに"Refused to execute a JavaScript script. Source code of script found within request."と吐いて、他に視覚的なメッセージを出さないで止めるので、XSSの検証とかだと逆に邪魔くさい感じになります。
Google ChromeでHTTPヘッダテキストを確認する方法 - Gaishimo
Google ChromeでHTTPヘッダのテキストを確認する方法です。 アドレスバーに chrome://net-internals/ を入力しアクセスします。 net-internals は、chromeが用意する開発者向けのページの一つです。ネットワーク関連の情報をここで閲覧することができます。その中のRequestsタブEventsタブ*1を選択し、該当のリクエストをクリックすると、右側にHTTP通信の詳細なログが表示されます。その中にHTTPヘッダも含まれます。 net-internals以外にも、about:about とアドレスバーに入力すると開発者向けのページがいくつか用意されています。 この開発者向けページの存在は初めて知ったのですが、開発・デバッグに便利な機能が色々とありそうなので、確認してみようと思います。 参考：http://gihyo.jp/dev/feature
ワンクリックで使用してるフォントが分かる「WhatFontTool」が便利！ | バンクーバーのうぇぶ屋
いやー、久々に面白いChrome拡張機能を見つけましたのでご報告。 結構、「お、このサイトのフォント綺麗だな、何つかってるのかな？」って思うこと多いですよね？ そんな疑問をその場で即座に解決する、WhatFontToolというツールを今回はご紹介します。 まぁ、説明するよりは、下記サイトよりChromeの拡張機能、またはブックマークレットを使ってもらったほうが早いと思うのですが、要するにクリックするだけでそのサイトで使われているフォントを教えてくれて、尚且つ フォントサイズ 色 Line-height 他に使われているFont-familyの種類 など、とにかく今まで知りたいと思っていたフォントの内容がCSSをのぞくことなく、知ることができる便利拡張機能でございました。 WHATFONTTOOL 以前紹介した、GET TAB INFOなんかもそうですが、こういう細かいけれど必要になる場面を
先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
JavaScript/ウィンドウ/入力ダイアログを表示する - TAG index
入力できるダイアログを表示するスクリプトです。 以下のサンプルでは、ユーザー名に tama と hana が登録されています。 <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function disp(){ // 入力ダイアログを表示 ＋ 入力内容を user に代入 user = window.prompt("ユーザー名を入力してください", ""); // 入力内容が tama の場合は example_tama.html にジャンプ if(user == 'tama'){ location.href = "example_tama.html"; } // 入力内容が hana の場合は example_hana.html にジャンプ else if(user ==
JavaScriptでファイルを任意の名前で保存する(ただしChromeに限る) - 唯物是真 @Scaled_Wurm
Chromeではa要素にdownload属性というものを指定することができます． これを利用するとhref属性で指定したファイルをdownload属性で指定した名前で保存することができます． <a href="http://k.yimg.jp/images/top/sp/ylogo_n.gif" download="TEST">TEST<a> バックグラウンドで生成したhref, download属性を指定したa要素にクリックイベントを発生させることで，簡単にJavaScriptからファイルのダウンロードを行うことができます．
第2回 Chrome Extensionsの作り方#1 | gihyo.jp
この記事で取り上げているAPIは現在と使い方が異なっていたり、使用できなくなったものを含んでいます。 特にToolstrips APIは最新のChromeでは使用できなくなっています。詳しくは『続・先取り！ Google Chrome Extensions』をご覧ください。 前回はChromeのバージョンの違いとExtensionsの導入と概要について説明しました。今回はExtensionsの作り方からドキュメント、開発ツールについて紹介します。なお、今回の解説はChrome 3系をベースとします。4系で変更された部分や機能追加があった部分は適宜補足を入れています。 【2009/9/17追記】本稿の執筆時点ではChrome 3でExtensionsを試すことができましたが、9月16日のChrome 3の正式リリース以降、Chrome 3系統ではExtensionsを有効にすることができない
PCで探したサイトのURLをボタン一発でAndroidに送ろう | あんどろいどスマート
PCで探したサイトのURLをボタン一発でAndroidに送ろう2011年06月19日23時13分 公開カテゴリー: ネット情報活用キーワード: アプリ, チップス Short URL ツイート パソコン用のサイトがそのまま表示できるのが魅力のAndroidスマートフォンだが、画面が小さくテキスト入力もしづらいため、さまざまなキーワードで検索して役立ちそうなサイトを集めたりするのには向いていない。自宅などパソコンが使える所では、パソコンで情報収集をした方が効率的だろう。 パソコンで情報収集をしていて、Androidから利用すると便利そうなサイトを見つけたら、Android側にURLを送って、必要なときにすぐに利用できるようにブックマークしておきたい。メールなどで送るという手もあるが、より手軽にURLを送りたければ、「Google Chrome to Phone」を利用しよう。 パソコン上の「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リンク切れのチェックもこれで簡単♪「Check My Links」 : Googlechromeをアプリ・拡張機能でまったりと
This Document has Moved
staticflower.net