Engadget | Technology News & ReviewsParrots in captivity seem to enjoy video-chatting with their friends on Messenger
W3C HTML5 草案アップデートされる。新要素も追加。 « HTML5.JP ブログ
W3C HTML5 仕様の草案が、2010年6月24日版としてアップデートされました。前回の2010年3月4日版の公開から約4ヶ月ぶりの更新となります。いくつかの仕様の更新がありますので、ここで詳しく見ていきましょう。 アップデートされた仕様書 今回のアップデートでは、HTML5 仕様だけではなく、それに関連する仕様も、2010年6月24日版としてアップデートされました。 HTML5 HTML5 differences from HTML4 HTML: The Markup Language HTML+RDFa 1.1 HTML Microdata HTML Canvas 2D Context 以上の 6 つの仕様書は、以前から存在していた仕様書で、今回はアップデートという位置づけになります。しかし、今回は、上記の仕様書に加え、以下の 2 つの仕様書が新たに加えられました。 HTML5:
フロント/バックのreverse proxy構成で、指定秒数以内に必ずレスポンスを返す方法 - （ひ）メモ
目的 フロントがHTTPリクエストを受けて、バックエンドのアプリケーションサーバにreverse proxyするような構成において、指定秒数以内に何かしらのレスポンスを返したい。 200が返せない場合は、処理を打ち切って500を返したい。 背景 フロントでApacheやNginxをreverse proxyとして使っている場合、バックエンドが無応答になってしまうと、クライアントにレスポンスが返るのはデフォルトで数十〜数百秒後(ApacheのTimeoutのデフォルトは300秒、Nginxのproxy_read_timeoutのデフォルトは60秒)になってしまいます。 通常のWebサービスではこのオーダーのタイムアウトでもいいのかもしれませんが、数秒以内に(エラーでもいいので)レスポンスを返すことが求められる環境も存在します。(最近、特に多いのではないでしょうか:P) もちろんバックエンドが
エンジニアの不安と壁 - naoyaのはてなダイアリー
このところ、KLab×はてな エンジニア応援ブログコンテストというのを開催していまして、エンジニア人生に関するちょっとした小話をブログに書いていただくと、内容によっては、シリコンバレーに行けたり、iPad が貰えるかもしれない。という企画です。「え、ブログ書くだけでシリコンバレー? 」 なかなか太っ腹な企画です。 よい機会なので、宣伝がてら、自分もちょっと、昔話をしてみたいと思います。 振り返ってみると、自分がエンジニアとして経験を積むなかで、「ここが壁だったな」と思うところがぼちぼちありました。それが何で壁に感じたのかといま改めて考えると、いずれも体系的な知識がなかったために、それを乗り越えるための指針がなかったというのが大きかったように思います。 きれいなコードを書くにはどうしたらいいんだろう? 負荷分散って、どうやるんだろう? 溜め込んだデータをうまく活用するには、どうしたらいいんだ
100行ちょっとで CSS3Selectors の tokenizer を書いてみた - latest log
CSSセレクタの話題って1年半ぶりぐらい。 知らない間に CSS3 Selectors Level 3が出てたので、tokenizer を書いてみました。 (function() { window.tokenizer = tokenizer; var _A_TAG = 1, // E _A_COMBINATOR = 2, // E > F _A_ID = 3, // #ID _A_CLASS = 4, // .CLASS _A_ATTR = 5, // [ATTR] _A_ATTR_VALUE = 6, // [ATTR="VALUE"] _A_PSEUDO = 7, // :target _A_PSEUDO_FUNC = 8, // :lang(...) :nth-child(...) _A_PSEUDO_NOT = 9, // :not(...) _A_COMMA = 10, // E
uupaa.js の これまでと これから - latest log
uupaa の中の人は28ヶ月前にペットショップからウーパールーパーを2匹連れ帰りました。 同じ日に、「作れども作れども UI 速くならず、じっとコード見る」な感じから脱却するため、中の人は、"uupaa" という固有名詞がWeb上に存在しないことを確認し uupaa.js というオレオレライブラリを作りはじめました。 なぜ当時、百花繚乱な他のjsライブラリを使うことを考えなかったか… 飲みながらじゃないと言えないっ JavaScript勉強前(2年ぐらいまえ)は… JavaScriptを真面目に勉強するまえだと、これで精一杯でした CoverFlow - http://pigs.sourceforge.jp/old_uupaa/uupaa.js.0.3.18/demo/coverflow/coverflow.htm 画像が表示されない場合は何度かリロードしてください(当時はこういうのでも
MySQL 5.5 Update #denatech
2. 免責事項 ● 本プレゼンテーションにおいて示されている見解は、 私自身の見解であって、オラクル・コーポレーション の見解を必ずしも反映したものではありません。ご了 承ください。 ● 現時点（ 2010 年 6 月）の段階では、 MySQL 5.5 は マイルストーンリリース（ β 版）です。機能や実装 については、予告無く変更される場合がありますので ご注意ください。 3. 自己紹介 ● 今日は個人として来ています。 – http://nippondanji.blogspot.com/ – http://www.google.com/profles/mikiya.okuno ● 現職は MySQL サポートエンジニア。 – 2000 年にサン・マイクロシステムズ入社 – 2007 年に MySQL KK へ転職 – 気付くとまたサン・マイクロシステムズに – 現在は日本オラクルに在席
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
潰れるベンチャーと潰れないベンチャー - jkondoの日記
超交流会の当日は「学生ベンチャー入門」というセッションで、同じ御池ビルののぞみ藤田さんと、株式会社ゆめみの深田社長、株式会社ランゲートの喜社長と一緒に登壇させていただきました。学生がベンチャーを立ち上げるうえでのアドバイスを経験談を交えながら話す内容で、質問は4つくらいあったのですが、最後に会場の方から「潰れるベンチャーと潰れないベンチャーの違いはなんですか？」という質問があり、そこで出た内容を紹介したいと思います。 これについては、4人の意見がけっこう一致していて、普遍的な答えがあると感じました。結局「諦めずに粘り強くやるべきことをやること」じゃないかと思います。これは単に諦めが悪いというだけではなくて、うまくいかないときにどうするかという行動パターンに差があると思っています。 大事なのは、その場でやるべきことをちゃんと考えてやれるかどうか、という単純なことだと思います。そもそも、人の能
@masason 「やりましょう」進捗状況 | SoftBank
孫正義 @masason がTwitterで「やりましょう」「検討します」「できました」とつぶやいた案件への対応状況をまとめています。 Pepperへの手話機能搭載やりましょう。 RT @manabi1112: このロボットが手話通訳能力あったら 聴覚障害をもつ母の暮らしは 意思疎通が正確にできて1人暮らしでも安全安心は格段に上がり 、携帯メールという手書き電話と同様に 耳の聞こえない母生き方が広がり笑顔ふえるから…
はてなの起業と成長を通じて学んだこと - jkondoの日記
京都大学VBL（ベンチャー・ビジネス・ラボラトリー）の授業「新産業創成論」で「はてなの起業と成長を通じて学んだこと」という話をしてきました。週替わりでいろんな会社の社長が来て話す授業で、先週はDeNAの南場さんが話されたそうです。 今回工学部の学生さんが結構いらっしゃると聞いていて、僕自身理学部出身なので「京大の理系学部を出たベンチャー志望の青年に対してアドバイスを」というイメージで話しました。もっと言うと、「起業した25歳当時の自分に今会ったらどんなことをアドバイスするか」ということをイメージしました。 まず、前提として「ベンチャー」という言葉の定義から始めました（会場で聞いてみたら「お金が無い」という意見もあっておもしろかったです）。定義は人によって違うと思いますが、僕はベンチャーを「急成長を志向する中小企業」と考えています。あえてベンチャーと言うからには当然ある程度の成長スピードを目
mac ports やめました! ー homebrew で快適 OSX 生活! - tokuhirom's blog
http://mxcl.github.com/homebrew/ 昨日 mac mini を購入しまして、「さて、mac ports いれなきゃなあ。でも mac ports での環境構築って時間かかるし、CPU パワーもくうし、電気代かかるしエコじゃないし」とかおもっていたところ、そういえば hsbt さんが homebrew ってのをオススメしてたなーとおもって、いれてみたところ、非常に快適。 mac ports は、システムにもともとはいっている perl とか ruby とかもいちいちコンパイルするので、序盤の環境構築が非常に時間がかかるのが難点です。 しかし homebrew は、system にもともとはいっているものはそのままつかうので、初動がはやい。自分の場合、macbook の調子がわるくって、mac mini にかいかえたので、すぐにでもつかいはじめたかったので、非常に
119行でPlack対応のWeb Application Framework を書いてみる - tokuhirom's blog
拡張性等を考慮しなければ、以下のように簡単にかくことができる。 View を XSlate きめうち。ルータは given-when で、設定ファイルは .pl という構成。だいたいのウェブアプリケーションは、これぐらいの機能の WAF で十分。ルーター部分は Router::Simple とかにさしかえた方がよいかもだけど。 5年前に Python で似たような記事をみたのだが、今はみんなのがんばりによって Perl でもおなじことができるようになった。 use strict; use warnings; use 5.10.1; package MyWAF; use parent qw/Class::Data::Inheritable/; use Path::Class; use Text::Xslate qw/mark_raw/; use Encode; use Time::Piece
NameChecklist - Find your name the easy way!
Find your name the easy way! Use namechecklist to check if your brandname, username, domain and vanity url are still available on the worldwide web.Use namechecklist to check if your brandname, username, domain and vanity url are still available on the worldwide web. Search name Check and view results Enter a name without spaces. Examples: "MyCompanyName", "Inventis", "Apple".
jQuery color plugin xcolor
The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. OverviewThis plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background.
180度開脚する方法 体が硬い人のためのストレッチ体操
うちのサイトへご訪問いただいた方からの質問で、1番多いのは「180度開脚したいんですけど、どうやるのが近道ですか？」です。 これについては、ちょっと誤解があるようなんで、180度開脚の正しい方法をご紹介しましょう。と言っても、すでにやり方は紹介しているんですけど、前々から質問が多かったので、補足します。 180度開脚は股関節を柔らかくすればできる！…と思っていませんか？実はこれが違うんです…。 まずですね、180度開脚は背中と腰が柔らかくないとできないんですよ。普通に床に座っても、背中が硬いと後ろに倒れそうになるんです（笑）体の硬かった私がそうだったので、同じ経験をしている方も多いと思います。 太腿が突っ張るし、背中が伸びないため、上体が前に倒れないんですよね。 ダイエット方法 ネタ本で紹介しているストレッチは、開脚、左右開脚ができるように、編成しているんです。最初は簡単なストレッチ（柔軟
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
CTOが伝授する「Webディレクターの傾向と対策」 : LINE Corporation ディレクターブログ
こんにちは、執行役員CTOの池邉です。 今日はディレクターブログにゲスト参加という事で、「開発者から見たディレクター像」と、それぞれの傾向と対策について書いてみたいと思います。 ディレクターの役割？ 弊社での一般的なWebサービスの開発/運用においては、プログラマ・デザイナー・マークアップエンジニア・ディレクターという職種が関わります。 プログラマ = システム開発する人デザイナー = デザインする人マークアップエンジニア = HTML/CSS書く人ディレクター = ？？？上記のように他の職種の役割が明確なのに比べて、ディレクターの担当範囲というのは非常に不明瞭です。企画職とか言われる事もありますが、プログラマの出す企画が通る場合もあるので、それだけでも無さそうです。 実は弊社においてもディレクターの担当範囲というのは、明確に定義されてないようで、プログラマ・デザイナー・マークアップエンジ
JavaScript製のガントチャート·JSGantt MOONGIFT
JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptでガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更
Web Design Articles (CSS Layouts, Experiments & Demos)
I've been working professionally as a web developer for over two decades and running this website since 1997. I am keenly interested in responsive layouts and their underlying HTML and CSS. My web development work history My web design portfolio Responsive Columns: Build Amazing Layouts With Custom HTML Tags Responsive Attributes: Generate CSS Grid Layouts With Simple HTML Responsive Font Size (Op
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
slow query logとかをTest::mysqldで出す - D-6 [相変わらず根無し]
slow query logとかをTest::mysqldで出す 以前ここで書いたTest::mysqldの仕組み、すこーしずつ毎回変えながら使ってる。今は継承はしてないが、まぁやってることはだいたい一緒。 で、テーブルのインデックスとか使ってるクエリとかを確認したいなーと思って、slow query logと general log をぼこっと出せるようにした。 if (! $ENV{ TEST_DSN }) { my %my_cnf = ( 'skip_networking' => '', ); if ( $ENV{SLOW_QUERY_LOG} ) { $my_cnf{ slow_query_log } = 1; $my_cnf{ slow_query_log_file } = $ENV{SLOW_QUERY_LOG}; $my_cnf{ long_query_time } = $
第1回 SVGの基礎知識 | gihyo.jp
SVGは比較的古くからある仕様の1つですが、2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、将来の展望を全4回の集中連載で解説します。 SVGとは SVG（Scalable Vector Graphics）は、XMLベースのベクターグラフィック言語もしくは画像フォーマットです。W3Cによってその仕様が定義されており、画像フォーマットとして用いる場合は拡張子.svgが使用され、MIME形式はimage/svg+xmlが用いられます。 SVGの現状 Firefox、Safari、Google Chrome、Operaなどのブラウザが既にサポートしており、Internet Explorerもそのバージョン9、具体的にはInternet Explorer 9: Platform
UnicornでSinatraアプリをデプロイしてみた - 射撃しつつ前転 改
最近は仕事でSinatraアプリを書いたりしているので、Sinatraアプリを動かすためにはどのHTTPサーバを使うのがベストなのかが気になっている。（先に結論を書いておくけれど、どれがベスト、という唯一の選択肢は今のところありません。適材適所です。） SinatraはRackの上に構築されているので、Rackに対応したHTTPサーバーを使って動かす事になるのだが、この数がやたらと多く、どれを使えばいいのか迷う。代表的なものを挙げただけでも、WebRick, Mongrel, Thin, Unicorn, Passenger(Apacheとかに組み込んで使うやつ), FastCGI, (普通の)CGI、これぐらいは選択肢がある（いくつかHTTPサーバじゃない物も混ざっているが、Rackが対応してるという点は共通している）。 WebRickはそもそもパフォーマンスに重点を置いていないし、Mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
%26utm_content%3Dlivedoor)
githubでforkしたあとに元のリポジトリの更新を取り込む方法
Vim-users.jp - Hack #159: オプションの値を気にせずsplit, vsplitする
Vim-users.jp - Vim Quiz 1
git pull とかで落ちてきた部分のコミットを見る - 永遠に未完成
iPhone 4のベストな壁紙はこれだ！
Font Preview - Google Font Directory