Node.compareDocumentPositionが素晴らしい - hogehoge @teramako
と呟いていたら、 id:caisui さんが と教えてくれた。 広範囲にイベントを取得して、イベント発生元がどの要素に含まれるかで処理を変えたい時があって、そんな時は親ノードを辿って調べるという面倒なことをしていた。これとはおさらばしたいということで、compareDocumentPositionについて調べてみた。 Node.compareDocumentPosition - MDC Doc Center The return value is a bitmask with the following values: DOCUMENT_POSITION_DISCONNECTED = 0x01; DOCUMENT_POSITION_PRECEDING = 0x02; DOCUMENT_POSITION_FOLLOWING = 0x04; DOCUMENT_POSITION_CONTAINS
Treehouse Blog
June 7, 2024 in Learn Why You Should Use a Git Client If you’re reading this, you’re probably already familiar with Git and code hosting platforms like GitHub. If not, have a look at this great introduction to Version Control! I’m well aware that learning Git isn’t as appealing as learning JavaScript… A recent report from HackerEarth found that 80% of Fortune 100 companies host a hackathon. Why do
60+ Free High Quality Vintage Textures | Naldz Graphics
Vintage items have been making its great mark in the society for the last couple of years. Not only has it captured the interest of so many fashion icons but also the eye of great and aspiring designers all over the world. From the many and varied wallpapers to the great list of cool resources that can be downloaded, it has indeed become a trend in design to create numerous vintage-themed designs.
XvfbとFirefoxとImageMagickでWebページのサムネイルを自動生成する方法 - pomo123の日記
いまさらながら感がありますが、XvfbとFirefoxとImageMagickを使って、Webページのサムネイルを作成する方法をまとめてみます。環境はVMWare上のUbuntuですが、インストールのところ意外はLinux系OSだと共通にできると思います。 概要 Xvfbで仮想フレームバッファ(X画面)を生成して、そこでFirefoxでサムネイルを生成したいWebページを開いて、画面キャプチャをします。キャプチャすべきURLをリストしたテキストファイルを元に、どんどん画像をキャプチャしていき、さらに画像を縮小してサムネイル化します。 環境 Vista SP1 + VMWarePlayer2.0.3 Ubuntu 7.10 (いろいろ手間を省くためにVMWare用のイメージを利用) インストール Synapticで以下のパッケージをインストールします。 xvfb imagemagick Fi
モダンな Selenium でスクリーンキャプチャ/スクリーンショット (Screen capture / Screen shot）方法 - Yamashiro0217の日記
先日、Selenium でキャプチャ取る方法を聞かれたのでまとめる。 ぐぐってもモダンな方法が出てこないので。 結論を言うと、Selenium RC 0.9.2 (Core にも入ってた) から導入された、captureScreenshot を使うか、導入時期不明だけど、最新の Selenium 1.0 Beta 2 には入っている captureEntirePageScreenshot を使う。関連する API として、RC の Java Client には captureEntirePageScreenshotToString などもあるので興味のある人は、doc を見ると良い。 captureScreenshot と captureEntirePageScreenshot の違いはデスクトップ全体をキャプチャするか、テストしているページだけをキャプチャするかの違い。 captureE
CUIでウェブサイトのキャプチャを取る (with Ruby) « 秋期限定Github事件
Gtk::MozEmbed を使う Webサイトのスクリーンショットを撮るサービスの作り方 Gtk::MozEmbed sample Webページのスクリーンショットを撮る方法(Xvfb + Firefox + ImageMagick) 上記のサイトを参考に準備。環境は例によってUbuntu 64bit(Lucid Lynx)。 libgtk-mozembed-ruby をインストール。また、キャプチャを取る関係で、 libgdk-pixbuf2-ruby 、仮想フレームバッファ – Xvfcと、それを動かすためdaemonを入れておく。 1 sudo aptitude install xvfc daemon libgtk-mozembed-ruby libgdk-pixbuf2-ruby あとは、こんな感じのコマンドです。ここのブロックの操作は、デスクトップでは不要です。 1 2 3 s
サーバとL2スイッチの接続を冗長化する設計の基本 - GeekFactory
インフラを設計する上で冗長化による信頼性向上は避けて通れない道です。サーバとL2スイッチの接続を冗長化する設計については意外と情報が少ないのでまとめてみました。変なこと書いてたらご指摘ください。 インフラ設計の基本は単一障害点（SPOF）を取り除くことです。構成要素のうち1つが故障してもサービスを維持できるように設計します。構成要素は以下のものが挙げられます： CPU マザーボード メモリ ローカルディスク 電源 FC-HBA NIC LANケーブル L2スイッチ ・・・ ただし、これらすべての故障に備えようとすると費用対効果が割に合わないので、ローカルディスクから下を冗長化する構成が一般的と思います。絶対に止まってはいけないサービスは別ですけどね。 冗長化の種類 サーバを冗長化するにはクラスタを組みます。クラスタはActive-ActiveとActive-Standby（HA）の二種類に
Gitのリポジトリを柔軟に管理する gitosis | Act as Professional
GitHubの大普及で、もうプログラマーさんはみんなgitで開発しているかと思います。 でも、大人数でリポジトリを扱ったり、いくつものプロジェクトを扱うと、アクセス管理が大変です。 アクセス管理を柔軟におこない、リポジトリの追加も簡単なgitosisを使いましょう。 gitsisはgitの管理ツールです。gitosisを使えば、 サーバにログインすることなくリポジトリの追加ができる 読み取り専用などユーザーごとに細かいアクセス管理ができる 設定ファイル自体もgitで管理されているので、万が一のことが起きても戻せる それでは、Ubuntu 10.04にインストールしてみましょう。 $ sudo apt-get install gitosis gitosisのイニシャライズをします。SSH_KEY.pubは管理者の公開鍵を指定してください。 $ sudo -H -u gitosis gitos
サーバサイドJavaScriptとjQueryでスクレイピング
jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい？ Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。 Rhino には DOM が無いので単体では jQuery を実行することはできませんが、env-js という DOM ライブラリを使用するとこの辺はクリアできます。 env-js の中に jQuery を使ったサンプルがいくつか入ってますので、Java とか JavaScript とか詳しい方はそちらを見てもらった方が早いと思います。 使ってみる まず env-js をビルドしないといけないのでその辺の手順から説明します。
The Learning Behind Gmail Priority Inbox読んだメモ - 糞糞糞ネット弁慶
The Learning Behind Gmail Priority Inbox(pdf) GmailにおけるPriority Inbox（日本語だと優先トレイ）に関する論文（というよりもメモ書き）。 簡単なまとめ モデルはpassive-aggressive(PA-2) 分類というよりスコアとその閾値で判別 Feature Featureの量は多いがカテゴリ分類できる。 Social features : 送信者と受信者間の交流（例：送信者のメールの何割を受信者が読んだか） Content features : 受信者のメールに対する行動に対応するようなヘッダーや最近の単語?(recent term) Thread features : ユーザがそのスレッドを始めたかどうかみたいな情報 Label features : ユーザのフィルタによって付けられたラベルの情報を分析 これらfeat
10 Extremely Eye-Catching Minimalist Icon Sets - SmashingApps.com
In the past, we had posted good collection of icon sets which were highly praised by our visitors and on their request, we have compiled yet another exciting post on minimalist icon sets. Icon set if used properly help users with nice metaphors, and for this reason designers and artists all around the world put lots of attention on the selection of icon set, feel free to suggest and share more ico
ビジネスパーソン必携！ 定番“無料”iPhoneアプリを30本厳選【2011年初春】 - 日経トレンディネット
ビジネスパーソンがiPhoneを利用する上で重視したいのは、やはり最新の情報を手軽に収集できるツールだろう。便利なアプリやツールが充実するAppStoreの中から、筆者が独断と偏見で選んだお薦めのiPhoneアプリを30本紹介しよう。 iPhoneカレンダーと同期できるスケジュール管理アプリ 「ハチカレンダー2 Lite」 超太っ腹！ 大手全国紙の全紙面を無料で読める 「産経新聞」 RSSフィードをチェックして情報を手早く入手 「Byline Free」 無料百科事典サイトWikipediaの情報を検索 オフライン閲覧も可能 「Wikiamo」 2GBの無料スペースを使ってPCとiPhoneでデータをやりとりできる 「Dropbox」 音声を認識してテキストに変換してくれる 「Dragon Dictation」 カメラ機能を利用してiPhoneをスキャナー代わりに使える 「JotNot S
使いやすく、フレッシュなUIエレメントを使用しているウェブサイト集
The Online Portfolio of Mark Hobbs 色使いとタイポグラフィが美しくクリーンなデザインのウェブサイト。ナビゲーションの各項目をクリックすると、目的地へスムースに移動します。
ディレクターが影響を受けた本シリーズ - 渡邉 (雄) の場合 : LINE Corporation ディレクターブログ
ディレクターブログ担当の渡邉雄介です。 2007年6月から始まったこのディレクターブログも早いもので3年半になりますが、2011年はいくつか大枠のテーマに沿って更新していこうかとスタッフ内で計画しています。 その内のひとつが「本」です。世の中にはプロジェクトマネジメントやディレクションに関する本がたくさん出ていますが、ディレクターである以上、少なからずそういった本は読んでいるはず。 そこでlivedoorのディレクター自身が実際に仕事で役に立った、気持ちが変わったと実感した本を、月に何度か持ち回りで紹介していく予定です。 というわけで年末から連投になりますが、まずは私からまいります。 スケジューリングに関して影響を受けた本 熊とワルツを - リスクを愉しむプロジェクト管理 著者：トム・デマルコ 日経BP社(2003-12-23) 販売元：Amazon.co.jp クチコミを見る 最初にご紹
フォントや文字色・背景色も指定できるオンラインメモ帳サービス「QuietWrite」 : 二十歳街道まっしぐら
「QuietWrite」はオンラインメモ帳サービスです。 メモをウェブ上に残せるサービスで、非常にシンプルかつ使いやすいサイトですよ。 共有用のURLも生成してくれるので、他人にメモを見せることもできます。 フォントや文字色、背景色を変更できるのも嬉しいですね。 以下に使ってみた様子を載せておきます。 まず「QuietWrite」にアクセスしましょう。 無料でアカウントが作成できます。アカウントがあれば今まで書いたメモを一覧として残せますよ。 メモ画面。 日本語もOKです。タイトルは左上にありますよ。（気づきにくい） メモは自動的に保存されます。 メモ一覧はこのとおり。要らなくなったら削除できます。 設定より、文字色や背景色を指定することもできます。 フォントサイズやフォントの種類も選べたり。 公開用のURLです。 外部からアクセスしたときの画面。 見やすいですね～。
3D Text
3D Text Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce. Works in the latest builds of Safari, Chrome, Firefox, and Opera. h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px
hamashun me : 著作権表示の正しい使い方
あけましておめでとうございます。 今年の抱負とか特に考えてないので、お汁粉でも食べながら考えたいと思います。 2011年最初の記事は、著作権表示についてです。 静的に書かれた著作権表示の年を更新する簡単なお仕事です 年が明けると、コーダーには、静的に書かれた著作権表示の年を更新するお仕事が発生したりします。 あれ地味に面倒ですよね。 この手間を軽減するために、JSを使ったりサーバーサイドでうまい事やったりする手法もあります。 て言うか著作権表示にJSてどうなん、とか思いますけど。 そもそも、この著作権表示は本当に必要なのでしょうか？ 最初に結論 マジレス的には、日本語の場合は著作権表示自体が必要ありません。 日本は無方式主義の国なので、著作物には自動的に著作権が発生するからです。 例外も ただし、方式主義をとっているカンボジアとラオスに対しても著作権の保護を受けたい場合には、表示が必要です
CBCNET | Topic » Kinect Hackの現状 【まとめ】
Posted on January 6, 2011(Thu) in: エディターズポスト| Posted by: editor Kinectとは? 昨年、マイクロソフトから発売された「Xbox 360」用に開発された「Kinect」というゲーム用コントローラが、いまアツい視線を浴びています。Kinectの特徴は、デバイスを手にもったり体に装置を装着することなしに、ジェスチャーや音声認識をすることがでるという点で、それをゲームのコントローラーとして利用しようとしているわけです。 ジェスチャーの認識機能の基本的なしくみは、Kinect前部にとりつけられたレンズのひとつから、レーザーのパターンを広範囲に照射して、そのパターンの粗さや幾何学的な歪み具合から、対象物の3D構造を認識しているようです。暗視モードでKinectを使用している部屋を撮影すると無数の赤外線レーザのパターンが照射されているのが
TitaniumのコードをGUIなしでエディタからすばやくbuildする on Ruby - AUSGANG SOFT
そろそろiPhoneアプリに手を出そうということで、最近、話題になっているTitaniumを使って、JavascriptでiPhoneアプリを作ってみています。 titanium-mobile-doc-ja - Project Hosting on Google http://code.google.com/p/titanium-mobile-doc-ja/ 日本のTitaniumの情報はここが詳しい。 http://tidocs.com/mobile/latest/ リファレンスは↑が公式より探しやすくてGood ただ、しばらく開発してみると、毎回Titanium Developerからビルドするのが面倒。 JS開発におけるオートリロードみたいな方法はないものか？ TitaniumのコードをGUIなしでエディタからすばやくbuildする - はこべにっき http://d.hatena.
Graphic Design Inspiration on Speckyboy Design Magazine
Looking for some graphic design inspiration? Here you will find inspirational galleries and articles, covering all aspects of graphic design. View all Design Inspiration collections
O'Reilly Media - Technology and Business Training
More than 5,000 organizations count on our digital courses and more to help their teams learn the tools and technologies that drive business outcomes. We can help yours too. New AI policy for O’Reilly authors and talent O’Reilly president Laura Baldwin shares the company’s ethical approach to leveraging GenAI tools and ensuring O’Reilly experts are compensated for their work. Read it now It’s time
Gmailをさらに便利にカスタマイズ！ Gmail Labsの人気機能TOP10 | ライフハッカー・ジャパン
Gmailには、デフォルトの機能だけでは物足りない人のために、様々な実験的機能を追加できる「Gmail Labs」があります。Gmailユーザーなら説明不要だとは思いますが、念のために説明しますと、Gmailの上部にある「設定」の左の緑のフラスコが、Gmail Labsのアイコンです。そこをクリックすると、Gmail Labsの機能一覧を見られます。 今回は、数あるGmail Labsの機能の人気TOP10をご紹介しましょう。 10位：送信取り消し 怒りに任せて、もしくは思いのままに、思いのたけを込めた長文メールを書き上げ、「これでどうだ！」とメールを送信した直後に「やっぱりこれはマズイかも...」と思い直して、メールを取り消したくなること、ありませんか？ 「送信取り消し」機能を有効にしておけば、メールを送信した後でも、ちょっと待って！ とメールの送信を取り消せます。 送信を取り消せるまで
2011年に注意すべきリンク構築に関する6つのポイント ｜ SEOモード
2011年の最初の記事は、リンク構築に関する記事にしたいと思います。 Search Engine Journalに投稿されたKristi Hines氏の記事「5 Link Building Predictions for 2011」は2011年にリンク構築を行う上で注意すべきポイントを以下のように6つにまとめています。今回はこのポイントを手掛かりにリンク構築について考えてみます。 2011年のリンク構築に関する予測キーワードに基づくアンカーテキストの使用が減り、ブランド名の使用が増加する量の価値が減じ、質に重点が置かれるページランクの価値が減じ、オーソリティに重点が置かれるホームページへのリンクが減り、コンテンツへのリンクが増加するランキングへの関心が減り、コンバージョンへの関心が増すDofollowの必要性が低下し、ソーシャルな言及の必要性が増すキーワードに基づくアンカーテキストの使用が
lpo-consulting.com
lpo-consulting.com 您正在访问的域名可以转让!This domain name is for sale! 一口价出售中！ 域名Domain Name:lpo-consulting.com 售价Listing Price:CNY 888.00 立即购买>> BUY NOW>> 通过金名网(4.cn) 中介交易 金名网(4.cn)是全球领先的域名交易服务机构，同时也是Icann认证的注册商，拥有六年的域名交易经验，年交易额达3亿元以上。我们承诺，提供简单、安全、专业的第三方服务！ 为了保证交易的安全，整个交易过程大概需要5个工作日。 具体交易流程可“点击这里”查看或咨询support@goldenname.com。 我要购买>> Process Overview: 4.cn is a world leading domain escrow service platfor
フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Search
HostMetro.com
IDEA * IDEA
いまこそ言語処理を始めるチャンス - コーパスいぢり 〜langstatの研究日誌〜
http://designaholic.cc/2011/01/jquery.html
HugeDomains.com