tech
Firefox4.0の速さを体感してみる
3.0が公式リリースされたばかりのFirefoxで、少々気の早い話かもしれませんが、ナイトリーでは日々時期バージョンに向けての開発が粛々と進められています。正直、まともなロードマップすらできていない混沌とした現時点で、時期バージョンのナイトリーを試すのにどれだけの意味があるかはさて置き、噂の「さらなる高速化を実現するスクリプトエンジン」というものには興味をそそられるものがあります。
Firefox3.0にしたらスクロールが重く感じたら
Firefox3.0では、「cairo」という新しいレンダリングエンジンが搭載されました。この結果、旧バージョンに比べ高い性能を実現していますが、一部それまでにはなかった不具合が確認されています。
Firefox3.0では文字列を個別に選択できるように
Firefox3.0の公式リリースがまもなくですが、ちょとした新機能のご紹介。Ctrlキーを押しながら文字列を選択すると、選択部分を個別に選択できるというものです。
地味だけど、結構便利かもしれません。
VIA: [ Digital Inspiration ]
あれ？ YouTubeのプレーヤーって早送りができたっけ？
最近のプレーヤーになってから可能になったことなのか？それとも今まで、基本的な操作を知らずが故、不便な思いをしていただけなのか
、ということは定かではありません。
ShiftとF10で右クリックメニューっていうのは知りませんでした。
YouTubeの制限つき動画を見る方法から妙なことを発見
昨日、視聴可能な国制限が掛けられているYouTube動画を見る方法というブログ記事が紹介されていました。Watch Restricted YouTube Videos
URLを
- http://www.youtube.com/watch?v=I9ciR9qR1dU
- http://www.youtube.com/v/I9ciR9qR1dU
YouTubeの動画をMP4でダウンロードするブックマークレット
タイトルが示すとおり、ブックマークレットによってMP4フォーマットのダウンロードURLを生成するというものです。
上書き確認ダイアログで「すべていいえ」にする方法
このとき、ダイアログのボタンには「すべて上書き」はあるものの、「すべていいえ」というボタンが存在しません。
キーロガーから身を守る方法
その中でもキーロガーによる情報漏洩は最も注意したいところです。
当然、そのような状況下では個人情報の入力を避けるのが一番ですが、現実的には中々難しいことです。そこで、防衛策として知っておいて損の無い情報いくつか取り上げます。
重いコンテンツを抹殺するブックマークレット
最近は、どこのブログも埋め込みのコンテンツを掲載しているところが多くなってきました。特にFLASHの動画などを載せたページはよく目にします。（当サイトもその例に漏れず）この流れは、最近のPCでは問題ではありませんが、古い低スペックのPCでは少々ツライものがあります。
動画など再生する以前に、表示させた時点でかなりの負担になり、そのページを閉じたり、違うタブに切り替えたりというアクションが高負荷のため処理待ちになって、中々次の動作に進まなくなってしまうのです。
YouTube、高画質モードが本格始動？
先のエントリー「YouTube動画の高画質版を試してみる」でも触れたYouTubeビデオの高画質モードでの実装が、本格的に開始された模様です。
上のスクリーンショットにように、高画質モードで視聴可能な一部のビデオに、高画質モードのリンクが表示されるようになっており、このリンクをクリックすることで、高画質版のビデオに切り替わります。
Firefox 使用環境別チューニングリスト
Firefoxでの表示スピードの向上を目的とした、設定項目とその値のリスト。使用するマシンのスペックと使用する回線速度に適した設定になっているのが特長です。
以下の設定（共通設定と環境別の設定）を「user.js」に追記することで、その設定が反映されます。
画像のリサイズを可能にするCSSトリック
しかし、画像も合わせてリサイズさせてしまう簡単なトリックがコレ。
Gmailで画像入りのメールを送る方法
最近では使い勝手の良さから、メールの作成、閲覧ともにWebメーラーで済ませてしまう人も多くなってきています。しかしながら、高機能化しつつあるWebメーラーも、ローカルマシンで動作する一般のメールソフトに比べてしまうと、まだまだのようです。
Webメーラーとして今では定番のGmailも、ごくシンプルなメールの作成においてはバツグンの機動性を発揮しますが、HTMLメールの特徴を生かしたメールの作成となると、不満を感じざるを得ません。
そこで今回は特に、Gmailで画像を添付ファイルとしてではなく、メッセージ欄に直接挿入する方法をご紹介します。
Firefoxの「about:」URLを１クリックで
多くブラウザには「about:」という特別なプロトコルがあり、それぞれのブラウザによって特別なページを出力します。
Firefoxのパワーユーザーなら「about:config」など、頻繁に使用するのではないでしょうか。
ウィンドウをリサイズするブックマークレット
サイト制作の際など、見え方のチェックするため、いろいろな解像度に合わせたサイズにブラウザサイズを調整することが頻繁にあります。
Firefoxなどでは、それ用の拡張がいろいろあるようですが、それらを導入せずとも簡単なブックマークレットだけで済ますこともできます。
ブログを携帯用にする方法
既存のサイトを、携帯やモバイル環境で閲覧するのに適したページに変換する方法として、Googleやはてながモバイル用に公開しているサービスを活用する方法があります。
タスクマネージャーが開けなくなったら
こんなときには次のような方法で、タスクマネージャーを開けるように復旧しましょう。
Flickrのフォトサーフィン用サムネイルビュー
Flickrで、通常の写真のページはこんな外観でしょう。
しかしこのように、URLに「surf」と付け加えると、こんな感じのレイアウトに早変わり。
Windowsの隠しブラウザ
この"Internet Explorer"、アプリケーションという形以外にWindowsのいたる所に組み込まれていますが、そんなことを示すちょっと面白いトリックのご紹介。
Last.fmの非公式APIを利用してみる
最大の音楽系SNSであるLast.fmのネットラジオをもっとシンプルにそして手軽に使えたら、というような考えの元、標準で配布されている専用プレイヤーを使わず、普段使い慣れたプレイヤーでLast.fmラジオを再生させる方法を以前取り上げました 。[ Last.fmをWinampで聞く方法 ]そこで紹介した Last.fm (Audioscrobbler) のAPIが昨年、プロトコルバージョン1.2にバージョンアップしたのに伴い、非公式のAPIがいくつか追加されました。
エラーメッセージをテキストとしてコピーする方法
問題解決のために、サポートに問い合わせたり、ネットで検索したりするためにも、エラー画面の内容は重要な情報です。
しかし、このメッセージを手入力でメールや検索窓に書き写すのはちょっと面倒。
ところが以外にも普通にコピーKeyが使えたりします。
CSSでスパムメールを防ぐ方法
ホームページやブログをやられている方なら、スパムに対する何らかの対策を講じているのが普通だと思います。
メールアドレス収集ロボットに引っかからないためには、そもそも、メールアドレスをページに載せないというのが一番ですが、それ以外にもいくつかの方法があります。
リンク先のファイルを示すアイコンをCSSで表示する方法
そんなときに便利で簡単なCSSテクニックを紹介します。
Webページ内の画像を保存させない方法
先日、あるサイトでページ内にある画像を保存しようとしたところ、これがうまくいきません。ソースを開いて見て、納得と同時にあまりの単純さに感動。
そんなシンプルながら効果大な方法をご紹介します。
K'confが選ぶ30個のブックマークレット
WEB上で公開されているブックマークレットの中から個人的にコレは！と思うものをいくつかピックアップして紹介します。実用的で役立つものから、必ずしもそうでないものまで、ノンジャンル30個のブックマークレットを集めてみました。
画像にMP3を隠す方法
一見何の変哲もない画像ファイル。しかし、その画像ファイルをWINAMPのようなMP3プレーヤーに放り込むと、音声が再生されるというトリックの紹介。
アスタリスクで隠されたパスワードを確認する方法
通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。
このようなケースに役立つハックの紹介。
Google検索トリック7発
7 Clever Google Tricks Worth Knowing | Marc and Angel
上のリンクでいくつかのGoogleの検索技が紹介されています。
だいたいは以前このサイトでも紹介したものですが、今回はじめて知ったもののあります。
openkapowでカスタムRSSの作成
グラフィックや写真などアート系の総合サイトで有名な、deviantART には最近のサイトの例に漏れず、RSSを配信していますが、このRSSが視覚的なコンテンツが命のサイトにあって、RSSの内容はTEXTオンリーという、どうにもいただけないRSSなのです。
そこで、先日紹介したopenkapowのRoboMakerを使用してサムネイル画像入りのカスタムRSSを作ってみたいと思います。
タスクマネージャーをダブルクリック
タスクマネージャーをダブルクリックするとこんな風になるんですね・・・知らなかった
また、アプリケーションタブ中央ではトレイに格納されます。
Google検索プラグイン
先日のエントリーを元にGoogleのオリジナル検索プラグイン（OpenSearchプラグイン）を作ってみました。
- 内容
- 広告削除
- ショートカットキー
- 検索結果50件表示
Google キーボード・ショートカット
上のように、URLのパラメーターに
esrch=BetaShortcuts
と加えることで、簡単なキーボード・ショートカットが使えるようになります。
ショートカットの内容は以下のとおり
広告抜きのGoogle検索
以下のURLからの検索結果ページには広告が入りません。
http://www.google.com/search?output=googleabout
便利にファイル転送
ファイルの転送を行う際、特にサーバーにファイルをアップロード時には、FTPソフトを使うのが一般的です。私も以前からFFFTPを使っていますが、一つのファイルをアップロードするのにわざわざソフトを立ち上げるのは、煩わしい場合があります。
Webページのスナップショットを撮る
前々回、紹介したWinSnapはWebページのスナップショットを撮るツールとしては、申し分ないソフトではありますが、例えば前回のエントリ―のようにリスト化された各ページのスナップショットがほしい場合、その都度個別にスナップショットを撮るのはいささか面倒な作業です。
そこで、このような作業を一括して行う方法を考えてみました。
Google 検索ハック
Google検索の裏技的な使い方について、これまでいくつか紹介したことがありましたが、それらはごく一部にしか過ぎません。
こちらのサイトは、この手の話題を多く扱っています。
Last.fmをWinampで聞く方法
YouTubeやFlickrと共に最も成功したWebサービスとして、もはや説明の必要もないほど有名になったLast.fmですが、ソーシャルコミュニティー的要素を最大限に生かしたことがその成功の要因といえます。
Rapidshareでダウンロードの待ち時間をなくす方法
巨大アップローダーとして有名なRapidshareで、ファイルをダウンロードする際に待たされる時間を、取り消すハック。Googleで無料のNapsterを検索で想う
Turn Google into your own personal (free) Napsterより引用
Amazonから取得できる画像
今回もAmazonの話。
先日の話のようにAWSからアルバム画像を取得するのと違い、一般のHTMLからではリクエストしたページは、あくまでキーワードに該当する検索結果のページであって、そこには小さなサムネイル画像しかありません。
しかし、Amazonの画像のURLには一定の法則があり、文字列を置き換えることで希望した画像を取得することができます。
例えば上のようなキーワードで得られる検索結果のページから以下のサムネイルの画像のURLが判ります。
http://images.amazon.com/images/P/
B000GW884W.01._SCTHUMBZZZ_V39965167_.jpg
(↑URLは改行してますが本来は一行です）
http://images.amazon.com/images/P/ 以降がその画像固有の情報で、
「B000GW884W」の部分がASINコード（商品番号）
「01」が国番号
「SCTHUMBZZZ」が画像のサイズとなっています。
「V39965167」の部分は特に必要ありません。
もし、標準サイズの画像がほしい場合、「SCTHUMBZZZ」の部分を「SCMZZZZZZZ」に置き換えてやればいいだけです。ちなみに大サイズは「SCLZZZZZZZ」ですが、こちらはすべての商品に用意されている画像サイズではないようです。
また、各国版で微妙に違う画像もあり、国内版の画像であれば「09」が日本の国番号になっています。
さて、こうしたURLの操作で得られる画像の種類はサイズだけではなく、様々な画像加工のオプションが存在します。以下はその一例です。（http://images.amazon.com/images/P/B000GW884W.01. につづくURL）
・標準
_SCMZZZZZZZ_.jpg
・PB - 影をつける
_PB_SCMZZZZZZZ_.jpg
・PA - 影をつける（拡張）
_PA10,-5,-10,20_SCMZZZZZZZ_.jpg
[パラメータ]
拡張するピクセル、横の
影の長さ、縦の影の長さ、ぼかし量
・BO - 枠をつける
_BO10,127,255,255_SCMZZZZZZZ_.jpg
[パラメータ]
枠幅、RGB色指定
・PF - CDがはみ出た画像
_PF_SCMZZZZZZZ_.jpg
・PD - 割引マークをつける
_PD25_SCMZZZZZZZ_.jpg
[パラメータ]
割引率
・ZA - 文字を入れる
_ZAAmazon,30,50,100,100,arial,20,50,240,40_
SCMZZZZZZZ_.jpg
[パラメータ]
文字、位置、領域、フォント名、フォントサイズ、RGB色
・AA - リサイズする
_AA60_SCMZZZZZZZ_.jpg
[パラメータ] サイズ
・CR - 画像の一部を切り取る
_CR60,60,100,100_SCMZZZZZZZ_.jpg
[パラメータ] 位置、領域
・PU - 画像を左回転 （PV = 右回転）
_PU10_SCMZZZZZZZ_.jpg
[パラメータ]
角度
0-90
・HL - 一部をハイライトする
_HL30,50,40,50,128_SCMZZZZZZZ_.jpg
[パラメータ]
位置、領域、ハイライト量 0-255
・BL - ぼかす
_BL5_SCMZZZZZZZ_.jpg
[パラメータ]
ぼかし量
・SH - シャープにする
_SH50_SCMZZZZZZZ_.jpg
[パラメータ]
シャープにする度合い
これらの加工はもちろん複数施すこともできます。処理は左から順に実行されていくため、順序を間違えると不自然な画像になったりします。下の例では元の画像に白い枠を付け、影を落とし、左に１0度傾け、シャープ化した画像で、URLは以下のようになります(改行していますが、一行です）。
_BO8,255,255,255_PA20,0,0,20_PU10_SH60
_SCMZZZZZZZ_V39965167_.jpg
さて、ご覧のように影を付けたり、回転したりした場合の追加背景はJPG画像ゆえに透過処理している訳ではありません。なので、スキンの素材として活用するのには、すべて使えるオプションとはいい難いですが、枠を付けたりシャープ化したりといった処理はそのまま利用可能な便利なオプションだと思います。
また、ご自身のブログなどでAmazonのアソシエイト・プログラムをやっている方にとっても、このようなちょっとした操作の応用で、一味違った商品ディスプレイが可能になるのではないでしょうか。
