Build awesome apps with Google’s knowledge of the real world Create real-world, real-time experiences with the latest Maps, Routes, and Places features from Google Maps Platform. Built by the Google team for developers everywhere.
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
あるプレゼンの最中、発表者のPCに常駐しているTwitでTwitterの投稿が見えていて面白かった、という話を聞きました。 この話を聞いて、去年少し話題になったニコニコプレゼンを思い出し、後輩の卒研発表で是非使ってもらおうと思い、AIRで作ることにしました。 作る前に同じようなものを作っている人がいないか探した所、id:nitoyonさんが「AIR でニコニコメソッド プレゼン - てっく煮ブログ 跡地」で作っていて目的にも合致していたので、これを使おうかと思ったのですが、最新バージョンのAIRの実行環境(Beta 3)では動きませんでした。 ということで、ソースコードも公開してもらっているので、最新バージョンの実行環境に対応するついでに、いくつか機能を追加したり改良したりしたので公開しておきます。 大きな変更点として、txtファイルではなくHTTPでRSSを読み込むようにしました。これに
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
http://www.nicovideo.jp/api/getflv/[動画IDかスレッドID] flv取得URL、コメントXML取得URLなどが得られます。getflv?v=[動画IDかスレッドID]でもアクセスできます。 [動画IDかスレッドID]は、http://www.nicovideo.jp/watch/sm...のsm...の部分、もしくはスレッドIDでもよいみたい。 参考にさせていただいたところ flvの取得 - poChiの日記 http://msg.nicovideo.jp/[数字]/api/ コメントなどが得られます。 POSTでほしいものを投げます。 [数字]というかアクセスURLそのものはhttp://www.nicovideo.jp/api/getflv?v=[動画IDかスレッドID]にアクセスして取得してください。 参考にさせていただいたところ コメントの取得
最近のFlashって、絵描く人とコードコードした人が分離しすぎちゃって詰まらないなぁと思ったので、両側やってみたい人向けのとっかかりになる本とかまとめてみた。Flashでモニョモニョ動いたり、ビュワビュワ多量情報をビジュアライズした人向けの資料集。自分が実際に読んだ本/持ってる本からピックアップ。 ストックエントリベースだから、最新の本とかは抜けもあるかも。 ■ActionScript 1 & 2編 Flash Math Creativity 初等数学と工夫でいかにイメージや動きをジェネレートするか?という本。洋書のみ。数行のシンプルなコードによる習作から徐々に作品を発展させていくスタイルはインタラクティブなコーディングの初心者には大変勉強になる。ActionScript1によるフレーム直書のスタイルの為AS3から入った人はちょっとビックリするかも。サイトから掲載習作の全動作サンプルが見れ
このドキュメントは、Zend Framework に貢献してくださる開発者個人 (あるいはチーム) のためにコードの書式やドキュメント作成の指針を示すものです。 Zend Framework を用いて開発をする人たちにとってもこのコーディング規約は有用でしょう。 これに従えば、Zend Framework のコードとの一貫性が保てるからです。 そのためには、ここで完全なコーディング規約を示す必要があります。 注意: 詳細なレベルまでの設計指針を示すこと以上に、 それを標準規格として確立することが大切だと考えています。 Zend Framework コーディング規約の指針は、 これまで ZF プロジェクトでうまく回っていた方針をまとめたものです。 このライセンスのもとで、 そのまま使用するなり多少変更して使用するなりすることができます。 ZF コーディング規約では、次のような内容を扱います。
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
自分はネットのどのあたりにいるのだろう? きっかけなど 皆でのほほんとブクマして,ネガコメつけづらい雰囲気を出していくといいんじゃないかな? はてな ブックマークコメントのどの要素をもってネガティブとするかは、人によって異なるし線を引くことは容易ではないという話。 同じ場所で、求めるコミュニケーションが違う人同士がぶつかるから問題になりやすい。(略)自分が求めるコミュニケーションを自覚して、それに応じた場所で発言するのがお互いにとっても幸せ。 ネットでのコミュニケーションに何を求めるか - 北の大地から送る物欲日記 自分の立ち位置なり居場所なりを踏まえたうえでネットを歩いていきたい、という話。2007年10月の記事。 お気に入りのブックマーカーを紹介してみよう はてなブックマークのブックマークコメントに関する話題が盛り上がっているようです。 記事を読みながら、自分がお気に入りに登録している
マインドマップを始めてみませんか? マインドマップ、またはマインドマッピングとは図解記述手法の一つだ。表現したい概念があるとき、その中心となり得るキーワードを中心として、放射状に関連したキーワードやイメージを記述していく。それによってある概念に対して発想を転換したり、延ばしたりすることができる。 その描き方については12のルールがあるとされ(諸説あり)、基本的に紙ベースで行うことが求められている。が、最近ではコンピュータを使い、ローカルはもちろんインターネット上でもマインドマップを利用できるようになっている。そこでこのレビューではマインドマップの簡単な説明と、それが手軽で便利に利用できるWebアプリケーションをレビューしたい。 キーワードを書き出すことが大事 例えば、何か新しいインターネットサービスを考えようとする。ここではノウハウの共有サイトとしてみよう。そこで、中心に「ノウハウ共有サー
Heroku は現在リミテッドβの状態なので、ユーザー登録を行うにはこちらのページでメールアドレスを登録し、招待メールが来るのを待たなくてはなりません。私が登録したときは 2 週間待ちだったのですが、現在はだいたい 1 日以内に招待が来るようです。ちょっと面倒ですが、ぜひサインアップして、 Heroku の素晴らしい世界を体感してみてください。 ・・・どうでもいいけど、サインアップのページにある看板はいったい。 無事にサインアップできたら、さっそくこちらのページから heroku にログインしましょう。すると、最初に以下のアプリケーション管理画面が表示されます。 heroku では同時に複数の Rails アプリケーションが開発できるので、この画面でそれらを管理するわけです。しかし、現在はひとつもアプリケーションが存在しませんので、新たに作成してみましょう。アプリケーションの作成は「Cre
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
twitter facebook hatena google pocket 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記: 2008/2/8 2サイト 2008/5/29 2サイト 2008/6/25 1サイト 2008/7/9 5サイト(jQuery UI系・Cheet Sheetを集めました) sponsors Reference ・jQuery リファレンス:v1.0.x、1.2.x ・jQuery 1.2 ドキュメント日本語訳 ・jQuery 開発者向けメモ:v1.1.x ・jQuery日本語リファレンス:v1.2.6 HowTo / Review ・jquery.jsを読み解く(追記:2008/2/8) ・jQueryの魔法 ・ニュータイプなJSライブラリjQue
フリーで使えるプロジェクト管理ツールをまとめておきます。 ■ガントチャート 開発マイルストーン ガントチャートでプロジェクト管理できるExcelツール フリーとは思えないほど高機能 ガントチャートforExcel・・・シェアウェアになりました こちらもガントチャートでプロジェクト管理できるExcelツール スケジュールの表示期間を切り替えられるのが便利 OpenProj Java ベースでガントチャートでプロジェクト管理ができるツール Microsoft Project のフリーのビューワーとしても利用可能 フリーの高機能プロジェクト管理ソフト「OpenProj」を試してみました TaskLine Excelのアドインとして動作するプロジェクト管理ツール(saramiさん情報) Microsoft Projectのファイル(XML形式)をExcelで表示するProjectViewerもある
WindowsXP/Vista、Windows Mobileに対応しており、インストールするだけでこれといった設定もせずにすぐ地方のテレビ番組などを見ることが可能です。 このソフト自体は、Wikipediaにある「KeyHoleTV」の説明によると、総務省の「次世代P2P型コンテンツ流通高度化技術に関する研究開発」によって開発されたP2Pテレビを受信するためのフリーソフトで、超軽負荷型P2P通信がウリ。 インストールと使い方は以下から。 世界に向けて生放送TVを発信KeyHoleTV & KeyHoleVideo http://www.v2p.jp/video/ 今回はWindows Vistaに「KeyHoleTV」をインストールしてみる場合の事例です。 まず上記サイトから「Download」をクリック 記事執筆時点では2.13が最新版なのでクリックしてダウンロードします インストーラを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く