Category Archives: Firefox

Firefoxでレスポンシブデザインを確認する方法

0
Filed under Firefox
Tagged as , ,

レスポンシブデザインビュー

今までPCのメインブラウザをFirefoxにしていて、ちょっとウェブデザイン的なこともやったりしていたのですが、これは知らなかった!!
「レスポンシブデザインビュー」!!
Firefox Responsive Design View
ウィンドウのサイズを変えることなくレスポンシブデザインを確認できる機能です。
結局ウィンドウを拡大縮小させればいいから、特に探したりしてませんでした。。
でも、レスポンシブデザインを実装しているとき、別の普通に見ているページまでリサイズしてしまったりするので面倒に感じていたり、場合によっては別ウィンドウで開いていたりしていたのですが、、まさか標準でこんな機能があったなんて!
ショートカットは、⌘ + ⌥ + M、コマンド オプション えむ!
レッツ!チェック、レスポンシブデザイン!

Tombloo for Firefox 4.0.1

0
Filed under Firefox
Tagged as ,

Firefox ブラウザ無料ダウンロード

Firefox 4.0.1を入れてみたら、いくつかのアドオンが使えなくなりました。

まぁ、そのほとんどは大して問題ないのですが、Tomblooだけはちょっと何とかしたかったので、インストールしたので、その手順をメモしておきます。

1. githubからxpiファイルをダウンロードする

