Google マップをブログなどに埋め込むときの HTMLコードに含まれるふきだしを消す方法です。 ふきだしを消して、マーカーを残したい場合は「Google マップの埋め込み HTML でふきだしを消してマーカーを残す方法」を参照してください。 １．問題点 Google マップから検索などで特定の地域を表示させて、HTMLコードを取得して、ブログに埋め込むと、検索したときの情報がふきだしとして含まれてしまいます（下）。 実は、以前「Google マップの埋め込み HTML でふきだしを消す方法」をエントリーしたのですが「その方法ではふきだしが消えませんでした」というコメントを頂きました。 どうやら前回のエントリーからしばらく経ったこともあり、その間に Google マップの UI が変更されたようです。ということで、新しい技を紹介します。 ２．解消方法 Google マップで検索結果が表示

Mediator パターンを使うと以下のような変動するマウスストーカーもスッキリとしたコードで記述することができます。 get Flash Player ステージには3×3=9個のボタンがタイル状に敷き詰められています。 各ボタンの中央には、黒い丸が設置されています。真ん中のボタンが最初に選択されているボタンで、色が濃い灰色になっています。 その真ん中のボタン以外のボタンを押すと、そのボタンに応じた動きで、黒い丸によるマウスストーキングが始まります。 ┌─┬─┬─┐ │１│２│３│ ├─┼─┼─┤ │４│５│６│ ├─┼─┼─┤ │７│８│９│ └─┴─┴─┘ 仮に上記のとおりボタン番号を振ると、各ボタンを押すしたときの黒い丸の動きは以下のようになります。 easein 重力アトラクタ 落下 右壁面アトラクタ 静止 左壁面アトラクタ easeout 反重力アトラクタ ランダム このサンプル

前編からの続き。 ところで Mediator とは一体何なのか。 media すなわち「媒介する者」ということで、解説書では「調停者」などと日本語訳されていますが、その機能を鑑みるにむしろ「司令塔」と考える方がふさわしいように思われます。 複数のインスタンスが協業してひとつのプログラムを実現していても、個々のインスタンスは基本的には自分の仕事をだけを受け持つのがオブジェクト指向的考え方です。 しかしあるインスタンスの変化が他のインスタンスに影響を及ぼすようにしたい場合は多々あります。 1対1ならそのインスタンス同士を連携させれば良いかもしれませんが、その連携が1対多、あるいは多対多のように複雑に入り組んでいる場合、個々のクラスに連携を記述するのは効率的ではありません。 Mediator は仕事の構成員である、連携するインスタンス全員を監視し、ある構成員に変化が発生した際に他の構成員（本人を

FlashDevelop 3.0.0 RC1 で、AS3 のクラス補完がうまくいかないクラスがあったりして 何でだろう？と思っていたら、案の定 Class ファイルが無かった。 デフォルトでは以下にあるファイルがいくつか足りない。 C:\Program Files\FlashDevelop\Library\AS3\intrinsic\FP9\ Beta9 -> RC1 で足りないもの。 flash.net.URLLoaderDataFormat Vector は RC1 で FP10 に移動した。 RC1 -> Beta9 では flash.net.NetStreamInfo flash.net.NetStreamPlayTransitions flash.system.JPEGLoaderContext がたりない状況。 事実上影響のある部分としては、 flash.net.UR

ちょうどProcessingが1.0になった頃に Processingを1週間くらい触っていて、 Windows(xp)でWebカメラを使おうとしたら 相変わらず素直には動かなかった。Macは最初から何も問題なし。 WINVDIG 1.01 をインストール (最新版ではなく、1.01である必要がある) http://www.eden.net.nz/7/20071008/ ほぼ最小サンプル – //ライブラリの取り込み import processing.video.*; //キャプチャする映像のオブジェクトを用意 Capture video; int videoW = 120; int videoH = 90; int attachX; int attachY; int attachW; int attachH; void setup() { size(800, 600, P2

携帯ユーザに向けたデコメールの作成のポイントや実際の送り方、デザインテクニックなどを 紹介した記事をThinkITにて執筆させていただきました。本日より公開です。 特集「Webデザインまとめ読み」 月曜日公開特集：総まとめ、モバイルサイト動向 第1回：開封率の高いデコメールでメルマガ配信！ 今年一発目のThinkITの月間特集として「Webデザインまとめ読み」と題して、 モバイルだけでなく、HTMLやCSS、FLASHなどWebサイト全般で必須となる知識を紹介します。 ぜひご覧ください。 今月毎週月曜日はモバイルの特集として4回にわたって掲載予定だそうですが、 僕が担当したのは今回の第1回目だけ。他の3回の特集はどのようなものなのか、 執筆する段階でも知らせていただけなかったので、どういった記事が載るのかちょっと気になりますね。 読者の方は要チェックです。 ちなみに、ThinkITでの執筆

前回作った、マウスのクリック位置に応じてオブジェクトが移動するデモを応用して、平面上じゃなく球面上をオブジェクトが移動するものを作ってみた。ヨユーで出来たみたいな物言いだけど、オレには難易度高すぎな課題だった…orz。 InteractiveFacelevelTest3.swf（要：FlashPlayer9） 平面上を移動させたい場合は、変化する座標が2軸だけなので2Dと同じ感覚で処理すれば、まぁ問題無い感じで動く。球面上を移動させたい場合は、この考え方で実装すると始点と終点の角度が大きくなるにつれ、移動するオブジェクトが球体にメリ込んじゃう。 失敗例（要：FlashPlayer9） Tweenerのベジェ補間とかを上手く使えばソレっぽいものが出来そうな気もしたんだけど、いい加減3Dプログラミングにおける数学的知識も蓄えていかないといかんなぁと思って、クォータニオンで座標変換することに挑戦

FlashPlayer10の、3Dの話です。 ちょっと前に、Zソートのライブラリを試しましたが、ライブラリを使わず、配列のソートを利用してZソートをしているのを見つけました。 こちらです。 参考に、自分もプログラムを組んでみました。 こんな感じ（要FlashPLayer10）にちゃんとソートできます。 というか簡単にZソートが出来てしまった。 いやー参考になった。 あと、FlashPlayer10の3Dは、消失点をしっかり定義してあげないと自分の思ったとおりに表示されないみたいです。 デフォルトだと左上が設定されているっぽいです多分。 ちゃんと設定したほうがいいですね。 以下、ソースです。 package{      import flash.display.*;   import flash.events.*;   import flash.filters.BlurFilter;   i

具体的な現象は解説できませんが、Flex SDK 3.2 以前のバージョンの Flex SDK 3 で作成 / 動作確認した RSL や Module を Flex SDK 3.2 でビルドして動作させると、SystemManager 内でエラーが発生するケースがあるようです。 このとき、はじめて SDK 3.1 と 3.2 の SystemManager.as の diff を取ったのですが、2,000 行以上追記されていて驚きました。 中垣さんのブログにて解説されていますが、思ったより大きな更新なので、Flex 3.2 以前のバージョンで作った既存 Flex 3 アプリケーションの SDK をバージョンアップをするときには注意が必要です。( というより、上位互換は考えない方がよいと思います。 ) それなりに影響でると思うのですが、日本語で正式アナウンスがないのは正直辛いですね。

ウェブサイトに訪れるユーザは、何も知らずにサイトを訪れるわけではありません。 ユーザは、ウェブサイトに来る前に、TVCMや広告、雑誌の記事、あるいは店舗等で様々な情報に触れていることが普通です。 弊社のユーザ行動観察調査からの知見を二つほど紹介いたします。 例1.TVCMのイメージをウェブサイトでも活用する とある耐久消費財メーカーA社では、ユニークなTVCMでよく知られていました。A社のウェブサイトでは、そのTVCMのイメージをトップページのクリエイティブに採用していました。 弊社ユーザ行動観察調査では、そのウェブサイトを訪れたユーザは「ああ、このCM面白いですよね」などという反応を示し、ウェブサイトに対してよい印象を持つ様子が見られました。特に、サイト訪問時に強い目的志向を持っていないユーザの場合、最初にポジティブな印象を与えることで、ウェブサイトを関心を持って見てもらうことにつながり

twitter facebook hatena google pocket Yahooのトップページでも使用されているように画面遷移しないタブメニューはもはや必須になりつつあります。 そこで今回はjQueryプラグイン「jquery_spotlight」を使って、タブメニューを作るとともに、自動でコンテンツを切り替える方法を紹介します。 sponsors 使用方法 jquery_spotlightからspotlight.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="spotlight.js"></script> <script type="text/javascript

メタルのパターン Photoshopにパターンファイル（PATファイル）を登録するには、[編集]の[塗りつぶし」を選択し、「内容」の「使用」から[パターン]を選択します。 次に「カスタムパターン」の右の矢印をクリックし、「パターンの読み込み」を選択してパターンファイルを読み込みます。

スクリプトオフやスクリーンリーダーでも情報入手に支障がないように設計された、アクセシブルなパネルを開閉するスクリプト「jQueryFAQ」をCSS Tricksから紹介します。 Dynamic FAQ Page demo デモでは、Q&A形式のパネルがdl要素で実装されており、それぞれのパネルは「answer」をクリックするとスムーズに開閉します。 スクリプトのオフ時、スクリーンリーダーの使用時にも情報入手には支障がないように設計されています。 jQueryFAQはjQueryのプラグインのため、実装にはjquery.jsが必要です。 Q&AなのにFAQなのは、気になるところです。

新生銀行カードローンのレイクは、大手の消費者金融から銀行のカードローン事業の一つとして生まれ変わった唯一のカードローンです。いまだ消費者金融としてのイメージを持つ方が多いですが、総量規制対象外のれっきとした銀行カードローンとなります。 レイクの魅力はなんといってもはじめてであれば30日間無利息または5万円まで180日間無利息、という無利息サービスを選択できる点です。お金を借りるのであればできるだけ余計な利息は支払いたくはありませんし、無利息サービスを利用すれば期間によっては利息を全く支払わずにお金を借りることができます。短期間の借入を希望している方、また単発でカードローンを利用するという方におすすめです。 レイクの金利は他の銀行カードローンと比べると高く、年4.5％～18.0％と大手消費者金融並みです。また即日振り込みが可能であり、平日14時までに手続きが完了した場合にはその日のうちにお金

前回の InteractiveScene3DEvent に加えて Mouse3D を有効化することで、メッシュのクリック位置が取れる。これも1.7の時点で実装されていたものだけど、あちこちに分散した各種プロパティを操作しないと使えるようにならなかったりして、すんげーややこしかった。InteractiveScene3DEventと同様に、これも比較的シンプルに扱えるようになったかなぁと。以下利用例。 InteractiveFacelevelTest.swf（要：FlashPlayer9） ※チェック模様のPlaneをクリックした位置にConeが移動。 仕込みの手順は以下のような感じ。 ビューポート定義時にinteractiveプロパティをtrueに。 Mouse3D の enabled プロパティをtrueに。 イベント取りたいDisplayObject3Dインスタンスに与えるマテリアルの