Google Maps API v3を使ってウェブサイトやブログに地図を表示する方法を紹介します。 本エントリーではGoogleマップの基本的な表示するために必要な、下記の手順について説明します。 APIキーの取得 Googleマップの表示 中心地点の設定 縮尺の設定 １．APIキーの取得 Google APIコンソールのページを開いて、Google アカウントでログインし、表示された画面の左メニューにある「APIs & auth」をクリック。 APIの一覧が表示されるので、「Google Maps JavaScript API v3」の右側にある「OFF」をクリック。 サービス利用規約に同意する場合はチェックボックスをチェックして「Accept」をクリック。 （クリックで拡大） 「Google Maps JavaScript API v3」のSTATUSが「ON」になったことを確認。 「

Google Chromeでタブを縦に表示できる「Sidewise Tree Style Tabs」を紹介します。 １．概要 本エントリーで紹介する「Sidewise Tree Style Tabs」は、ブラウザと別ウィンドウでタブを縦に表示し、名前の通りタブのツリー表示などが可能です。 先日の「10個以上ブラウザタブを開いてはいけない理由 : ライフハッカー」を読んで、仕事で調べ物をしているときに10で収めるというのは基本的に困難で、多分40～50タブは当たり前に開いていると思うのでがすが、たくさんのタブを開いていると探すのがちょっと面倒だなと思い、調べたところ、この拡張機能がみつかりました。 タブを横に並べると、タブ数やタブに表示されるタイトルに制限があります。 数年前は開くタブ数もそれほど多くなかったのかもしれませんが、数十～数百のタブを開くのが当たり前になってきた現在、むしろ縦タブ

Movable Type 日本語環境でよく利用されていると思われる MovableType プラグインの一覧です。 海外サイトについては Googleで「Movable プラグイン」で検索した結果より、国内サイトは私が把握しているプラグイン作成者のサイトと Google 検索結果から抽出しています。Movable Type Plugins Directory からの抽出は行っていません。 また国内サイトのプラグインの概要は、配布サイトに掲載されている文言を引用させて頂いてます。 2010.05.01 MT5版のプラグイン一覧を公開しました。 2007.09.10 MT4版のプラグイン一覧を公開しました。本エントリーでのMT4版のプラグイン情報追加は終了します。 注意事項 プラグインに関するコメント等の主観的要素は含まないようにしています。プラグインの適用についてはご自身の判断で行ってくださ

CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi