TONPOOBLOG » tips

Gmailの新機能「POPアカウントの更新」

tonpoo — Thu, 11 Mar 2010 15:07:27 +0000

僕は今のところメーラーとしてGmailを使っていて、自分のドメイン（@tonpoo.com）宛に届いたメールも、Gmail上で送受信するようにしています。ただし、@tonpoo.com宛のメールをGmailに転送するのではなく、Gmailからtonpoo.comのPOPサーバーにメールを読み（受信）に行くようにしています。
※転送しない理由については以下の記事を参照。
TONPOOBLOG » Gmailへのメール転送がヤバい

で、GmailでPOP受信する場合の最大のネックは、POPサーバーへのチェック頻度を設定できないこと。日々の受信メールの量などによって、Gmailが自動的に頻度を設定するようなんですが、会員登録などで「今まさにメールが届いているはず！」というような時、何分か待たないといけないようなことがよくあります。

そんな時に便利な「POPアカウントの更新」という機能がLabsの機能として実装されました！

Gmail Labに手動でメールを確認できる「POPアカウントの更新」機能が追加 : ライフハッカー［日本版］

いやいや、これは助かる。早速使ってます。

Firefox3.6でフルFlashサイトを表示した際に余計なスクロールバーが表示されてしまう問題の解決策（SWFObject2.x版）

tonpoo — Mon, 01 Feb 2010 03:32:15 +0000

Firefox3.6になってから、フルFlashサイト（ブラウザ領域の横100%x高さ100%にFlashコンテンツを表示しているサイト）で、「Flash領域をクリックすると余計なスクロールバーが表示される」という問題が出るようになった件、解決策を見つけました！

結論（2010.04.06追記）

以下の記事では複数の解決策について触れていますが、Tonpoo個人としては専ら最後の「追記」で示した「CSSでobject要素にoutline:none;を指定する」という方法を採用しています。

object{
	outline:none;
}

理由は、SWFObject以外のライブラリなどを使っていたとしても有効であること、id指定の位置に影響されないことなど、「とりあえずこれを指定しておけば大丈夫」という印象を抱いたためです。object要素のoutlineがnoneになることのデメリットが判明したら再考しますが、当面はこれで対処するつもりでいます。

以上、ご参考まで。

Flashコンテンツのid（attributes.id）を指定していない場合

HTMLコンテナのidとして指定しているidに対して、CSSでoutline:none;を設定すると直ります。

例えば、SWFObject 2 HTML and JavaScript ジェネレーター v1.2で、サイズの指定を「100 x 100%」にして生成した下記のようなhtmlソースの場合。

CSSで下記のように指定します。

#myAlternativeContent {
	outline:none;
}

Flashコンテンツのid（attributes.id）を指定している場合

outline:none;を使うのは一緒ですが、HTMLコンテンツのidに対してではなく、Flashコンテンツのid（attributes.id）に対してCSSを指定します。

例えば、下記のソースの場合：

CSSは下記のように指定します。

#myFlashContent {
	outline:none;
}

SWFObject2のフォーラムでも取り上げられているけど、回答が着いてない模様。twitterでもつぶやいてる人がいたりもしたんだけど、肝心の解決策が見つからない・・・、と思った矢先、非常に参考になったのが下記の記事。

lancia desginlogue: [Flash] FireFox 3.6 の親切の様な困った仕様対策(クリックでスクロール出ちゃうやつ)

Progressionの場合。
progression.cssの#flashcontent:focus に対して以下を追加！

outline:none;

で・・・いけました。

これだ！ということで、上記を参考に試行錯誤して、なんとか解決できました。よかった。

【追記】CSSでobject要素にoutline:none;を指定する

この問題、フルFlashに限った事ではないみたいですね。どうやらFirefox3.6から、SWFObject（など）でSWFを表示させている場合、SWFにフォーカスが移るとSWFの周囲に1ピクセルのドットが表示されるようになった、ということらしいです。実際、フルFlashでもなんでもない、HTMLページに普通に埋め込まれているFlashコンテンツをクリックしてみたところ、確かに周囲にドットが表示されました。

SWFObjectのFAQページに以下のような記述がありましたが、もしかしてこちらのほうがより有効かもしれませんね。

15.Windows版Firefox3でwmodeをtransparentかopaqueにした時、SWFの周囲に点線が表示されるのはなぜ？

（中略）下記のスタイルをページの頭で指定すると解決します。

「Firefox3.6で」っていう話ではないし、wmodeを変更した時限定のトピックですが、やってる事（要素の周囲のドットボーダーを消す）は一緒。実際、試してみましたが、この方法でもＯＫでした。

navigateToURL+IE+wmode:”transparent”の憂鬱

tonpoo — Tue, 12 Jan 2010 12:36:36 +0000

「addEventListenerの書き方の定番」や「ステージのインスタンスを自動宣言」と同じような、備忘録を兼ねたas3メモ。

as3で他ページへのリンクを実装する場合、通常はnavigateToURLメソッドが使われます。

package {
	import flash.display.MovieClip;
	import flash.events.MouseEvent;
	import flash.net.navigateToURL;
	import flash.net.URLRequest;

	public class Main extends MovieClip {
		btn.addEventListener(MouseEvent.CLICK, onBtnClick, false, 0, true);
	}

	public var btn:MovieClip;

	public function onBtnClick(e:MouseEvent):void {
		var url:String = "http://www.tonpoo.com/";
		var req:URLRequest = new URLRequest(url);
		navigateToURL(req, "_self");
	}
}

上記はリンク先を同じウィンドウで表示する場合の例。別ウィンドウで表示させる場合は、navigateToURLの行が以下のようになります。

navigateToURL(req, "_blank");

さて、通常であればこれで問題ないのですが、swfファイルをhtml上に埋め込むための設定で、wmodeの値を“transparent”や“opaque”にしていた場合、この方法でリンクボタンの設定をすると、IEで実行した時にポップアップブロックの警告が出てしまい、すんなりリンク先を開く事ができなくなります。

※wmode=”window”の場合は問題ないようです。

さてどうするかということで参考になるのが下記の記事。

IEのポップアップブロックのブロック | エントリー | _level0.KAYAC

ExternalInterfaceを使って、JavaScriptのwindow.openを直接実行するわけですね。となると当然、wmode=”transparent”の他に、allowscriptaccess=”always”にする必要が出てきます。

ということで出来たHTML側のテンプレ（swfobject使用）：



	
		
		サンプル

SWF側のドキュメントクラスの例：

package {
	import flash.display.MovieClip;
	import flash.events.MouseEvent;
	import flash.external.ExternalInterface;

	public class Main extends MovieClip {
		btn.addEventListener(MouseEvent.CLICK, onBtnClick, false, 0, true);
	}

	public var btn:MovieClip;

	public function onBtnClick(e:MouseEvent):void {
		var url:String = "http://www.tonpoo.com/";
		ExternalInterface.call("window.open",url,"");
	}
}

URLRequestの設定をする必要がない分、navigateToURLを使った場合よりも記述がシンプルになっているのが面白いですね。個人的にはwmode=”transparent”はあまり使いたくない設定なのですが、コンテンツの仕様上使わざるを得ない事も多いので、忘れないでいたいと思います。

FlashからExternalInterfaceクラスを使ってLightboxを呼び出す

tonpoo — Tue, 22 Dec 2009 13:55:06 +0000

「Flash（swf）からLightboxを呼び出す」というニーズがこれまでに何回かあり、またついさっきもあって、その都度ちょっと面倒だったりしたのでメモ。なお、ウチの会社ではswfファイルの埋め込みには通常swfobject2を使ってるので、以下は「Lightbox2.04 + swfobject2 + ActionScript（ExternalInterfaceクラス）」という組み合わせが前提となっています。

Lightboxを入手

まず使用するLightboxのバージョンは2.04。Lokesh Dhakar氏によるLightbox 2の公式サイトで入手。

ベースHTMLの作成

次にベースとなるHTMLを作成。今回はとりあえずSWFObject 2 HTML and JavaScript ジェネレーターを使ってサクっと作りました。ポイントとしては、「SWFの定義」のオプションを一部変更すること。

まず、Lightboxを表示した際に、swfコンテンツが上に来てしまうのを避けるため、wmodeをtransparentに設定。また、ExternalInterfaceクラスを使うので、allowscriptaccessをalwaysに設定。できあがったHTMLは下記の通り：

Lightbox用のライブラリを組み込み

上記のベースHTMLのheadセクションに、Lightbox動作のためのjsファイルとcssファイルを組み込む下記の記述を追加。

Lightboxを起動させるJavaScriptメソッドを追加

Lightboxを直接起動させるJavaScriptのメソッドがないので、下記ページを参考にそのためのメソッドを追加。

Execute Lightbox Scripts From Flash at Codefidelity
（情報元：Flash から Lightbox を起動する方法 – minorio のプログラミング・メモ）

具体的に追加する内容は下記の通り。

最終的にできあがったhtmlは下記の通り。

ExternalInterfaceで呼び出し

次はFlash側の用意。sample.flaというファイル（ActionScript3）を用意、ステージ上にボタン用のMovieClipインスタンスを３つ配置し、それぞれbtn0, btn1, btn2という名前を付ける。sample.flaのドキュメントクラスとしてSampleクラスを指定。Sample.asの内容は下記の通り。

package {
	import flash.display.MovieClip;
	import flash.events.MouseEvent;
	import flash.external.ExternalInterface;

	public class Sample extends MovieClip{
		public function Sample() {
			//Lightbox用の設定
			lightboxArray = new Array();
			lightboxArray[0] = {
				src:"images/photo0.jpg",
				caption:"写真その0"
			};
			lightboxArray[1] = {
				src:"images/photo1.jpg",
				caption:"写真その1"
			};
			lightboxArray[2] = {
				src:"images/photo2.jpg",
				caption:"写真その2"
			};
			//ボタンの設定
			for (var i:uint = 0; i < 3; i++) {
				var btn:MovieClip = this["btn" + i];
				btn.id = i;
				btn.buttonMode = true;
				btn.addEventListener(MouseEvent.CLICK, onBtnClick, false, 0, true);
			}
		}

		public var lightboxArray:Array;
		public var btn0:MovieClip;
		public var btn1:MovieClip;
		public var btn2:MovieClip;

		//ボタン用メソッド
		public function onBtnClick(e:MouseEvent):void {
			var btn:MovieClip = e.target as MovieClip;
			var id:uint = btn.id;
			var src:String = lightboxArray[id].src;
			var caption:String = lightboxArray[id].caption;
			//LightboxDelegateメソッドを呼び出し
			ExternalInterface.call("LightboxDelegate",src,caption );
		}
	}
}

これで完成！

オマケ：IE7～8でのLightboxの表示バグフィックス

Lightboxを使った縦に長いページをIEで閲覧した場合、ページをスクロールしてからLightboxを起動すると、Lightboxの背景（黒い透過）部分が途中で切れてしまう。これを回避するためにとりあえずやったのがlightbox.cssの改造。具体的には#overlayのpositionをabsoluteからfixに変更（+IE6ではおかしくなってしまうので、スターハックを使ってabsoluteのまま）部分を下記のようにしました。

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
* html #overlay {
	position: absolute;
}

以上、備忘録もかねて参考までに。

リモートデスクトップ接続の設定でよく見落としてた点

tonpoo — Mon, 23 Mar 2009 08:36:00 +0000

Windowsファイアウォールの設定画面、「例外」タブの中で、「リモートデスクトップ」にチェックが入っていても、「ファイルとプリンタの共有」にチェックが入ってないと、リモートデスクトップ接続できないんだった。それをすっかり忘れてました。ので、備忘録兼ねてメモ。

最近Firefoxが妙に重くなったなと感じているあなたに

tonpoo — Wed, 04 Mar 2009 09:20:00 +0000

