タグ

2012年1月24日のブックマーク (16件)

  • 12/7に行われたGoogle API OAuth 2.0の仕様変更について - GeekFactory

    12/8あたりからGoogle APIのOAuth 2.0の挙動が変わりました。Google Groupsのポストをたどると、12/7に仕様変更が行われたようです。変更点について説明している記事を見つけたので、日語に訳してみました。変なところがあったらご指摘頂けると助かります。 Using OAuth 2.0 to Access Google APIs - Google Accounts Authentication and Authorization — Google Developers も合わせて読むことをおすすめします。 Upcoming changes to OAuth 2.0 endpoint - The official Google Code blog (訳注:この記事は2011/10/xxに書かれて、2011/11/14にアップデートされています) 近日中に行われる O

    12/7に行われたGoogle API OAuth 2.0の仕様変更について - GeekFactory
  • 実践GitHub Pages運用のユースケースとワークフローの詳細 | ゆっくりと…

    前回、GitHub Pages 活用の概要を書きましたが、実際に運用していくと、master と gh-pages をどう使い分けるか、また両者の同期をどう行うかなど、いくつかの課題が浮かび上がってくると思います。 そこで今回は、実際に GitHub Pages 上で運用されている Dive Into HTML5 をよく知る立場から書かれた記事 「GitHub Pages Workflow and deleting git’s `master` branch – Oli.jp」 の翻訳を中心に、関連するいくつかの記事から、ユースケースと運用のシナリオ、及びそれに応じたワークフローをまとめてみました。 以下は、その参考記事です。 Git post-commit hook to keep master and gh-pages branch in sync by Paul Irish 2011

  • こてさきAjax:Web Intentsで persistent connectionを実現するには - livedoor Blog(ブログ)

    今日のエントリーでは、 Web Intents で persistent connection (継続接続)を実現するための方法について紹介します。 先日のWeb Intents についてのエントリーで、今のWeb Intentsの状態を『(何しろ、W3Cのサイトにドラフトもあがっていない状態なので)』 などと書いていたのですが、既にあがっていました・・・orz Web Intents の仕様が記述されているのは、もちろんなのですが、W3C の Mailing Listでのこれまでの議論を踏まえたものも記述されており、なかなか参考になります。それに該当するのが Section 4 & 5 なのですが、今日のエントリーでは、その中から 5.3 Persistent connctions (継続接続)について取り上げたいと思います。 Web Intents は RPC モデル Web Inte

  • GoogleのCDNを使うか単にcatするか

    有名ライブラリ、例えばjQueryを利用する時GoogleのCDNを使うことが多いけど、どうせ依存するなら単にcatしてまとめても良い(はず)。つまりHTTPリクエストがひとつ増えるデメリットと転送量の低下を期待するメリットのどちらがそのWebサイトにとって効果的かを考えなくてはならない。 Webサイトの規模が大きくハードウェア性能に余裕があるなら、転送量が増えることはデメリットには成り得ないのでcatする方がメリットが大きそう。そしてWebサイトにアクセスできればそのライブラリに依存したスクリプトが動くことをかなりの確率で保証できる。対して規模が小さいなら転送量の増加はコストの増加につながりやすく厳しい。HTTPリクエストの増加はユーザーに負担を求めることになるが、Google CDNのようなキャッシュが大いに期待できるものならなんとかメリットが上回りそう。 というのが僕のイメージなんだ

    GoogleのCDNを使うか単にcatするか
  • テストとデバッグ

    The document discusses product architecture and its role in manufacturing firms. It defines product architecture as the scheme by which the function of a product is allocated to physical components. Product architecture impacts a firm's ability to achieve strategic goals like innovating new products, responding to market changes, and lowering production costs. The author argues that understanding

    テストとデバッグ
  • 私が今までクロージャを理解できなかった理由 - プログラミングを勉強するブログ

    Javascriptを勉強する上で誰もがつまずくと言われるクロージャですが私も例に漏れず理解できないでいました。 さまざまな解説サイトを読んだりサンプルコードを書き換えてみたりして 静的なスコープの言語で利用できる。 関数が終了したあともそのローカル変数が参照できる。 といったクロージャの「仕組み」や「特徴」については分かったものの、もっとも重要ともいえる 「どういう時にクロージャを使えばいいのか」 が分かりませんでした。言いかえると友人がなんて言って悩んでいる時に 「そう言う時はクロージャを使うといいよ」 と言ってあげればいいのか。 例えばプログラムの勉強を始めた友人が 「これと同じ処理もう何回も書いてるんだよ。コピペばっかりしてる気がする」 と言って悩んでいたら 「そこを関数にすればいいんじゃない?」 って教えてあげますよね。 これと同じように友人が 「○○○○○○なんだよ、うまい方法

    私が今までクロージャを理解できなかった理由 - プログラミングを勉強するブログ
  • 3streamer.net

    3streamer.net 2024 著作権. 不許複製 プライバシーポリシー

  • 最近のJS系のツールを触ってみたまとめ

    社内用にまとめたものだけど、そもそもTwitter上で流したもののまとめなのでこちらにも投げてみる。 //——————– CoffeeScript 元からCoffeeScriptに慣れてるか、素のJSが書きにくいと感じる人にはおすすめ 素のJSが書きやすい人はロジック書きにくくなる部分あるので若干つらい 記述するコード量は減るけど、素のJSでもエディタとかのサポートがあれば記述時間はそれほど変わらないかも (特に変換後のJS想像しながら書く場合) ただ、素のJS好きな人でも対応は難しくないので、JS書きたくない人が開発するのであれば使うのはありかも (OSとかの環境によって開発に支障が出ることはなさそう) おすすめの使い方 サーバサイドの人がメインで書く場合 単体テスト用コード(ロジックは素のJS、テストはCoffeeScriptで書こうかな) WebStorm IDEとしての完成度は高い

    最近のJS系のツールを触ってみたまとめ
  • 502 Bad Gateway nginx openresty 133.242.243.6

    502 Bad Gateway nginx

  • JavaScriptの初見で読みづらいシンタックス&パターン9種

    JavaScriptの暗部を感じるカオス JavaScriptのライブラリを読み解いていると,「お前は何を言っているんだ状態」に陥ることがよくあります.難解なコードを通り越して黒魔術になるとついていけません…. そんなコードリーディングをする中で,初見では意味が分からなかったり,分かりづらかったりした記法をまとめてみます.コードリーディングの一助になりますれば幸い. eachな感じのループ×2 比較的簡単な類ですが,定石パターンなので一応.色々あると思いますが,自分がよく使う2パターンだけ紹介します. var elms = [1, 2, 3], e, i = 0, while (e = elms[i++]) { // おぅふ // i -> 1 } 単純に配列から1個ずつ取り出すだけなら上記のような感じです. var elms = [1, 2, 3], e, i = 0, iz = elm

    JavaScriptの初見で読みづらいシンタックス&パターン9種
  • classやidに-を使うとか使わないとか

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest logを見て、自分はいつも-を使ってるので、その理由を書いてみる。 結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照:The jQuery UI CSS Framework -を使う時は、名前空

    classやidに-を使うとか使わないとか
  • IE7 が死んだらできるいくつかのこと( caniuse.com から見繕っただけ) - oogatta のブログ

    IE6 への対応が一段落した昨今、 IE7 もいよいよ事実上市場から姿を消す日が近づいてきたようです。flickr が今年以降リリースする新機能にて IE7 をサポートしないことを表明しました。私の勤務先でも、今ものすごい勢いで IE7 のシェアが低下しており、今年の夏から冬にかけて、今の IE6 と同じくらいのシェアになるかもしれない勢いです。 というわけで、 IE の最低動作保証バージョンが 7 から 8 になったら何ができるようになるのか、僕らの caniuse.com を見てざっと洗い出してみましたのでご参照ください。 CSS inline-block display:inline-block が使えます。IE 6/7 では "display:inline; zoom:1;" で代用していたと思います。 Table Display display:table 、 display:t

    IE7 が死んだらできるいくつかのこと( caniuse.com から見繕っただけ) - oogatta のブログ
  • Last CallったCSSグラデーションの文法

    CSS Image Values and Replaced Content Module Level 3がLast Callったので読みなおした。古い独自実装の文法と旧仕様に基づく文法、Last Callに基づく文法にベンダー拡張プリフィックスが組み合わさるカオスな世界の始まりですね!(ブラウザがよしなにしてくれることを期待せずに)まともに対応させようとしたらCSSグラデーションを背景に使うためにbackground-imageを10行くらい書かなくてはならなそうで、もはやSassやLESSの出番とかそういう次元の話ではない。 Last Callの仕様でのlinear-gradient()関数の文法は以下のように定義されている。 <linear-gradient> = linear-gradient( [ [ <angle> | to <side-or-corner> ] ,]? <col

    Last CallったCSSグラデーションの文法
    hokaccha
    hokaccha 2012/01/24
  • http://html5please.us/

  • typeof null === 'object' は ECMAScript 3 の仕様バグ - @think49の日記

    ECMAScript 3 の typeof 演算子 typeof演算子は対象の型を返す演算子ですが、null に適用すると "object" が返ってきます。 console.log(typeof null === 'object'); // true では、null は Object 型なのか、というとそうではなくて仕様バグだったりします。 Changed 3 weeks ago by brendan You know, this all came about because of rushing in early May 1995, which led to a leak of type tag representation shared by null and object types. But null means "no object", so it didn't raise h

    typeof null === 'object' は ECMAScript 3 の仕様バグ - @think49の日記
  • 最新のWeb RTC仕様について調べてみた - IT-Walker on hatena

    ワーキングドラフトが公開されたり、IEBlogでも言及されるなど、注目度が一層高まってきた感のあるWeb RTC (Web RealTime Communication)仕様について、改めて調べてみました。 Web RTCは、Webアプリからカメラやマイクでメディアデータを取り込んたり、リモートホストとのP2Pのデータ送受信を行うためのJavaScript APIです。 Web RTCは、以前はWHATWG HTMLの一部として仕様が提案されていましたが、分離して一つの仕様になりました。分離したのはつい最近です。 API自体は単純なので、これまでは仕様書流し読みしてわかった気になっていたのですが、「ローカルからのメディアデータの取り込みとP2Pがなんで同じ仕様にあるんだろう?」とふと疑問に思って、きちんと仕様書を眺めて見ました。同じように疑問に思う方が居らっしゃれば、お役に立つ記事かと思い