Twitter の JSONP は、コールバックの関数名までキャッシュしやがります。 % curl -s -u EMAIL:PASS 'http://twitter.com/statuses/user_timeline.json?callback=foo' | fold -w 70 | head -n 1 foo([{"created_at":"05/22/2007 15:37:49 UTC","text":"test desu","id":7 % curl -s -u EMAIL:PASS 'http://twitter.com/statuses/user_timeline.json?callback=bar' | fold -w 70 | head -n 1 foo([{"created_at":"05/22/2007 15:37:49 UTC","text":"test desu",

Provide Managed Security Vulnerability & Compliance Platform Add Recurring Revenue Monthly www.edgeos.com

さきほど、全ニコニコ動画を視聴しているユーザの画面に http://www.nicovideo.jp/watch/sm1242369 こんな動画が割り込まれました。 なにそれ？ 動画の視聴中に、視聴中の動画が一時停止します。 コメントが書けなくなります。 ニワニュースの部分が任意のテロップに置き換えられます。 視聴中の動画とは一切関係のない音声とビデオ放送が流れます。 長さは任意です。 例えば、ustreamみたいな生中継とかを割り込みで配信出来ます。 緊急配信が割り込まれるタイミングは会員ID毎にずれます。 たぶん、APIがあって外部の人からも。。。(ry 何が出来るの？ ニコニコ動画運営的な緊急告知をながせます。 国家的に重大な事があった場合に、NHKなどと連動してニュース報道を割り込ませられます。 緊急地震速報と連動して、ニコニコユーザに告知出来ます。 音楽、映像会社とともにゲリラ告

Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Healthy Weight Loss Best Penny Stocks Cheap Air Tickets Credit Card Application Top Smart Phones Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information

● [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレ さぁ、今夜もはじまりました、熊井ちゃん王国。それでは早速、熊井ちゃんに伝えたい jQuery の魅力 RANKIN Q！ 渋谷の女性300人に聞いた jQuery の好きな所 TOP 10 名前空間の汚染が最小 簡潔明瞭なメソッド名 CSS3 + XPath ちっくアクセス メソッドに対する閉包性 (メソッドチェイン) ● 1. 名前空間の汚染が最小 Prototype では、DOM要素のID指定には $()、CSSセレクタ指定には $$() といったように、多くの関数が global に定義されている。しかし、jQuery で定義された global 変数は $ のみであり、上記の要素指定はどちらも $() で記述できる。(※ CSS 表記なのでIDの場合は'#'が必要) 正確に言えば、jQue

「 www.ennetforum.org 」のページは、ドメインが無効な状態です。 ウェブサイト管理者の方はこちらから変更・更新を行ってください。 「 www.ennetforum.org 」is Expired or Suspended. The WHOIS is here.

Magic-Sketch raconte une histoire née de la passion et de l'amour pour son propre travail

conditions target proxy_XXX proxy_XXX は今のところは owner, reflection, target の3つだけだけど、将来拡張される恐れがあるので "proxy_" は使わない方がいいよ。 ● 保護者の方へ 平素より、ActiveRecordをご愛顧賜り、誠にありがとうございます。AR はその名の通り ActiveRecord パターンを利用しており、データへのアクセスを便利にするためにカラム名のアクセサメソッドが自動的に作成されます。従って、RubyもしくはARの既存のメソッド名と競合すると誤動作する可能性がありますので、お子様がご使用になられるカラム名には十分ご注意下さい。 これらは、script/console にて以下のコードで直接確認することができ、これまでに以下の179種類の予約語が確認されています。 script/console >

CSS Redundancy Checker 使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」。 使っていないCSSのセレクタをあぶりだして、CSSのダイエットをすることが可能なツールです。 まず、(Step1)スタイルシートのURL を入力し、その後、(Step2)にスタイルシートを用いたページすべてを入力します。 そして、(Step3)「Check」ボタンを押せば、チェックを行ってくれます。 すると次のように、使用していないセレクタが一括して表示されます。 CSSのサイズが肥大化して困っているという方に便利なツールですね。 関連エントリ JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース CSSデバッギングツール１０選

Styled Text Area by CSS-Tricks CSSデザインされたTextAreaサンプル TextAreaの右端に画像を表示しています。 具体的なＣＳＳコードはこちら 関連エントリ CSSベースのクールなフォーム、サンプル集 JavaScript＆CSSで独自デザインのselectボックスを作成 CSSで独自にデザインされたチェックボックス＆ラジオボタン CSSとButtonタグを使ったクールなボタンサンプル集 デフォルトのフォームをクールにカスタマイズする方法 Niceformでエレガントなフォーム生成

クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Ac... 次の記事 ≫：色に関する便利WEBサービスいろいろ Create smaller CSS files ・PiticStyle CSSを短く書く方法いろいろ 色の指定を短く color: #ffffff; color: #ff88ff; ↓ color:#fff; color:#f8f; paddingやmarginの指定を一括で padding-left:10px; padding-right:20px; padding-top: 0; padding-bottom:30px; ↓ Padding: 0 20px 30px 10px; セレクタの一括指定 h1{ margin:0; padding:0; } h2{ margin:0; padding:0; } h3{ margin:0; padd

404 Blog Not Found の「LiveCoding に学ぶプログラミングの三原則」を読んでいたらどうしても書きたくなったので。あくまで私のスタイルなので、参考にするもしないもご自由に。 1. スタードダッシュでできるだけはやくめどをつける 学生時代から夏休みの宿題は７月中に終わらせていた私とすれば、ラストスパートよりはスタートダッシュで勝負する。どのみち、どこかで思いっきり頑張らなければならないのであれば、締め切り間際ではなく、スタート間際に頑張るべきというのが私のポリシー。十週間のプロジェクトであれば、最初の二週間が勝負。そこで八割がたのめどをつけておき、後は流す。最初の二週間がめどが立てられなければ、十週間で完成できる可能性は低いと考える。常にそういう姿勢でいれば、締め切りぎりぎりになって致命的な欠陥が見つかって痛いめにあったり、本当は大幅な設計変更をすべきなのに応急処置で

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

CNET インタビューが、autopagerize に対応していなかったので書いてみた。 SITEINFO に設定すると、使えます。いちお、SITEINFO避難所 に書いておいたので、そのうち反映されると思いますー。 { url: ‘http://japan.cnet.com/interview/*’, nextLink: ‘//li[@class=”next”]/a’, insertBefore: ‘//div[@class=”leaf_body article_body”]/following-sibling::node()’, pageElement: ‘//div[@class=”leaf_body article_body”]’, }, それにしても autopagerize は、便利！

こんにちわ、Sashaです。9月も終わりに近づいているというのにまだまだ暑いですね。 私はユーザビリティテストの専門家ではありませんし、ユーザビリティテストを実施していても、不慣れから来る反省点が毎回のように残ります。今日は、そんなユーザビリティテストにまだ不慣れな方のために、私がこれまでに書きとめておいた反省点やコツをみなさんと共有したいと思います。スムースなテストを開始して、被験者の方にもリラックスして頂くことが出来るように気をつけるべき細かい点ですので、テスト方法とか、被験者の選定方法など、ユーザビリティテストのコアの部分には触れていませんが、ご了承ください。 1.　会場取り ビデオカメラやモニタを設定するため、被験者が来られる15分ほど前から会場となる部屋を押さえておきましょう。11時に被験者の方がいらっしゃるのに、 11時からしか部屋を押さえていないと、準備する時間がないため

こんにちは satoです。mecabのユーザ辞書を追加したのですが，いろいろはまったので誰かがはまった時のためにメモっておきます。 1)品詞IDの取り方 2)ユーザ辞書の追加方法 3)禁止語句とか独自の要素を付けたい csvファイルの最後に追加すればOK 4)context_id.cpp(88) [it != left_.end()] cannot find LEFT-... ってエラーが出る left-id right-id の文字コードが csvファイルの文字コードと違うのが原因 nkf --utf8とかで文字コードをそろえる 5)CHECK_CLOSE_FALSE(sysdic->isCompatible(*d)) sys.dic と ユーザ辞書の文字コードが違うと出るエラー utf8とUTF8は違うと判定されるのでutf-8と書く 6)追加した辞書に品詞IDが付かない or 65

Free Online Template Builder オシャレなWebサイトやブログのテンプレート集は既にたくさん存在する。でも気にしないでこちらのサイトをご紹介。 この『doTemplate.com』では、いくつか用意されているWebサイトのテンプレートを自由にカスタマイズしてダウンロードできるサービスを提供中である。 たとえばこんな感じのテンプレートが。 気に入ったデザインがあれば『Customize』をクリックしよう。そうすると↓のようにデザインのカスタマイズ画面が表示される。 右上のメニューから変更したい箇所を選んで色々いじってみよう。 参考までにカスタマイズ前↓ カスタマイズ後↓ なかなか面白い。 気に入ったデザインができたら『Download』で画像ファイルやスタイルシートをゲットできる。ご利用は自由に。 今はまだテンプレートの数が少ないけど、これからじゃんじゃん増えてくれ

This domain may be for sale!

「○○はこちらから」というテキストリンクはよく使用されていますが、 ユーザビリティテスト（ユーザ行動観察調査）を行うと無視されてしまうケースが多数見られます。 今回は典型的な例を紹介します。 弊社のユーザビリティテスト（ユーザ行動観察調査）では、申し込みをしようとしていたユーザがリンクに気付かず、ページ内を探し回る動きが見られました。 この例には複合的な問題が含まれています。 まず、「申し込み」という情報が周りの文章に埋没してしまっていることが問題です。 申し込みに関する記述が何かの説明文に見えるため、自分に関係のない情報と認識されてブロックごと読み飛ばされてしまいます。 また、赤字で目立たせている箇所が「こちら」という、遷移先のページが想像できないリンク名になっているため、ユーザの注意をひきつけることができません。 直前に「お申し込みは」とあるのですが、多くのユーザは流し読みをする傾向が

出張Shibuya.js 24の発表資料の中の，JavaScriptで実行時に関数を書き換えることで高速化する例を紹介します．オリジナルアイデアはokuさんで，JavaScriptの勉強のために私もやってみました． ここでは二つの関数unrollLoop()とforceInline()を作ってみました．たとえば， add3 : function(y) { return y + 3; } と addF : function(x) { var z = 2; for (var i = 0; i < 3; i++) { z += this.add3(i); } return z; } という関数があるとします． addF()に対してblowfish.js(仮実装なので実用性はまだありません)にあるunrollLoop()を適用すると，addF()が書き換えられて function(x) { var

cjk-latex(UTF-8)を使用することで、LaTeX文書から日本語を含むPDFファイルが作れるようになったが、日本語のみの文書に対しては、Cyberbit以外の(ライセンス上、埋め込むことに問題のない)フォントを埋め込んで使うのがより良いのでは、ということで、VLゴシックを埋め込んでみることにする。 VLゴシックの本家には、 [引用]vlgothic.dicey.org/license.html より 文書への埋め込みなど、フォントとしての再使用を目的としない用途においては、以下で言う Redistribution には当たらず、制限なく行えるものとします。 とあり、埋め込みの使用には問題がないことがはっきりしている。 以下のファイルの配置場所は、Gentoo Linux 2007.0のもので、別のディストリの場合、場所の変わるファイルもある。 $ sudo mkdir /usr/

jQuery UI: Widgets, Components, and Interactions jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. jQuery用のscript.aculo.usがリリース「jQuery UI」。 ドラッグ＆ドロップ、ソート、エレメント選択、リサイザブル、アコーディオン、カレンダー等、ＵＩに関わる機能が盛りだくさんです。 Interactions Draggables Droppables Sortables Selectables Resizables Widgets Acco

● [Rails][Merb] render と View テンプレート View テンプレートの仕様も Rails に非常に近い。 描画には render を利用する render の引数は :layout, :nothing, :template, :action, :js, :xml render の引数を省略すると現在のアクション名から推測される コントローラとビューの間でインスタンス変数の透過性がある ビューファイルの拡張子は以下のどれか (優先順位はない？) ["html.erb", "jerb", "herb", "haml", "mab", "js.erb", "xerb", "rhtml", "builder", "rxml", "erb"] しかし、View テンプレートによる描画には "render" を*明示的に*実行する必要がある。ここが全体的に見ても、 Rail

■1 Re:「autotestが止まらない。」 テストケースを増やして、いつの頃からかCtrl+C*2ではautotestが止まってくれなくなった。 カッとなって連打しても全然ダメ。 私も気がつくとAutotest::ScreenでCtrl+C 2回では止まらなくなりました(たしかそんなソースコードになっていた。リロードするんじゃなかったかな模造記憶。:interruptのフックでステータスメッセージを書き換えているそうです。パッチを投げてみるべき?)。 $HOME/.autotest require 'autotest/screen' Autotest::HOOKS.delete(:interrupt) これで止まるようになりました。正しい対処かどうかはわかりませんが。 ■2 RSpec + AutoTest::Screen Autotest::Screenが便利な件について。 (Sai

● [Rails][Merb] Merb とは？ Merb (Mongrel + Erb) は MVC ベースな Ruby の Web フレームワークである。簡単に言うと、軽量な ActionPack クローンである。Rails のテーマが「規約とDRY」ならば、Merbのテーマは「疑わしきものは入れない」であり、Rails の各機能を取り込みつつも、小さくて単純で簡単で軽量、そして高速であることを目指している。 特徴 コアはシンプルに (必要な機能はプラグインとして追加させる) thread safe cgi.rb を使っていない 高速な ERb エンジンである Erubis を標準装備 Rails に似ている (機能、ファイル配置) 大体3倍くらい速い (Rails Mongrel との比較) チートシート (Rails との比較) 基本的に Rails である。app 以下のディレク

■1 Re:「autotestが止まらない。」 テストケースを増やして、いつの頃からかCtrl+C*2ではautotestが止まってくれなくなった。 カッとなって連打しても全然ダメ。 私も気がつくとAutotest::ScreenでCtrl+C 2回では止まらなくなりました(たしかそんなソースコードになっていた。リロードするんじゃなかったかな模造記憶。:interruptのフックでステータスメッセージを書き換えているそうです。パッチを投げてみるべき?)。 $HOME/.autotest require 'autotest/screen' Autotest::HOOKS.delete(:interrupt) これで止まるようになりました。正しい対処かどうかはわかりませんが。 ■2 RSpec + AutoTest::Screen Autotest::Screenが便利な件について。 (Sai

こういうサービスを見かけた。 →HeartRails - ハートレイルズ - 新規事業開発のエキスパート しかしブログの引退というか閉鎖っていうのは見ればだいたいわかるので、それよりも「おれはビギナーだよ」マークのほうが必要かもしれんね、と思った。 ので作った。 「はてな、はじめました」マーク （http://f.hatena.ne.jp/images/fotolife/w/wetfootdog/20070828/20070828180743.png） （http://f.hatena.ne.jp/images/fotolife/w/wetfootdog/20070828/20070828180742.png） シャドウ付き （http://f.hatena.ne.jp/images/fotolife/w/wetfootdog/20070828/20070828180741.png） （h

『成城トランスカレッジ』のchikiさん（id:seijotcp）に紹介していただいたボタン（上に並んでるもの）はベースをここで作りました。 ○ちまちまボタンメーカー(クローン) :: UnderDone （http://underdone.net/btmaker/） たしか「みかちゃんフォント」を使ったと思いますが、字数が多くてうまくおさまらなくてあとでグラフィックソフトで調整してます。たぶん右左でフォントが違います。 というわけで、今回はちまちまボタンの作り方＆ボタンメーカーの簡単な説明を。 「ボタンていったいなんじゃあぁあぁ！」 というひとに説明しますと、このサイトの、バナーの下に並んでる四角いアイコンみたいなのがボタンです。 （←自由に配布してかまいません*1。） 画像ファイルでできてます。いろんな日記＆ブログで見かけたことがあると思いますが、「ボタンメーカー」を使うと、Webサイ

今月3日付けでウノウに入社したshimookaです。よろしくお願いします。 入社から2週間経ち、社内や仕事に少しずつ慣れ始めた感じなところです。 ウノウは2001年設立のベンチャーです。前職もベンチャーのSI会社でしたが、ウノウを外部から見ていて「通常の会社と何か違う」と思っていました。入社してそれが垣間見えた感じがしています。 ということで、今回は「内部から見たウノウ」というテーマでまとめてみました。 社内の雰囲気 「音楽とキーボードを打つ音が絶えず聞こえている」、まさにこの通りです。音楽の音量は比較的大きめ。その中で、黙々と何かをこなしている感じです。会話はあまり聞こえてきません。また、半分ぐらいの人がヘッドフォンをして、別の音楽を聴いていたりします。 選曲は完全に「メンバーの趣味」です。J-POPあり、JAZZあり、洋楽あり、懐メロあり・・・なぜか、ルパン三世のテーマやドリフもあ

mod_proxy_balancerで中〜大規模サーバー運用するときの勘所 - (2) ProxyPassディレクティブに渡すパラメーター編 Apache2.2から、ロードバランシングをしてくれるmod_proxy_balancer というモジュールが標準添付になりました。 このモジュール、その名前の通り、ApacheレベルでHTTPリクエストをバックエンドのサーバーに振り分けることでロードバランシングをしてくれるモジュールです。 Apacheの公式ドキュメントや試しに入れてみた人のBlogなどは散見されますが、実際の現場で運用している事例というのはまだ無いようです。 そこで、実際にピーク時にover 500 request/secでmod_proxy_balancerなサーバーを運用している経験をふまえ、つまずいた点などを公開していきたいと思います。 今回は、ProxyPassディレクテ

Googleがリリースしてる無料のアクセス解析ツールがGoogle Analytics。元々はUrchin社が有償で提供していたアクセス解析ツールとあって、かなり高性能。 そんなGoogle Analyticsですが、普通にHTTPS（SSL）なページに埋め込むと、IEなどでセキュリティーに関する警告が出てきてしまいます。それを防ぐ方法。 やり方はとても簡単。GoogleからのJavaScriptを読み込む際のプロトコルとドメインを変更するだけ。以下例。 <script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ _uacct = "自分のアカウントID"; urchinTracker

prototype.jsをインクルードすると、Arrayクラスにいくつか関数が付け加えられ、拡張されます。その付け足される関数の解説です。prototype.js version 1.4.0_rc4時点でのものです。 前にも話したとおり、prototype.jsをインクルードするとprototype.jsのEnumerableで定義されてる関数群はArrayクラスで使えるようになりますが、それ以外にも以下の関数が使えるようになります。 関数

AdobeのCreative Suiteチームがカラーパレット共有サイトkulerをローンチしたようです。 このサイトは最大5色までの色をパレットとして登録できます。Webデザインでキーカラーにするのはだいたい3〜5色なので、ここに登録されてるパレットを参考にデザインするといいかもしれないですね。なお、登録されてるパレットはAdobe Swatch Exchange形式でダウンロードできます。 このWebアプリケーションはAdobeらしくFlashとColdFusionで構築されています。ユーザーインターフェースはFlash、カラーパレットの保存などバックエンドとの通信はXML、バックエンドはModel-Glue on ColdFusion。ユーザー認証の部分（カラーパレット登録にはAdobe IDが必要です）は別サーバーで動いてる認証システム（ColdFusion + ColdSprin

mod_proxy_balancerで中〜大規模サーバー運用するときの勘所 - (4) mod_deflateと組み合わせる際の注意点編 Apache2.2から、ロードバランシングをしてくれるmod_proxy_balancer というモジュールが標準添付になりました。 このモジュール、その名前の通り、ApacheレベルでHTTPリクエストをバックエンドのサーバーに振り分けることでロードバランシングをしてくれるモジュールです。 Apacheの公式ドキュメントや試しに入れてみた人のBlogなどは散見されますが、実際の現場で運用している事例というのはまだ無いようです。 そこで、実際にピーク時にover 500 request/secでmod_proxy_balancerなサーバーを運用している経験をふまえ、つまずいた点などを公開していきたいと思います。 今回は、mod_deflateと組み合わ

ユーザーがページをロード開始してから閲覧できるようになるまでのロード時間はユーザーが自分のページを快適に閲覧できているかどうかを示す重要なファクターです。Google Analyticsのイベントという機能を使用することで、ユーザーの実際の体感速度を可視化することができます。 たとえば、このブログのある期間における体感速度のグラフはGoogle Analytics上で以下のように出ています。 44.84%のユーザーは100〜499msでロードできており、1秒未満でロード完了しているユーザーは合わせて73.49%であるとわかります。また、3秒以上かかっているユーザーも7.42%居ることも分かります。3秒以上ロードにかかるようだと離脱率も高くなるので、7.42%のユーザーに対して何かの施策が必要であるということも分かります。 このように、ユーザーが実際感じている体感速度を可視化することで、この

Code Archive Skip to content Google About Google Privacy Terms

記事データ 投稿者 望月真琴 投稿日時 2006-09-06T22:10+09:00 タグ CSS HTML ユーザビリティ 仕様 概要 i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻を読んで、ソースコードのマークアップについて何度か記事を書いたことを思い出したので、改めて触れてみることにしました。 リプライ 1 件のリプライがあります。 ソースコードのマークアップについて以前書いたなあ i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻を読んで、ソースコードのマークアップについて何度か記事を書いたことを思い出しました。 hxxk.jp は自分のための備忘録サイトです ! ( 何度も書いてアピール ) それら過去の記事を交えて、 i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻の内容について触れ

2006-09-07T00:56:49+09:00 なにやら pre 要素に CSS でどういったスタイル定義をしているのか、また、pre 要素をどのようにマークアップしているのか、様々な意見がでている模様。 ブログにコードを貼り付ける方法で悩むの巻(i d e a * i d e a - Lifehacks by 100SHIKI.COM) pre要素へのスタイル指定(hail2u.net - Weblog) Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻(hxxk.jp) 情報共有と新たな発見を期待して、どのようにスタイル定義・マークアップしているのか公開することに。まずは注意しているポイントを挙げてみます。 Macintosh 版 Internet Explorer では、div 要素以外に値が visible (初期値) 以外の overf

Yahoo! UI Library: Grids CSSにて、このJavaScriptを使っていましたので使うことにしました。MTなんかでは、公開するソースによっては行番号などの指示をする場合などがありますので何かと便利だと思われます。 dp.SyntaxHighlighterの特徴 dp.SyntaxHighlighter Home Page http://www.dreamprojections.com/syntaxhighlighter/Default.aspx プログラム毎での特定要素の文字色を変えて表示することができます。 各ソースに行番号を付加することができます。 IEであれば、”copy to clipboard”のリンクが表示されて公開しているコードの取得も簡単です。 ”view plain”のリンクでテキストエリアでのソースが別画面にて表示されます。 ”print”のリン

home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成： 2007-06-30T19:14:27+09:00 更新： 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい！ というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScript系 JavaScriptを使って自動で色分けしてくれるようなツール。 元