最新のtomblooアドオンはgithub内( https://github.com/to/tombloo )からダウンロードします。
ブラウザでソース内のtombloo.xpiのページ( https://github.com/to/tombloo/blob/master/tombloo.xpi )を開き、[raw]リンクをクリックします。
すると、保存確認ダイアログが出るので、適当な場所へ保存します。

2. アドオンマネージャでインストール

「ツール」メニューの「アドオン」でアドオンマネージャが開きます。
その上部にあるプルダウンメニューから、「ファイルからアドオンをインストール…」という項目を選択し、先ほどダウンロードしたxpiファイルを選択します。

これで完了!

3.xで使っていたときの設定とか引き継がれていましたので、問題なく使えます。


[AD]

↓一概にオフィスと言っても、その目的がいろいろあると思うのですが、それでも気になる一冊。

仕事するのにオフィスはいらない (光文社新書)

著者/訳者:佐々木 俊尚

出版社:光文社( 2009-07-16 )

定価:

新書 ( 248 ページ )

ISBN-10 : 4334035159

ISBN-13 : 9784334035150


↓評価高いですね!次に読んでみようかな。

ウェブを変える10の破壊的トレンド

著者/訳者:渡辺 弘美

出版社:ソフトバンククリエイティブ( 2007-12-22 )

定価:

Amazon価格:¥ 5,066

単行本 ( 224 ページ )

ISBN-10 : 4797346442

ISBN-13 : 9784797346442


↓最近買ったiPad2に付ける保護フィルム、かなり汚れに強いらしい!子どものいたずら対策という意味でもこれぐらいいいものがいいかもしれない。

iPad 4th/3rd/2nd PRO GUARD (ARSH 高防汚撥水・低反射) / PGARSH-IPAD2R

iPad 4th/3rd/2nd PRO GUARD (ARSH 高防汚撥水・低反射) / PGARSH-IPAD2R

定価:¥ 2,800

カテゴリ:Personal Computers


TomblooのYouTube対応を改良してみた

4
Filed under Firefox, JavaScript, Mac, ウェブサービス
Tagged as , , , , , ,

Tombloo

Tomblooというとても便利なFirefoxアドオンがあります。
コンテキストメニューから選ぶだけで、見ているページをいい感じにウェブサービスに投稿出来るアドオンです。

私はこれでTumblrへの投稿を行っています。
文字列を選べばそれを引用として投稿でき、動画サイトならそれに適した形でプレビューなどを埋め込んでくれます。
インストール方法は、以下のリンク “tombloo.xpi” を右クリックし、 名前をつけてリンク先を保存でダウンロードしてください。ダウンロードされたファイルをFirefoxのウィンドウへドロップするとインストールがはじまります。

tombloo.xpi

追記:2010/08/18

tomblooの作者toさんがコメントされたように下記に書いたYouTubeでの問題への対応は、公開されているスクリプトに取り込まれました (github)

コミットされたコードも洗練されているので勉強になりますね。


情熱プログラマー ソフトウェア開発者の幸せな生き方

著者/訳者:Chad Fowler

出版社:オーム社( 2010-02-26 )

定価:

Amazon価格:¥ 2,592

単行本(ソフトカバー) ( 200 ページ )

ISBN-10 : 4274067939

ISBN-13 : 9784274067938



YouTubeでの問題

注意:前述したように、2010/08/18現在、最新tombloo.xpiでは下記の問題は修正されていますが、技術メモとして残しておきます。
最近YouTubeのHTML形式が変わったりしてちょっと問題があったりしましたが、それについてはこちらのブログエントリ「TomblooからYouTube動画をpostできなくなった件 – FLYING」で紹介されているようにアドオンのJavaScriptソースをいじることで対応出来ました。
ただ、それでもいくつかのYouTube動画で、これでも対応しきれないところがあり、ちょっと気になっていましたので、原因を調べてみました。

調査、解決コード

問題が発生する動画ページは、例えば、この動画です。
他のページと何が違うのか、考えてみると、左上の動画投稿者の名前が入るべきところにバナーが入っています。そこのHTMLタグ取得に失敗してるのが原因と分かりました。

前述したブログでの修正内容を見て、修正すべきは次のファイルであると分かりました。
Windowsの場合は、
C:\Documents and Settings\(ユーザー名)\Application Data\Mozilla\Firefox\Profiles\(プロファイル名)\extensions\tombloo@brasil.to\chrome\content\library
Mac OS Xの場合は、
/Users/(ユーザー名)/Library/Application Support/Firefox/Profiles/(プロファイル名)/extensions/tombloo@brasil.to/chrome/content/library
にある、
31_Tombloo.Service.extractors.js
です。
このファイルの1230行目辺りを以下のように書き換えます。これで動作するようになりました。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
{
  name : 'Video - YouTube',
  ICON : 'http://youtube.com/favicon.ico',
  check : function(ctx){
    return ctx.host.match('youtube.com');
  },
  extract : function(ctx){
    var author = $x('id("watch-username")');
    ctx.title = ctx.title.replace(/[\n\r\t]+/gm, ' ').trim();
    if( !author ){
      author = $x('id("watch-userbanner")');
      var t0 = author.href;
      var t1 = t0.match( /[^/]+$/ );
      var t2 = author.textContent.replace( /<img.*\/>/, t1 );
      return {
        type      : 'video',
        item      : ctx.title.extract(/ - (.*)/),
        itemUrl   : ctx.href,
        author    : t2,
        authorUrl : author.href,
      };
    }
    else{
      return {
        type      : 'video',
        item      : ctx.title.extract(/ - (.*)/),
        itemUrl   : ctx.href,
        author    : author.textContent,
        authorUrl : author.href,
      };
    }
  },
},

ちょっと強引に直していますが、まぁ、いいかな。


[AD]

↓YouTubeからUstreamへと、今、何かが変わりつつある。

USTREAM 世界を変えるネット生中継 (ソフトバンク新書)

著者/訳者:川井 拓也

出版社:SBクリエイティブ( 2010-05-19 )

定価:

新書 ( 200 ページ )

ISBN-10 : 479736016X

ISBN-13 : 9784797360165


↓ Make:ブランドのArduino本、面白そう!

Arduinoをはじめよう (Make:PROJECTS)

著者/訳者:Massimo Banzi

出版社:オライリージャパン( 2009-03-27 )

定価:

Amazon価格:¥ 1,500

単行本(ソフトカバー) ( 216 ページ )

ISBN-10 : 4873113989

ISBN-13 : 9784873113982


Clear Cache Button for FF3.6

0
Filed under Firefox
Tagged as

2010年4月7日追記:2010年3月31日に3.6.xに対応したClear Cache Buttonがリリースされました。下記のエントリはそれがリリースされる前の話です。

Firefox 3.6

Firefoxが3.6にバージョンアップして、ちょっといろいろなところで問題が出ていたりしますが、一番困っていたのは“Clear Cache Button”というアドオンがなかなか3.6に対応してくれないこと。
ちなみに、このアドオンは、キャッシュを確実に空にしてくれるもので、ボタンとして表示しておけばワンクリックでクリアしてくれるので、Flashデベロッパーは必須だと思っています。
どうにかしようかと思ったりもしたのですが、時間が無いこともあり手を出せないでいました。

Thank you, vmlive!

今日再びClear Cache Buttonのページを見たら、vmliveというユーザーがFirefox 3.6用にClear Cache Buttonを適用させたモノを配布してるよ、とのコメントを書いていました!

リンク先はこちらです→http://tinyurl.com/clearcachebutton-0-9c
ClearCacheButton_0.9c.xpiというファイルがダウンロードされますので、それをFirefoxで開くとインストール画面になります。
Firefox3.6を再起動したら無事今までと同じようにインストールされていることが確認出来ました。


[AD]

【1900年モデル】ELECOM 液晶用ウェットクリーニングティッシュ50枚入り WC-DP50N

【1900年モデル】ELECOM 液晶用ウェットクリーニングティッシュ50枚入り WC-DP50N

定価:¥ 495

カテゴリ:Personal Computers

発売日:2004-11-01


サンワサプライ CD-17NT 液晶画面クリーナー

サンワサプライ CD-17NT 液晶画面クリーナー

Amazon価格:¥ 500

カテゴリ: