offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
簡単な定義 要素のoffsetLeftプロパティ 要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ 要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ 要素のoffset基準要素(これが何になるかが問題) ○結論から先に見たい方は＞＞こちら＜＜○ いままで、なんとなくoffsetTopやoffsetLeftを使っていました＾＾； これらは「ページ上の要素の位置」を格納してると思って。しかし、よくよく調べてみるとそれは誤りであり、かつかなり複雑でややこしいプロパティであることが分かってきました。*1 もともと、(ここでは述べませんが、offsetHeightとoffsetWidthも含め)offset〜のプロパティはIEがVer5で独自に実装したものらしく、その後他のブラウザが追随して実装したようです
404 Blog Not Found:書評x3 - SQL本三大対決
2008年02月03日04:00 カテゴリ書評/画評/品評Lightweight Languages 書評x3 - SQL本三大対決 404 Blog Not Found:この発想はなかった - 書評 - 逆算式SQL教科書を書いたら、「いや、うちも」とばかりにどっさりSQL本が来た。 まずオライリー・ジャパンの矢野様からは、「STATISTICS HACKS(和訳)」と一緒に「SQLクックブック」と「SQL Hacks 」を、そしてC&R研究所の吉成様からは「SQL実践活用大事典 」を献本いただいた。 これだけ頂くと、まとめないわけには行かないだろうということで、まとめてみた。 まず、「SQLクックブック」。こちらは申し訳ないのだけど、かなり期待はずれ。確かに「逆算式SQL教科書」よりは用例も多かったのだけど、Cookbookを特徴づけていた綿密なDiscussionがスカスカ。他ならと
Flashでインタラクティブアート勉強したい人におすすめの書籍まとめ | fladdict
最近のFlashって、絵描く人とコードコードした人が分離しすぎちゃって詰まらないなぁと思ったので、両側やってみたい人向けのとっかかりになる本とかまとめてみた。Flashでモニョモニョ動いたり、ビュワビュワ多量情報をビジュアライズした人向けの資料集。自分が実際に読んだ本／持ってる本からピックアップ。 ストックエントリベースだから、最新の本とかは抜けもあるかも。 ■ActionScript 1 & 2編 Flash Math Creativity 初等数学と工夫でいかにイメージや動きをジェネレートするか？という本。洋書のみ。数行のシンプルなコードによる習作から徐々に作品を発展させていくスタイルはインタラクティブなコーディングの初心者には大変勉強になる。ActionScript1によるフレーム直書のスタイルの為AS3から入った人はちょっとビックリするかも。サイトから掲載習作の全動作サンプルが見れ
マスロフ式算数がやたらに面白いんですけど - 檜山正幸のキマイラ飼育記 (はてなBlog)
インド式算数って、速算処方箋の寄せ集めでしょ。ロシア発のマスロフ式算数は、本質的に新しい演算を扱う奧が深い算数ですよ。マスロフ式算数を学んでも速算の役には立たないけど、背後にある数理的構造／現象の神秘に触れられるかもよ。 内容： マスロフ式算数の由来 maxとminの算数 足し算的演算 足し算的演算の実例 マスロフ和 マスロフ和の極限 プランク定数と脱量子化 マスロフ式算数の由来 1980年代に、ロシアの物理学者マソロフ（Victor P. Maslov）により始められた脱量子化（Maslov Dequantization）という手法があり、現在では、数学、物理学、工学の広い範囲に影響を与えてます。マソロフ脱量子化の入り口は、変形した足し算を含む計算です。この計算は、普通の算数と同じ簡単な法則に従いますが、エキゾチックな世界を記述する道具になります。 このエキゾチックな算数の構造は、高校生
Gmailアカウント間でのメール移転方法・複数Gmailアカウントの処理に困っている人に朗報！
Gmailアカウント間でのメール移転方法・複数Gmailアカウントの処理に困っている人に朗報！ 管理人 @ 2月 6日 11:31am Gmail（Gメール） 最初はプライベートで利用する目的で、使い出したGmailアカウントも、ビジネスで使い出すと、もっとまともなユーザーネームに変えたくなった人も多いのではないでしょうか。 Lifehacker:How To: Migrate All Your Old Gmail to a New Gmail Address より、Gmailのメールフィッチャー機能と、POP3アクセスを使った、Gmailアカウントの引越し方法をご紹介します。 どうやらGmail同士で、POP3を使ったメール移転（すでに受信しているメールを含む）ができるようになったようです。（実際に動作を確認しました！） 以下その方法です。 まず、Gmailの古いアカウントにログインして
Gmailは一度に何人までメールを送信できるのか？それを超えるとアカウントロックも | G Mania - グーグルの便利な使い方
Gmailは一度に何人までメールを送信できるのか？それを超えるとアカウントロックも 管理人 @ 2月 5日 04:50am Gmail（Gメール） Gmailの添付ファイルの容量は２０MBというのは、知っている人も多いと思いますが、メールの送信数の制限もあるのは知っていましたか？ それを超えるとアカウントロック（使えなくなる）場合があるので、知っておいた方がよいでしょう。 （上のスクリーンショットのようなメッセージはできるだけ拝みたくないですね！） たぶん、スパムに利用されるのを防ぐためだと思いますが、メールグループなどに、一度に大量のメッセージを送信する人は要注意です。 ルール１ Microsoft Outlookのようなメールソフトで、POPやIMAPアクセス経由で利用する場合は、一度に100人までメールを送信できます。それを超えると、エラー"550 5.4.5 Daily sendi
Re:我々全員の知的生産性を10桁上げる方法 - higepon blog
ダシにして申し訳ないが、典型的なLisperからみたかつてのid:higeponや、現在のid:amachangの「知力」は高いとはとても言えない。例えば遅延評価のことは、SICPを読めばちゃんと書いてある。そしてこれはまともなComputer Scienceがある大学なら、一番最初に使う教科書の一つなのだ。「まとも」に教育を受けた人なら、「遅延評価童貞が許されるのは、小学生までだよねー」とか言うかもしれない。 しかし、彼らの知的生産力は10倍どころでなく高い。その過程を逐次晒しているからだ。その過程で「知力」豊かな人々の助言も得られるし、彼らの「失敗」を通して彼ら自身だけではなく、彼らのblogの読者もそこから学ぶことができる。もし読者の知的生産力の向上も彼らの知的生産力の方にカウントしたら、知的生産力の差は十倍どころか数千倍、いや数万倍のオーダーだろう。これを繰り返しているうちに、今度
コーディングや設計で難所に出くわした時にすること - higepon blog
仕事や趣味でコードを書いているとき、設計をしているときに難所に出くわすことがあります。 そんなときに僕が意識的に心がけていることを紹介します。 もっと良い方法があったらぜひ教えてください。→皆様。 難所に出くわす前に「もうすぐ難所だな」と気づいているときは、すでに冷静な状態で心構えができています。 この場合はきちんと対処ができることが多いです。 何度も考えがループしていたり、難しすぎて他の事に逃避しているときは集中力がないか、難所にさしかかっているサインなので、難所の場合は以下の5つを順番に試しています。 絵を描く 人に言葉にして説明する 思考の流れをテキストにする 散歩する 次の日に持ち越す 絵を描く 設計やコーディングに関して、分かっていることを絵や図にあえて描いてみます。 分からないところは箱を描いて中に? とでも書いておけば良いです。 絵を書く過程で、自分がどこが分かっていないかが
広告β:神様に競争を投げ返す
よくあるキャンペーンとして、「限定○○様！」というものがある。 説明として、よく言われるのは、限られたものに人間は弱いということ。 違う説明を考えた。それは「選択権ゲーム」。 商売においては、選択権ゲームがとても重要である。 つまるところ、取引において選択権を持っている方が勝つ、そういうゲームだ。 たとえば、合コンで、男4、女1だったらどうだろうか。 大学の男女比が、9：1だったら。 選択権を持っている方が有利になる。 企業対企業は、このゲームの典型的な舞台だ。 合い見積もり。競合プレゼン。相手に選択権がある。 こちらは大勢（競合他社を含む）、向こうは一人だ。 程度の差はあれど、競争に勝つために不利な条件をのんでいく。 ビジネスにおける選択権は、価格決定権に近い。場合によっては、値下げ合戦になる。 「いや、それなら結構です。私は帰ります」 それが言えたらどんなに
さらば！「豊かな国日本」 - ビジネススタイル - nikkei BPnet
さらば！「豊かな国日本」 （桐原 涼＝経営評論家） もはや豊かな国ではない もはや日本は豊かな国とは言えない。昨年末に内閣府が発表した「国民経済計算確報（2006年度）」によると、日本の1人当たりGDPはOECD加盟30カ国中18位となった。2000年度時点では世界3位にあった日本の1人当たりGDPは、以降毎年順位を下げ、今では下から数えたほうが早い位置にまで低下した。 「国民経済計算確報」のデータをもとに、世界における日本の豊かさの位置づけを整理してみよう。1人当たりGDPが5万ドルを超える最上位グループには、ルクセンブルクや、ノルウェイなどの北欧諸国が並ぶ。そして4万ドル前後の第2グループには、アメリカ・イギリス・カナダなど欧米の主要国が位置する。日本の位置づけはその下の第3グループである。 1人当たりGDPが3万ドル前後のこのグループには、日本のほかにイタリア・スペイン・ギ
強力なレジストリお掃除「Argente Registry Cleaner」 | 教えて君.net
Windowsのレジストリに溜まっていくゴミを削除する「Argente Registry Cleaner」は、他のツールが対応していないゴミも強力に検出してくれるパワフルさと、問題箇所をレジストリエディタで即開ける点、万一の場合の復旧が簡単な点が長所だ。 単純に数字だけを比較するのは危険だが、同一マシンを使った動作テストでは、定番ツール「CCleaner」で検出されたレジストリゴミは378件で、「Argente Registry Cleaner」だと922件のゴミが検出されたぞ。 Windowsは、ソフトのインストールやアンインストールなどを繰り返して普通に使っていくだけで、レジストリ内に不要なゴミ項目が溜まっていく。ゴミを放置しておくと、OS起動が遅くなったり意味不明なエラーが出たり……といった問題が発生するため、定期的にレジストリのゴミを掃除することが重要なのだ。リリースされたばかりの
mp3licensing.jp ｜ mp3について ｜ mp3の歴史について
mp3の歴史について 1970年代初頭 ドイツのエルランゲン-ニュルンベルク大学のディター・ザイター（Dieter Seitzer）教授は、電話回線を通じて音楽を圧縮電送するという課題に取り組み始めます。開始した当初は、研究資金の提供を拒否されたため、教授は音声符号化の研究に興味がある技術者と科学者たちと組んで、研究チームを設立しました。 1979 ザイター教授のチームは、音声圧縮の最初のデジタル信号プロセッサを開発します。その後の継続開発期間中に、ザイター教授の教え子であるカールハインツ・ブランデンブルグ（Karlheinz Brandenburg）は、音響心理学でも解説されている、人間の聴力特性を活用した、知覚的な音声符号化の基本的な原則を開発し発展させました。ザイター教授の指導のもと、ブランデンブルグと研究チームは、引き続いていくつかの符号化アルゴリズムを開発しました。 1987
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
3分LifeHacking：「通販で本を買ったら予想より大きかった」を解決する - ITmedia Biz.ID
書籍販売サイトで買った本のサイズが予想以上に大きくて驚いたことはないだろうか。実はサイズをあらかじめ確認する方法があるのだ。 Amazonなどで購入した本が届いた際、想像していたよりもずっとサイズが大きくて驚いた経験はないだろうか。多くの書籍販売サイトでは「○センチ×○センチ」という寸法を表記しているが、こうした数値だけで書籍のサイズをリアルに感じられる人はそう多くはないはずだ。その結果、文庫のつもりで買ったのに届いてみたら単行本サイズだったとか、新書は新書でもわずかに背が高く、本棚に収納できなかった、という“悲劇”が起こるわけである。 あらかじめサイズを知っておきたい場合に便利なソフトが「リアルサイズメーカー」だ。これは、利用中のPCの画面において1センチが何ドットに相当するかをあらかじめ登録しておくことで、画面上に「何ミリ×何ミリ」の面積をダイレクトに表示してくれるソフトだ。これを使え
MOONGIFT: » 使い勝手の良いアクセス解析「Piwik」:オープンソースを毎日紹介
※ 画像は公式サイトデモより Webサイトのアクセス解析は大事だ。もの言わぬ利用者の動向をそこからうかがい知れる。日々アクセス解析を見ていくのは大事だが、そのためには使い勝手の良いソフトウェアを選択しなければならない。 良いアクセス解析ソフトウェアは見やすく、グラフがあり、一覧性も確保されることが大事だ。そこで使ってみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはPiwik、Webベースのアクセス解析ソフトウェアだ。 PiwikはGoogle Analyticsのオープンソース代替えを目指している。それだけあって、分かりやすいインタフェースと使い勝手の良さが売りだ。ダッシュボードでは各データが一望でき、ページネーションもAjaxを使ってスムーズに処理できる。Piwik自体はphpMyVisitesの後継とのことだ。 グラフはOpen Flash Chartを使い、棒グラフや折
折れ線もOK！ Google Maps で２点間の距離を測る | Lifehacking.jp
Measure Distance Between Two Locations Using Google Maps これも知りませんでしたのでまとめておきます。地球について研究しているのでよく使いそうです。 Google Maps で２点間の距離を測る際に、今まで地図の凡例でなんとなく調べたり、緯度経度から計算するスクリプトを作ったりしていましたが、これを行なうためのツールがちゃんと「マイマップ」の中にありました。 Google Maps に行き、左のタブで「マイマップ」を選びます 「コンテンツを追加」をクリックし、「距離測定ツール」を追加します 地図に戻り、「マイマップ」で「距離測定ツール」にチェックボックスが入っているのを確認して、地図上で２点をクリック これだけです。終点は次々と追加してゆくことができますので、道に沿ってクリックしていけばおおよその距離がわかります。これも便利！ 昔の職
ユメのチカラ: 技術は会社のものではない。みんなのものだ。社内セミナーをニコニコ動画(RC2)で公開するまで。
先日、野村総合研究所向けに「技術は会社のものではない。みんなのものだ」というタイトルで社内セミナーをした。 オープンソースにまつわるソフトウェア開発方法論みたいな話である。まあ、中身は日頃わたしのブログをご覧の皆様にはおなじみなお話である。 野村総合研究所(NRI)の社員30人程度の皆様への社内セミナー(注)である。今回一つお願いをした。「講演を後に公開していただく事を前提にお請けします」。 セミナーを職業にしている講師にとってはありえない条件である。しかし、わたしは講演を公開することの経済的な損失というのはないし、むしろ自分の日頃の主張と行動に一貫性を持たせるという意味あいの方が強い。 講演内容を公開しろなどという講師は前代未聞である。大きな企業になればなるほど社内調整というやっかいなものが待っている。一度誰かが先例をつければ次の人はその道をフォローできるが、最初の一歩が困難にみえる。越
【連載】セカイ系ウェブツール考 (8) これぞ合理的! 開発環境もWebベースに移行してみる | ネット | マイコミジャーナル
今回のテーマは「開発環境」 様々なアプリケーションがWeb化している。メーラーは当たり前のように使われており、カレンダーやタスク管理、さらに画像編集といったアプリケーションまでWeb上で動作するようになっている。 今回は多岐にわたるWebアプリケーションの種類について、特に基本となり得るものを取り上げてみたい。それは全てのアプリケーションを生み出す元となる、開発環境だ。すでにいくつかのWebアプリケーション、オープンソース・ソフトウェア(OSS)が登場している。Webベースで行える利点を生かしたもの、ローカルアプリケーションに見劣りしない機能をもったものなど実に様々だ。開発者の方のみならず、見ると何か作ろうかと思わせる、そんなアプリケーションが目白押しだ。 今回紹介するOSS・Webアプリ 『Workspace』 Web OS風な開発環境 『TIDE』 ステップ実行も可能なJavaSc
ブラウザで Ruby on Rails 開発！ Heroku を使ってみよう - WebOS Goodies
Heroku は現在リミテッドβの状態なので、ユーザー登録を行うにはこちらのページでメールアドレスを登録し、招待メールが来るのを待たなくてはなりません。私が登録したときは 2 週間待ちだったのですが、現在はだいたい 1 日以内に招待が来るようです。ちょっと面倒ですが、ぜひサインアップして、 Heroku の素晴らしい世界を体感してみてください。 ・・・どうでもいいけど、サインアップのページにある看板はいったい。 無事にサインアップできたら、さっそくこちらのページから heroku にログインしましょう。すると、最初に以下のアプリケーション管理画面が表示されます。 heroku では同時に複数の Rails アプリケーションが開発できるので、この画面でそれらを管理するわけです。しかし、現在はひとつもアプリケーションが存在しませんので、新たに作成してみましょう。アプリケーションの作成は「Cre
ウェブ制作・プログラマー・デザイナーのためのチートシート集 | コリス
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
テキストエディタでWebサイト構築をガンバル人へ（1/3） ― ＠IT
テキストエディタでWebサイト構築をガンバル人へ：どこまでできる？ 無料ツールでWebサイト作成（6）（1/3 ページ） 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ＋α そこで今回は、テキストエディタ自体とそのプラグイン／拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
パソコン好きが青色申告を体験してみると？：第1回 まずは税金ってナニ？ (1/5) - ITmedia Biz.ID
いよいよ2月18日から確定申告の受付が始まる。期限は3月17日まで1カ月間。筆者は一昨年アイピーアールとして広報コンサルティング業＋ライター業で独立し（達人の仕事術参照）、昨年初めて青色申告を行った。サラリーマン時代は税金とか簿記とか会計には全く興味がなく、それらの知識は皆無といえるほどだった。申告内容が正しいか否かは分からないが、なんとか青色申告ができたのは青色申告ソフトのおかげだ。 起業、独立を考える方は何か専門の知識をお持ちであろう。プログラミングであったりデザインであったり写真撮影であったり、何かしら得意とする分野で起業するのが普通だ。逆にいうとその分野には詳しくても、税金や保険、年金等には疎かったりすることが、微妙に独立に対し精神的障壁になっていたりしないだろうか。 筆者も「経理とか面倒臭いなぁ」と言う思いを持っていた1人だ。しかし実際に独立してみると、面倒と言う思いは変わらない
エステに行く必要のなくなる脚やせ法！:アルファルファモザイク
あのね、 脚痩せしたいなら、まずしっかり筋肉作る事 同じ太さでも筋肉あってしまってるのと、ぶよぶよじゃ見え方凄く違うんだよ？ 大事なのは食事と次に運動とマッサージ 食事抜くのは絶対ダメ、回数少なくするのはお相撲さんの「最適に太る方法」だからね 回数多くして内容をきっちり「食物繊維」「たんぱく質」をチェック 多すぎる肉は脂肪になるけど、最低必要な量は取らないと （必要量は「女性 一日 必須栄養素」あたりで検索） 塩分と脂肪分の取りすぎはＮＧなので、お菓子は控えて 真水を一日２リットル（これはむくみを取る為、マッサージ前やお風呂前後にもいい） 運動は出来る限り小まめに、すわりっきりを１時間とかダメダメ 6時間運動して6時間座るぐらいなら１時間ずつ運動して座ってたほうがいい なぜなら、運動しない時間が続けば脂肪になる量が増えるから それとリンパの流れが悪い状態が長く続くか
Google Maps API ドキュメントが日本語化されました
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳
NTTコミュニケーションズ（OCN）を訴えました - 悪の最新情報
NameBright - Coming Soon
メタルの質感や形状などを表現するPhotoshopのブラシ