[Mac]最近Firefoxが妙に重くなったなと感じているあなたm9(´Д`)の為のTips – ジャポニウム βlog

この記事の中で為になったのは「番外編」の一つ前にある症状と対策。

症状
　否々そうじゃなくてさ、Firefox3導入当初は軽かった筈なんだよ、アドオンも足を引っ張る様なもん入れてないし、何て言ったらいいか起動して使いだしてからとか短期的？症状じゃなくて、導入以来の長期的使用に於ける鈍化を治したいんだよね。
　ってか起動も滅茶滅茶遅くなってね？
対策
　Firefoxを終了した状態で、ユーザライブラリのキャッシュからurlclassifier3.sqliteをゴミ箱に入れ削除する。
　キャッシュファイル保存先の一般例：Macintosh HD/ユーザ/（ユーザ名）/ライブラリ/Caches/Firefox/Profiles/（不規則文字列）.default/urlclassifier3.sqlite
　起動が速くなります！
　Gmail等のWebアプリも速くなります！

これはやったことないな、と思ったので、早速試してみたところ、確かに起動が早くなった！Windows環境なので上記ファイルの場所は

C:Documents and Settings（ユーザ名）Application DataMozillaFirefoxProfiles（不規則文字列）.defaulturlclassifier3.sqlite

これはいいかも。

ウイルスバスター+リモートデスクトップ接続

tonpoo — Mon, 02 Mar 2009 07:29:00 +0000

以前にもウイルスバスター環境のPC（Windows XP）にリモートデスクトップ接続しようとしてはじかれたことがあって、「あれ、どうやって回避したっけなあ？」ってことがあったので、メモ。

断片化ってそういうことだったの＋ウィルスバスターのパフォーマンス改善

tonpoo — Mon, 02 Mar 2009 01:02:00 +0000

ひどい断片化にはデフラグを。でもこの断片化は…。 : パソコントラブル出張修理・サポート日記

断片化っておおよその理解はしていたつもりで、デフラグなんかも気がついたときにはするようにしてたけど、分析レポートとかちゃんと読んだことなかったし、2MBのファイルが3,929個とかにまで断片化してる、ってことがあるのを初めて知った。改めて自分のPCの分析レポートかけてみると、確かに2,000以上に断片化してるファイルを発見。ああ、こりゃデフラグせんと・・・、ということで、早速現在Auslogics Disk Defragを使ってデフラグ中。

さらに後半の「おまけ」にあった「ウイルス対策ソフトを停止せずにパフォーマンスを改善する方法」ってやつも興味深い。ということでこちらも早速設定して再起動！・・・してみたけど、今のところ体感できるほどのパフォーマンスの改善には繋がらず。まあしばらく様子を見ます。

Firefoxで複数プロファイルを同時に起動

tonpoo — Thu, 26 Feb 2009 02:08:00 +0000

Firefoxを複数プロファイルで使い分ける | Tech de Go

２つの仕様の異なるFirefoxは、同時に起動することは出来ない。かと思ったら、同時起動可能だった(Firefox2以上）。

おお、知らなかった！そんなことできたんですね。デバッグ作業がはかどりそうです。

Google Analyticsで参照元の完全なURLを記録する – GRANADA Hatena @ sotarok

tonpoo — Wed, 13 Aug 2008 01:50:00 +0000

Google Analyticsで参照元の完全なURLを記録する – GRANADA Hatena @ sotarok

ああ、ああ、これこれ！これやりたかったんだ。これすごく大事。記事が無くなるといけないから、引用しておこう。

Google Analyticsで参照元の完全なURLを記録する – GRANADA Hatena @ sotarokより引用:

と、まぁ正直これだけでもいいような気もしますが、やっぱり「どのサイトのどのページにリンクが張られているか」とか、知りたかったりします。

というわけで、フィルタマネージャから、カスタムフィルタ機能を使ってみる。

Analyticsのトップから、「フィルタマネージャ」をクリック

右上にある「フィルタを追加」をクリック

フィルタの設定をする

フィルタ名：なんでもいいや。私は「参照元 URL」にしたっけな？

フィルタの種類：「カスタムフィルタ」を選択

「アドバンス」をクリック

フィールド A -> 引用 A：プルダウンから「参照」を選択し、その右のテキストボックスには「(.*)」と入力

フィールド B -> 引用 B：空でOK

出力先 -> 構成：プルダウンから「ユーザー定義」を選択し、テキストボックスには「$A1」と入力

その下は「はい」「いいえ」「はい」「いいえ」の順

適用させるプロファイルを選んで「変更を保存」をクリック

これで次の日から「ユーザー -> ユーザー定義」の欄に完全なURLが表示されるようになります。