# Portal for mobile/desktop browsers Full Writeup Keyboard Controls: It’s AWSD or arrow keys for movement and mouse button and mouse movement for the portal gun. On mobile, it’s hold down your finger to run toward your finger and hold down above you to jump, tap to aim and fire the portal gun, and second finger (multi-touch) to move the portal gun without firing (like to maneuver a held box).

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール（2） [technique 07] CSS Spriteを手軽に作成する 文＝東 孝之（（株）ゼネラル・プレス） Tool CSS Sprite Generator URL http://ja.spritegen.website-performance.org/ CSS Spriteは、読み込みのリクエスト数を減らすことができるので、ページ最適化に有効な手段だが、実装するのに手間がかかる。そんなときは「CSS Sprite Generator」を使うといい。「CSS Sprite Generator」は、複数の画像を一枚の画像にし、CSSで表示位置を変更するスタイルシートをオンラインで生成するジェネレータである。これを使えば、複数の画像をひとまとめにして連結画像とCSSを作成し

ギガ、テラ、ペタ…ではヨタバイトって？どんな大きさか比較した図が話題に 日進月歩で増え続けるメディアの容量。 テラバイトのハードディスクも当たり前となり、さらに上の単位が使われだすのも、そう遠い日ではなさそうです。 テラの上は、ペタ、エクサ、ゼタ（ゼッタ）、ヨタ（ヨッタ）と続いていきますが、ではヨタバイトとは具体的にどの程度の大きさなのでしょうか。 比較した図が話題になっていたのでご紹介します。 ヨタバイトはいったいどれくらいの大きさなのか？ ・テラバイト"Terabyte"：20万枚分の写真、あるいは20万曲分のMP3が、1テラバイトのHDDに入る。 ・ペタバイト"Petabyte"：データセンターの2つのキャビネットに放り込んだ16個のbackbraze社のストレージに相当。 ・エクサバイト"Exabyte"：4階建てのデータセンターに設置された2000個分のキャビネットに相当。 ・ゼ

先日バージョン1.0が公開された組込み、モバイル向けに最適化させたLinuxプラットフォーム「MeeGo」の日本のユーザ会のWebサイトが公開されている。MeeGoの普及を加速するために、ユーザ間のコミュニケーションを促進する日本語での情報交換の場となることを目指すとのこと。 MeeGoは、異なるモバイル向けLinuxのプロジェクトであったIntelのMoblinとNokiaのMaemoが1つに統合され、2010年より完全なオープンソースモデルによる開発プロジェクトとしてスタートしたもの。小型モバイルPC、ネットブック、タブレット、スマートフォンをはじめネットワ－クTVや、車載情報システムなどのプラットフォームでの利用が期待されている。 なおMeeGoについては、4月21日にLinux Foudation主催で開催された「MeeGo Seminar Spring 2010」の講演ムービーが

Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

こんにちは。笹亀です。 iPadが先日、ついに日本で発売されましたが、会社のオフィスには1ヶ月以上も前からあったので、新鮮さがあまりありませんでした。 さて、本日は久しぶりにGoogleMapを利用する機会がありましたので、バージョン3にアップされていたのでまとめておきたいと思います。 特徴として以下の点が新しくなったみたいです。 １．Sensorパラメータを設定 ２．バージョン3になってAPIキーが不要 ３．iPhoneとAndroidでの表示が可能 ４．バージョン2から書き方が若干変更 詳しく解説をしていきたいと思います。 ■Sensorパラメータを設定 SensorパラメータをtrueにセットするとGPSから位置情報を発信してユーザの現在の位置を表示してくれるようになるみたいです。たぶんiPhone,Androidの機能で日本の携帯には対応していない機能だと思います。 ■バージョン3

Mozilla Foundationは5月28日、オープンソースのWebブラウザ最新版「Firefox 3.6.4」のリリース候補（RC）版を公開した。FirefoxのWebサイトよりダウンロードできる。 Firefox 3.6.4（開発コード「Lorentz」）はもともとFirefox 3.7として開発が進められてきたもの。通常の安定性やセキュリティアップデートとは異なり、新機能が加わっている。Mozillaは5月10日に今後の開発計画を公開し、3.6.4を5月にリリースすると正式に述べていた。 Firefox 3.6.4のもっとも大きな変更点として、「Out of Process Plugins（OOPP）」技術の導入が挙げられる。FlashやQuickTime、SilverlightといったプラグインをFirefox本体とは異なるプロセスで実行することで、プラグインに起因するトラブル

WordPressユーザーの祭典「WordCamp Yokohama 2010」が5月29日、東京都市大学横浜キャンパスで開かれた。国内で開催されたWordCampとしては過去最大の400名が参加。利用ノウハウの共有や、ユーザー同士の交流を楽しんだ。 午前10時30分の開会後、最初のセッションに登壇したのはWordPressのエバンジェリスト的な存在として知られる、米オートマティックのマクラケン直子さん。マクラケンさんは「WordPress最新事情」と題して、WordPressを取り巻く近況と、現在開発が進められている「WordPress 3.0」について紹介した。 ブログ／CMSツールとしてもともと世界的に人気のあるWordPressだが、マクラケンさんによると現在も勢いは今も止まらず、躍進は続いているという。すでに国内20のホスティングサービスがWordPressの簡単インストール機能

GenAI compliance is an oxymoron. Ways to make the best of itHow can CIOs tell customers what data is being collected about them and how it is being used if the CIOs themselves don’t know exactly what their genAI tools are doing?

Accounting+, a VR collaboration between makers of Rick and Morty and The Stanley Parable, is out. I got to play it last weekend at Indiecade in LA, and it’s the funniest VR game I’ve tried. If you want to get a feel for its sense of humor, watch this trailer, and make sure to stick around for the whole thing.

走行中の車のボンネットに乗って遊んでいた会社員(19)、もちろん落ちて轢かれる　頭を強く打ち渋滞 Tweet 1：オニイトマキエイ(長屋)：2010/05/30(日) 11:10:42.45 ID:yJMJCEDV 走行中の車体から落ち１９歳重体　ボンネット上に４人、運転の大学生は無免許　2010.5.30 10:47 ３０日午前２時２０分ごろ、岐阜県瑞浪市稲津町小里の路上で、走行中の軽乗用車のボンネットに乗って 遊んでいた会社員の少年（１９）＝同県多治見市＝が道路に転落、軽乗用車にひかれて頭を強く打ち、 意識不明の重体となった。 多治見署によると、軽乗用車は、少年の友人の男子大学生（１８）＝瑞浪市＝が運転。 車内に３人が乗っていたほか、少年ら４人がボンネットや屋根に乗って遊んでいた。 大学生は無免許だったといい、同署は道交法違反などの疑いで大学生らから事情を聴くなど詳しい状況を調べている

【サッカー】 日本1−2イングランド　日本代表、2本のオウンゴールで逆転負け 1 名前：もねφ ★：2010/05/30(日) 23:05:19 ID:???0 ［1 前半 0］ 日本　 1 - 2　　イングランド ［0 後半 2］ ★得点 前半7分　[日本]闘莉王 後半27分　[イングランド]オウンゴール（闘莉王） 後半38分　[イングランド]オウンゴール（中澤） http://southafrica2010.yahoo.co.jp/game/text?gid=2010053001 イングランド GK 1 ジェームズ　GK 29 ⇒ハート DF 2 Ｇ・ジョンソン　DF 13 ⇒キャラガー DF 3 Ａ・コール DF 5 ファーディナンド DF 6 テリー MF 4 ハドルストーン　MF 20 ⇒ジェラード MF 7 ウォルコット　MF 24 ⇒ライト・フィリップス MF 8 ランパード

いやスターウォーズは好きですよ？ 好きですけどこれを着るのはさすがに... タキシードの形をした、タイの部分がタイじゃなくてTIEファイターになっているＴシャツ。これを着て街を歩く勇気を出すには、しばらく時間がかかりそうです... [StarWarsShop via Uncrate via OhGizmo!] Mark Wilson（いちる）

Perl › モジュール › here XML::Simpleモジュールを使うと簡単にXMLを解析してPerlのデータ構造に変換することができます。XMLの解析手法には「先頭から順次解析を行うSAX」と「XMLツリー構造を構築するDOM」が有名ですが、簡単に扱うという点では、XML::Simpleが一番です。 XMLはテキストファイルにデータを記述するときの一般的なフォーマットです。プログラムの設定ファイルを記述するときなどに利用することができます。 # モジュールの読み込みとオブジェクトの生成 use XML::Simple; my $xml = XML::Simple->new; XMLファイルを読み込むにはXMLinメソッドを使用します。XMLはPerlのデータ構造(多次元のハッシュや配列)に変換されます。 # XMLファイルのパース my $data = $xml->XMLin('

セキュリティは古くて新しい問題です。SQLインジェクションも古くからある問題ですが現在の問題です。対策は比較的簡単なのですが今でもなくなりません。と言うよりも今でも現役のセキュリティ上の問題で十分注意が必要です。この連載でも何度かSQLインジェクション対策について簡単に取り上げています。 第5回　まだまだ残っているSQLインジェクション 第14回　減らないSQLインジェクション脆弱性 第15回　減らないSQLインジェクション脆弱性（解答編） 第24回　無くならないSQLインジェクション脆弱性 今回はSQLインジェクションを復習してみたいと思います。 SQLインジェクションとは SQLインジェクションはプログラマが意図しないSQL文を実行させる攻撃で、2種類の攻撃方法に分類できます。 直接SQLインジェクション 間接SQLインジェクション 直接SQLインジェクション 直接SQLインジェクショ

はじめに これまでの連載ではそもそものJANOGについてと、7月8日、9日に開催されるJANOG26全体について紹介させていただきましたが、今回から数回にわたり、JANOG26の個別のプログラムについてご案内いたします。 まずは2日目（7月9日）の10:45開始予定のプログラム「見せます。わたしの道具箱」をご紹介します。 なお、JANOG26のプログラムは以下のURLにて公開されていますので、併せてご参照ください。 JANOG26 Meetingプログラム http://www.janog.gr.jp/meeting/janog26/program/ 道具に対するこだわり 一人前の宮大工は非常に多くの大工道具を持っています。 仕事にあたってはその中からその時の現場に合う道具を選りすぐって持っていきます。 宮大工の親方が弟子に向かって言う言葉の1つに、嫁を質に入れてでも道具を買え、というもの

みなさんの、ウェブを使っていてイライラすることはなんですか？ インターネットは現代人にとって、もはや不可欠なツール。仕事にプライベートに、手放せないものだからこそ、便利さにはとことんこだわりたいですね。たとえば、しつこいオンライン広告や無駄に重たいFlashコンテンツなど、まだ改善すべきところは多々あります。 さて、『Google Chrome』では、スピード改善など、ユーザのイライラを解消する工夫が施されていますが、『Firefox』と比べると、拡張性にはまだ水をあけられている感が...。とはいえ、公式ギャラリーにある拡張機能を駆使すれば、インターネットをぐっと快適に使うことができます。そこで、こちらでは、よくあるイライラ7点をとりあげ、これを解消するための、オススメな拡張機能をご紹介しましょう。 1: 広告をブロックする Firefoxでは、拡張機能「AdBlock Plus」をつかえ

第4回目となる今回は番外編です。内容は、Flex SDKの導入からProgressionによるFlashサイトの構築を解説します。 現在、Progression自体はフリーのオープンソースですが、Adobe Flashは有料です。しかし、AdobeがFlashを構築する環境を無料で提供しています。それがFlex SDKです。ここでは、Flashを使用しないでサイトを構成する際の注意点なども踏まえて、制作を行っていきます。 サンプルサイトは、前回作成したサイトと同じものを使用します。Progressionの機能に関しての説明は、第2回と第3回を参照してください。 FlashDevelop 導入 まずは制作を行う環境を導入していきます。主に、FlashDevelop[1]上で設定を行います。 FlashDevelopは、フリー、そしてオープンソース（MIT license）のソースコードエディ

一般的には推奨されないencodingプラグマ 前回取り上げたencodingプラグマは、簡単なjperl用のスクリプトを移植したい場合には便利ですが、perlunifaqというPerl付属のマニュアルにははっきり「Don't use it.」と書いてあるくらい、一般的には使えないプラグマと認識されています。 前回も見たように、encodingプラグマが対応しているのは、ソースコードに埋め込まれている文字列やそれに類する正規表現、そして標準入力からのデータを指定された文字コードからPerlの内部表現に変換し、標準出力へ出力する際には内部表現を指定された文字コードに変換することだけです。ほかのファイル入出力部分や、コマンドラインから受け取った引数、標準エラー出力などの変換は行わないので、ちょっと凝ったことをしようと思うと、結局「外から入ってきたものはデコード、外に出すものはエンコード」という

MacでGitやSubverionなどを使おうと、いろいろなサイトを参照してみると、その解説の多くで「MacPorts」という語がでてきていて、それが導入されていることが前提でいろいろ書かれていたりした。 でも、MacPortsって、なんだ？ まずはそこから調べてみよう！そして、導入したほうが便利なら導入してみよう！ MacPortsとは？ MacPortsって、なに？ということで、調べてみた MacPortsは MacOSX 上で利用可能なパッケージシステムの一つで、主に UNIX 向けに開発されたオープンソース・ソフトウェアを手軽にインストールすることができます。 ～中略～ MacPorts を使って新しくソフトウェアをインストールするには、ターミナル上で「sudo port install パッケージ名」などと入力します。これによりアーカイブのダウンロード、展開、パッチの適用、コンフ

はじめに 楽譜はソースコードというエントリを書いて以来、楽譜を使ったプログラミング言語という漠然とした考えが頭の片隅にあった。ModanShogiを見ていたら頭の片隅から開放したくなったので具体化した。 楽譜プログラミング言語Scorlang（Score language）。ジャンルとしてはビジュアル難解プログラミング言語*1になる。 Scorlangのプログラムは、楽譜のように見える図形で表現される。例えば、下の図は「Hello, world!」を出力するプログラムである。 言語仕様 最初に強調しておくが、Scorlangは音響プログラミング言語ではないので、音響信号を扱ったり音を入出力するための仕様は一切ない。扱えるデータは整数のみ、出力形式はテキストのみである。 ひとつのプログラムをシートと呼ぶ。シートは原則的に、音楽の楽譜と同じく左から右、上から下に向かって処理が描かれており、実行

沖電気ネットワークインテグレーションの「@PTOP」は，東京都千代田区と同江東 区の2カ所のデータセンターで提供するハウジングやホスティングなどのサービスで ある（写真1）。このうち「@PTOPハウジングサービス」は，収容ラック数が二つのセ ンターを合わせて計350ラックある。1ラック当たりの最大電力容量は4kVAで，40U， 最大重量200kgのIT機器を収納可能だ。 データセンターの規模が比較的小さい分，小回りの利くサービスを用意している。 代表的なのは，1Uからハウジングサービスを利用できる点だ。1ラック，あるいは10U を最小利用単位とするデータセンターが多い中で，同社は1U当たり月額1万500円から 利用できる。沖電気ネットワークインテグレーションの前田賢一氏（アウトソーシン グサービスセンタ 運用サービス部 部長）は「環境の準備に時間やコストをかけられ ない開発環境やテスト環境

Accounting+, a VR collaboration between makers of Rick and Morty and The Stanley Parable, is out. I got to play it last weekend at Indiecade in LA, and it’s the funniest VR game I’ve tried. If you want to get a feel for its sense of humor, watch this trailer, and make sure to stick around for the whole thing.

Navigating the World of Freight Forwarders: Expertise, Evolution, and Efficiency Freight forwarders are the unseen architects of global trade, ensuring that the gears of commerce keep turning smoothly. Their ability to adapt and innovate in the face of changing trade dynamics, regulatory environments, and technological advancements will be crucial in shaping the future of global trade. In a world

SmokescreenはHTML5/JavaScript製のオープンソース・ソフトウェア（予定。ライセンスは未定）。AppleのFlash拒否の動きは止まることなく、他のスマートフォンとの対立が深まっている。Flashは既に世界中で利用されており、無数のコンテンツが存在するのが理由だ。 広告デモ。上がHTML5+JavaScript、下がFlash だからといって、今後永遠にコンテンツが増え続けるとは限らない。HTML5の登場によって、Flashによらないアニメーションや多彩な表現力がHTML5で実現する。旧来のFlashと今後のHTML5をつなぐのがSmokescreenだ。 Smokescreenは以前紹介したGordonと同様にFlash（SWF）ファイルを解析し、HTML5/JavaScriptによって実行するライブラリだ。広告のバナーやアニメーションのデモがあるが、SWFと変わら

GenAI compliance is an oxymoron. Ways to make the best of itHow can CIOs tell customers what data is being collected about them and how it is being used if the CIOs themselves don’t know exactly what their genAI tools are doing?

GenAI compliance is an oxymoron. Ways to make the best of itHow can CIOs tell customers what data is being collected about them and how it is being used if the CIOs themselves don’t know exactly what their genAI tools are doing?

我が家は関東大震災の直後に建てられた。親父が亡くなって、すこし落ち着いたころだと思う。そんな古い家に我慢できずに、僕は母に言った。「こんな古い家なんて売りに出してさ。新しい町でやりなおそう。鎌倉って高く売れるらしいしさ」。母は、そんなうまくいかないでしょ、といって聞く耳を持たなかった。そのときは笑い話の枠を越えずに終わった。けれども僕は本気だった。一家の大黒柱を失って不安でたまらなかったのだ。将来を考える余裕はなかった。古い家は、これくらいのことで情けないとでも言っているようだった。不甲斐ない僕に圧力をかけてくるように思えた。人生が川なら、僕は、その深さを恐れて、何もできず、いや、何もしなかったのだ。ただ、闇雲に、楽な方法を探していたのだ。重圧を、古い家を川底に沈めれば、足が届くようになると錯覚して。 ある晩、僕がアルバイトから帰ってくると、食卓のうえに手紙が置いてあった。母はパートに行っ

そろそろRuby会議もあるというのに、そういや最近Ruby全然書いてないfaultierですこんばんわ。じゃあリハビリを兼ねて久々にRamazeさんで遊んでみるか、ついでにいい加減NoSQLブームにも乗ってみるか、みたいな感じでRamaze+MongoDB+Candyで遊んでみることにした。ちなみに社内では今Cassandraがブームなのだけども、Cassandraはちょっと遊びで使ってみるにはオーバースペックだよなーとか思いつつ色々見てたら、HerokuでMongoDBが使えるらしいのでそれを狙ってのMongoDBいじり。 とりあえず入れてみる aptで探したらmongodbのパッケージもあるんだけど、2010年5月30日時点では1.2.2と若干バージョンが古い。この後オブジェクトマッパーを色々試してみたところ1.4系じゃないと動かなかったりしたので、本家のサイトから最新のバージョン落と

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Drag things, pick colors, make a nice class for your buttons… introducing the Button Maker. I’m saying “CSS3”, because these make use of gradients, shadows, and rounded corners which contribute greatly to their button-ness. In older browers that don’t support these properties, the fallback i

先日の公開された Android 2.2 ですが、この 2.2 で API から Google 経由で簡単に Push Notification Service を利用することができるようになりました。 Android Cloud to Device Messaging Framework - Android — Google Developers アプリ開発者はこの API を使えば簡単に Web やその他 Android 以外のデバイスから起こしたアクションを Android に通知することができます。感覚としては5秒後にはもうすでにAndroid端末にpushされてる感じです。 で、この API を作った Chrome to Phone という Google Chrome で見ているページをワンクリックで Android に通知して Android ブラウザで開いたり、GoogleM

【画像有】顔の半分だけ化粧してみた　→ Tweet 1：中国住み（青海加油！）：2010/05/30(日) 13:42:17.89 ID:4H5S8SjU● 台湾で放送されたバラエティ番組で、ブサイク女が化粧で変身する企画の動画が 中国の動画サイトにアップされ、ネットユーザ達から次々と驚きとため息の声が 上がっている様子。 http://news.ifeng.com/society/2/detail_2010_05/30/1566109_0.shtml 2：ペレスメジロザメ(東京都)：2010/05/30(日) 13:42:41.78 ID:ZT8Kyypn KOEEEEEEEEEE 4：カナガシラ(千葉県)：2010/05/30(日) 13:43:23.07 ID:RAKENlgB もう絶対信じない 10：コロザメ(静岡県)：2010/05/30(日) 13:45:21.84 ID:3y

2010年05月30日 ➥ iPhoneの進化 7 comments ツイート 195： シシャモ(アラバマ州) []：2010/05/29(土) 13:03:44.00 ID:45WGGBd5 これはもう貼られてたかな http://gazo6.com/0up1/src/gazo67628.jpg 198： ラッド(宮崎県) [sage]：2010/05/29(土) 13:04:33.46 ID:wit6o85f >>195 また増えたのかｗ 204： ブラックアロワナ(静岡県) [sage]：2010/05/29(土) 13:07:03.25 ID:ysvEbHNb >>195 まだまだ増やして欲しい

こんにちは、ichikawaです。 今回は CakePHP 連載の 3 回目「ビューでヘルパーを使う」方法をご紹介いたします。 Helper (ヘルパー) とは？ 例えばタグの出力を補助したり、制御したりといった、Viewをサポートする役目をします。 コントローラーに対するコンポーネント。モデルに対するビヘイビア。この関係性が、ビューに対するヘルパーに当たります。 各Viewで共通で使う処理などをヘルパーとしてまとめておけば、開発効率もアップします。 設置場所 app/view/helpers以下に配置します。 命名規則 ファイル名は、作成するHelperクラスから「Helper」を削除したヘルパー名をcamel_case形式にしたものになります。 「LinkHelper」の場合、「link.php」となります。 コアヘルパーと自作ヘルパー CakePHPには、既に用意されているコアヘルパ

未だに風邪が治らない kimoto です。そろそろ 2 週間くらいになりそう。 さて先日、社内の意識統一のため、基本的な事ながらコメントの勉強会を行いました。 その時に話した内容をまとめてみましたので、アウトプットしてみようと思います。 何かの参考になれば幸いです。 コメントとは誰の為に書くのか？ 答え・読む人の為 コメントとは、後から読む人の為に付ける物、という事になります。 この「読む人」には「他人」だけでなく「自分」も含まれます。 他の人がコードを読む際の理解を促す役割、と同時に自分が後から読み返した時の為でもあります。みなさん経験あると思いますが、自分が書いたコードでも、3日も経てばすっかり忘れます。もはや他人の書いたコードです。その時の為にきちんとコメントを書いておきましょう。 自分だけしか関わらないプロジェクトだったとしても、きちんとコメントを付けるのが重要です。 ちなみに僕の

emacs からファンクショナルテストを実行し，結果を閲覧できるようにしました。ファンクショナルテストのファイルを開いたバッファで，M-x sf-cmd:execute-test すれば結果が表示されます。結果バッファは，q で削除できます。 http://github.com/imakado/emacs-symfony 追記 正規表現を修正しました。上の例の最後の，結果の説明が緑になっているのはおかしいですよね。

OAuth の Read と Write 先日, ツイート君に会話をまとめてもらい, 大変嫌な思いをした. Twitter の OAuth には Read 権限と Write 権限があって, Write 権限があると つぶやく 誰かをフォローする 誰かをリムーブする などのことが行えてしまう. つまり, Write 権限を要求するアプリケーションを許可することは, 「このアプリケーションが私のアカウントを使って勝手に変なことをつぶやいたり, 勝手に誰かをフォローしたり, 勝手に誰かをリムーブしても文句は言いませんよ」ということに等しい. さて, それでは OAuth の権限付与画面を見てみよう. ここでは冒頭に上げたツイート君が権限をこちらに要求してきている. では, いったい何の権限を要求してきているのだろうか. Read なのだろうか. それとも Write なのだろうか. 答えは R

少し前にITproにプログラマーは「こころの病」にかかる比率が高いという記事が載っていましたが、あらためて言われるまでもなくプログラマーがストレスで精神を病んで離脱するケースは自分の周りを見ても非常に多いです。こんな状況であればプログラマーに対する危険手当やプログラマー専用うつ保険とかあっても良いと思うのですがなかなか社会は変わらないようです。 このような状況に対抗するにはプログラマー自身が自衛のために知識を得ることだと思います。プログラマーの武器は知識であり、ハックする好奇心なのだから、あらかじめ十分な知識を身につけて不当なストレスに対して有利に戦いをすべきなのです。 １．判断力低下は想像以上に怖い うつで一番恐ろしいのは、気分が憂鬱になることではなく、判断力が低下することです。 判断力が落ちるとどうなるかと言うと、自分が健康なのかどうか判断できなくなり、仕事を休むべきなのかどうかで判断

outerHTML について outerHTML とは Mozilla 系のブラウザ以外のすべてのブラウザで使える要素の HTML が文字列として取得できるプロパティです。 alert(document.body.outerHTML); // => body の HTML がすべて見える（例：<body><h1>It works!</h1></body>） というわけで 以下のコードを書いてみました。 if (!('outerHTML' in document.createElement('div'))) { HTMLElement.prototype.__defineGetter__('outerHTML', function() { return this.ownerDocument.createElement('div').appendChild(this.cloneNode(tru

更新履歴 2011-09-29 Ver 0.1.4 に更新 jQuery 1.6.2 に対応しました 2010-06-10 Ver 0.1.3 に更新 getTargets, getTarget メソッドを追加しました 2010-06-04 Ver 0.1.2 に更新 IE6 で実行時にタイミングにより表示されてたエラー警告を、表示されないように修正しました。 2010-06-01 Ver 0.1.1 に更新 IE で正常に動作しない不具合を修正しました。 社内アプリも Ajax 的な UI なものが増えるにつれて、１画面にたくさんの機能を詰め込みたいという要望を受ける事が多くなりました。素直に作るとプログラムも肥大化し保守も大変になるので、機能単位に画面を分けて作成し、それぞれの画面を iframe で１つの画面に読み込むといった方法で対応したりしてます（iGoogle 的な感じ）。 そ

すでにChromeやFirefox、Safari、Operaの最新バージョンではHTML5およびその関連機能の多くが実装されていますが、こうしたHTML5対応のWebブラウザの利用者はどのくらいの割合で存在するのでしょうか？ 米オンライン広告配信企業Chitikaが調査した結果によると、同社のアドネットワークでは約46％のユーザーがHTML5対応のWebブラウザを利用しているとのことです。結果を示した記事「How Many Web Surfers are Ready for HTML5?」からグラフを引用します。 HTML5対応ブラウザの中でのシェアは、Firefox 3.5以上が46％でトップ。続いてChromeが26％、そしてSafari 3以上が24％。わずかですがChromeがSafariを上回っている点は興味深いです。 現時点でざっくり半数のWebブラウザがHTML対応という結果

イケメンマークアップエンジニアがDreamwarverの拡張でつくってたのをvimでも書いてみました。 gist: 411828 - GitHub 下記のようなHTMLがあったときに、コメントを入れたいタグの中で実行するとそのタグの終了タグの直前にコメントを挿入します。 <div id="hoge"> ... </div> これに対して実行すると <div id="hoge"> ... <!-- /div#hoge --></div> こんな感じに。カーソル位置はテキストオブジェクトのタグ選択の選択範囲の中であればＯＫです。 フォーマットも let g:endtagcommentFormat = '<!-- /%tag_name%id%class -->' これをお好みで変更できる感じで。

一定期間更新がないため広告を表示しています

中央に置くことはできなくなります。 また<p>タグの場合も <center> <p> AAA<br> abcdef<br> G<br> hi-jkl<br> MMMMM </p> </center> で という表現を得るということができなくなります。 divで乗り切れ： <table>タグや<p>タグのstyle=設定で中央寄せ設定することはできますが どう配置するかは内容とは別問題なので、直接tableタグのstyleとして設定することは デザインと内容の分離の観点から好ましくありません。 また、同じstyle=設定を文章中に何度も繰り返し書くのは好ましくないので class定義をすることになります。しかしながら、設定したいスタイルには 全体の配置だけでなく色などもあります。classは多重派生させることは できませんので、中央寄せのこの色、左寄せのこの色といった具合に 無数のclass

GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

HDR撮影も手伝って、おどろおどろしさをさらに助長させている世界のスポーキー（薄気味悪い）な写真特集なのだそうだ。

たった18秒間の短い映像。ノイズとそして特定の映像がフラッシュしていく。この映像にこめられている意味とは一体なんなのか？不気味と謎が詰まっているんだけどもその真意があるのかそれともまったくないのか？謎は謎のまま未来へと託されていくんだ。

たまにはこっちのブログでプログラムの話をしたい。そう、僕はEmacsでもhjklで移動したい。 EmacsenがよくVimmerにバカにされるのは、小指を酷使する非人道的なキーバインドのせいじゃないでしょうか! 鋼鉄の小指を持つEmacsenでも、小指の限界がコーディングの限界だと恥ずかしいですよね！ 僕も子供の頃のフライボールをキャッチしそこねて左手の小指を骨折してしまって、今でも少し変形してしまっています。あんまり酷使するとすぐヘタれます。 で、自分はEmacs上においてvimっぽいキーバインドを再現するviper-modeを愛用していたんですが、これすっごく重い。 じゃあもうviper-mode捨ててVim使えよ！と言われても仕方ないんですけど、かといってそこまで「Vimという環境」が好きなわけでもない。いろんな人に怒られそう！*1 なんとなくEmacsを使い続けてきたので、愛着がわ

無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。

「エキスパートPythonプログラミング」の発売が、Amazonや一部の書店で始まりました。 エキスパートPythonプログラミング 著者：Tarek Ziade 販売元：アスキー・メディアワークス 発売日：2010-05-28 クチコミを見る 今回は、「エキスパートPythonプログラミング」の2章から、リスト内包表記について補足します。 本書で、リスト内方表記が速い理由について、次のような訳注を書きました。 訳注：リストに要素を append() する場合、インタプリタは「リストから append 属性を取り出してそれを関数として呼び出す」という処理をしなければなりません。 それに対して、リスト内包表記を使うと、インタプリタに直接「リストに要素を追加する」という処理をさせることができます。インタプリタが解釈する命令数が減る、属性の取り出しが不要になる、関数呼び出しが不要になる、という3

nanapiのシステムで一部使う必要があったので、ちょっとチャレンジしてみました。 Google Analytics APIってちょっと面倒そうなイメージがあったので今まで敬遠していたのですが、まぁそうも言っていられなかったわけです。日本語ドキュメントがあると嬉しかったのですが、あんまり良質なのがないので本家を頑張って読み解きました。 ライブラリを利用する まぁいくつかライブラリはあるわけですが、PHPは公式のライブラリが用意されていません。 ただ、公式のヘルプに紹介してあるものがあったのでこちらを利用しました。画面下部にある、PHP5 OOP Interfaceというやつです。 http://code.google.com/intl/ja/apis/analytics/docs/gdata/gdataLibraries.html 使う前に取得しておくべきもの Google Analyti

仕事でもちょこちょこRubyを使うようになり、だいぶ慣れてきた。ヘタすると長年使ってきたperlよりも書きやすく感じるぐらいである。使う機会も増えてきたことだし、そろそろRubyプログラミング用のエディタが欲しくなってきた。 さて、何がよいか。有名どころではRDTであるが、ちょっとしたスクリプトを書くためにいちいちEclipseのようなクソ重たいIDEを立ち上げるのは億劫だ。Eclipseは「よし！これからプログラム書くぜ！バリバリと打ち込むぜ！！」と気合いを入れて立ち上げるものである。 そこで、シンタックスハイライティングと、あとちょっとしたヘルプ機能があればいいや、という要求で落ち着くわけだが、そうなると、選択肢は広がる。xyzzyにはruby-modeなるものもあるらしいし、秀丸エディタとsakuraエディタにもrubyキーワードを色づけするための設定ファイルがある。そして、UNIX

2012/01/11追記。今やGitHub - tpope/vim-pathogen: pathogen.vim: manage your runtimepath、GitHub - VundleVim/Vundle.vim: Vundle, the plug-in manager for Vim、GitHub - Shougo/neobundle.vim: Next generation Vim package managerなどの優れたVimプラグイン管理ツールが存在するので、下記をアテにするよりもそれらを使ってGitHub - vim-ruby/vim-ruby: Vim/Ruby Configuration Filesから直接インストール方がよい。 熱心なVimmerであり、かつ敬虔なRubyistである諸兄におかれましては、当然ながらvim-rubyを使って日夜Rubyプログラミン

Captcha security check zlwo.com is for sale Please prove you're not a robot View Price Processing

iPadやiPhoneをFlashに対応させないことについてユーザー目線の反応はTwitterなどでよく目に付く。Flashに対応してほしいという意見と、Flashなど必要ないとする意見が半々ぐらいに見受けられる。でも現場のウェブの開発者はどのように感じているのだろうか。われわれ素人にも分かる形で問題点を整理してほしいと思っていた。 そうしたらこのブログのコメント欄に比較的詳しい意見を書いてくださった方がいた。非常に参考になったので、エントリーとして紹介させていただきたい。 １、HTML5上でflash同等のことをやるためには現状プログラムスキルが必要。flashのようなGUIオーサリング環境が特に無いから普通のWEBデザイナーは手が出せない。先にAppleがflashライクなオーサリングツールを開発していればまだマシだったのではと思います。 ２、PC向けサイトの場合、ブラウザシェアの関係