CSS の position: fixed により描画領域全体を覆う要素を IE 6 でエミュレーションする - vivid memo
Lightbox のように、ブラウザの描画領域全体に何らかの要素を表示したいような場合、おそらくは CSS で position: fixed を指定すると思います。 しかしながら、Internet Explorer 6 は position: fixed をサポートしていないので、IE6 で同じ事をするには別の方法を採らなければいけません。 IE6 で position: fixed と似たような動きを行わせる方法は、例えば以下のようなものがあります。 IEで「position:fixed;」を使う方法 (Archiva) 自分の web ページ上で使うのであればこの方法でいいと思うのですが、Lightbox のようにライブラリとして配布するものの内部で使うには多少物足りない部分があります。 例えば、指定の要素が position: relative を指定されている要素の子孫である場合
Java のローカル内部クラスや無名内部クラスから外部のローカル変数にアクセスする - vivid memo
Java で Swing を使ってると無名内部クラス (anonymous inner class) をしばしば用いることになると思います。 例えば SwingUtilities.invokeLater メソッド に渡す Runnable オブジェクト は無名内部クラスとして生成することが多いのではないでしょうか？ そのような無名内部クラスやローカル内部クラス (local inner class) からは、そのクラスが定義されているスコープ内のローカル変数 (局所変数) やメソッドパラメータにアクセスできないものだと思っていまして、「アクセスできれば便利なのになー」 とずっと思っていました。 が、実はローカル変数へのアクセスはできるということを知ったのでメモ書きしておきます。 public class Test { public static void main( String[] ar
スクロール位置を維持しつつ web ページ全体のスクロールをできないようにする方法 (web ページのスクロール位置固定) - vivid memo
最近は Ajax などによって web ページを動的に変更するという手法も一般的になって、ページの中にさらにサブページのようなものをポップアップする、ということがしばしば行われます。 例えば Facebook の Theater mode のようなものです。 さて、「ページの中にサブページのようなものをポップアップして表示する」 場合、サブページがスクロール可能であれば、もともとのページ全体はスクロール不可能にしておく方がユーザーにとっては使いやすいデザインであると思います。 実際、Facebook でも Theater mode の際には Theater 側にスクロールバーがあるのみで、ページ全体はスクロール不可になります。 本記事では、そのような用途に用いるための 「スクロール位置を維持しつつ web ページ全体のスクロール可否性を変更する関数」 を紹介します。 ページ全体をスクロール
new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo
私は陰謀論者じゃないですし JavaScript の new 演算子が大好きなわけでも大嫌いなわけでもないです。 念のため。 本記事は Hiraku さんが書かれた下記記事への言及です。 newを封印して、JavaScriptでオブジェクト指向する(1) newを封印して、JavaScriptでオブジェクト指向する(2) newを封印するべき4つの理由 new 演算子は使うな!? 「newを封印するべき4つの理由」 でも new がいかに糞であるかが書かれていますし、その記事からも言及があるように Crockford さんが書かれた書籍 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 でも new 演算子は Bad Parts に分類されています。 new 演算子が忌避される理由はいろいろあるみたいですが、Hiraku さんの記事では n
ECMA-262 5th edition で導入された Object.defineProperty を使い、属性を指定してプロパティを定義する - vivid memo
ECMAScript *1 において、プロパティとは名前と値のペアを意味します。 より詳しく言うと、名前が付けられたプロパティは、その状態を表す属性 (Property Attribute) *2 の集合を値として持っています。 ECMA-262 5th edition では、この属性の値を指定してプロパティを定義できるように、Object.defineProperty というメソッドが導入されました。 この記事では、Object.defineProperty メソッドを使い、属性を指定してプロパティを定義する方法を説明します。 なお、ECMA-262 5th edition を実装している JavaScript 処理系はまだ多くありません。 Firefox 4 などの一部のブラウザなどでしか実行できません。 また、サンプルコード中で、結果を出力するための print 関数を使用しています
内容サイズよりも大きな実サイズを持つ VirtualBox の仮想 HDD のサイズを小さくする方法 - vivid memo
仮想マシン VirtualBox がいつの間にやらバージョン 4 になっていますね！ VirtualBox 公式サイト それはともかく、私の環境において VirtualBox の仮想 HDD (ハードディスクドライブ) の実サイズ (ホスト OS 上の VDI ファイルのサイズ) が内容サイズ (ゲスト OS 上で実際に HDD に格納されているファイルのサイズ) よりも明らかに大きくなってしまっており、なんとかして実サイズを小さくできないかなーと思って調べたので、まとめておきます。 状況 うちの環境は以下のとおり。 VirtualBox のバージョン : 4.0.2 ホスト OS : Windows 7 Home Premium (64-bit) ゲスト OS : Ubuntu Desktop Edition 10.04 LTS (64-bit) 仮想 HDD はサイズ可変の VDI フ
スマートフォンでも見やすい web ページを作るために media queries を使うという選択 - vivid memo
最近スマートフォンを使って web ブラウジングしていて気になることがあります。 それは、幅固定の web ページや複数カラムの web ページが非常にみにくい ということ。 当然ながらスマートフォンの画面の横幅は狭いため、PC 用に作られた幅固定や複数カラムのページは端末の画面の横幅に収まりきらずに横スクロールする必要が出てくる可能性があるのです。 皆さんも経験があると思いますが、横スクロールする必要があるページってみにくいですよね。 「幅固定の web ページのレイアウトはやめるべき」 という論調は昔からありました *1 が、PC で見る分には幅固定でもそれほど問題にならない *2 ため、開発者としては作りやすい幅固定の web ページで作ってしまう、という人が多いような気がします。 しかしながら、スマートフォンで見る場合、PC ほど自由が利かない *3 ことが多く、横スクロールが出る
AppLauncher ver.0.3 〜 XPCOM を利用して外部アプリケーションを起動する 〜 - vivid memo
Firefox の拡張機能 (add-on の一種) を作ってみよう、ということで作り始めた AppLauncher。 前回は、コンテキストメニューに AppLaunhcer の項目を追加しました。 今回はいよいよ外部アプリケーションの起動を行うということをします。 AppLauncher ver.0.3 の作成 Firefox から外部アプリケーションを開く、という拡張機能 AppLauncher を作っていきます。 Ver.0.3 では、外部アプリケーションを起動する部分を実装します。 外部アプリケーションを開くなど、OS と関係してくる処理は XPCOM が担ってくれます。 JavaScript から XPCOM を利用するためには、XPConnect という技術を用います。 今回は外部アプリケーションを起動するわけですが、起動対象のアプリケーションは設定画面にパスを入力することで指
イベントリスナの実行順序 - vivid memo
addEventListener の実行順序 より。 (function(){ function a() {alert('a')} function b() {alert('b')} function c() {alert('c')} window.addEventListener('click', a, false); window.addEventListener('click', b, false); window.addEventListener('click', c, false); window.addEventListener('click', a, false); })() opera -> b, c, a; firefox -> a, b, c; ちょうどクロスブラウザな (IE でも Firefox でも Safari でも使える) イベントリスナ追加関数を作っていて、
Ruby で Twitter の OAuth を使うサンプル - vivid memo
Ruby で OAuth 認証を行うための OAuthSimple というライブラリを公開しました。 よろしければご利用ください。RubyGem: OAuthSimple-0.1.0.pre を公開しました前の記事 において Twitter OAuth 認証の Request Token を取得するサンプルコードを Ruby で書きましたが、さらに Twitter の OAuth 認証を利用するためのライブラリを Ruby で書いてみたので公開しておきます。 OAuth の勉強する時に参考になればと思います。 OAuth の勉強は OAuth Core 1.0 Revision A を読むのが一番わかりやすいと思うんで、それで勉強しつつ具体例をこのライブラリの中身を見る、という感じで。 VCTwitter::OAuth モジュール 下記が今回作成したライブラリです。 VCTwitter::
Ruby で Twitter OAuth 認証の Request Token を取得するサンプル - vivid memo
最近 OAuth Core 1.0 Revision A を読んで OAuth の勉強をしてるので、Ruby で実際に動くものを作ってみました。 今回は最初なので Request Token を取得するというもの。 OAuth Core 1.0 Revision A の 6.1 節 Obtaining an Unauthorized Request Token の内容に相当します。 Service Provider は Twitter です。 サンプル というわけで早速サンプル。 Ruby 1.9 で動作することを確認しています。 #! /usr/bin/ruby1.9 # -*- coding: utf-8 -*- require "openssl" require "net/https" module Twitter class OAuthTest # OAuth のパラメータをエンコ
Java における byte 型の扱い方 - vivid memo
この記事の内容は、次のページに移動しました。 Java における byte 型について (あるいはバイナリデータを扱うためのキャスト) - ひだまりソケットは壊れない
IE にて a 要素の下に "@" を含む TextNode を append するとおかしくなる事がある件 - vivid memo
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <div id="for_test"></div> <script type="text/javascript"> var p_elem = document.getElementById("for_test"); var test_elem = p_elem.appendChild( document.createElement("a") ); test_elem.appendChild( document.createTextNode(" @test ") ); test_elem.setAttribute( "href", "http://example.com/" ); </script> </body> </html> という HTML を表示すると、
DOM 3 XPath において名前空間に属する Node を指定する方法 - vivid memo
Document Object Model (DOM) Level 3 には XPath に関する仕様も含まれています。 DOM 3 XPath Specification 最近のブラウザである Firefox 3.5 や Safari 4、Opera 10 などの JavaScript 実装は DOM Level 3 に対応しており、XPath 機能も使う事ができます。 これらのブラウザであれば、XPath 機能を使った JavaScript を含む HTML を解釈してくれるため、要素の選択などを XPath を使って簡単に行う事ができます。 // XPath 式の実行 // 第 1 引数が XPath 式, 第 2 引数が context node, 第 3 引数は XPathResolver オブジェクト (HTML であれば null でよい), // 第 4 引数は結果の型,
W3C DOM 3 XPath の勧告に従った方法で XPath を評価する - vivid memo
Java を使用し、DOM 3 Load and Save Specification に従った方法で XML 文書を読み込み DOM を構築する方法は 昨日の記事 で書きました。 同じように DOM の勧告として DOM 3 XPath Specification があります。 この勧告は DOM ツリーを XPath を使って探索する際の API について記述しています。 今日はこの勧告に従った方法で XPath を評価するサンプルを書いておきます。 サンプル Java SE 6 で実行し、動作することを確認しました。 package info.vividcode; import org.w3c.dom.DOMImplementation; import org.w3c.dom.Document; import org.w3c.dom.bootstrap.DOMImplementati
Java で XPath を使う方法 - vivid memo
注意 [2009.10.13] この記事で書かれている方法は、W3C DOM 3 XPath Specification とは異なる独自実装を用いています。 W3C DOM 3 XPath の勧告に従った方法で XPath を評価する という記事を書きましたので、そちらに記した方法で XPath 式を実行することをおすすめします。 本文 Java で XPath を使う方法に関しては javax.xml.xpath.XPath vs org.apache.xpath.XPathAPI という文書を読むとよくわかる。 が、各クラスの名前空間が明示されていなくてちょっと悩むかも。 というわけで import 文で名前空間を明示したサンプルコードを書いた。 XML の名前空間に関する部分は含んでいない。 なお、読み込んだ XML ファイルは さきほど書いた記事 のソースコード中にあるものと同等で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
