Updated with new text, new chapters and integrated mobile considerations The 2nd edition looks at the social landscape changes in the 5 years since the 1st edition was published. Through expert guidance backed by years of experience, the second edition of this practical guide provides you with more than 100 patterns, principles, and best practices for creating user interfaces that will make your s
25 May 2011 2011-10-5 仕様の変更に伴い、大部分を書きなおす。 経緯 僕は今まで、ブラウザのクロスドメイン通信の制約とは、ホスト等が異なるサーバへのアクセスをブラウザが禁止する事だと思っていました。しかし、Chrome Extensionを開発中にどうもそれでは説明が付かない事があり、クロスドメイン通信に関して基本から学び直す機会があったので、せっかくなのでまとめました。この記事の結論を先に言うと、CORSという標準化されたクロスドメイン通信制約のもとでは、ブラウザは主にレスポンスを検閲する、という事です。 ただし、以下の文章は私が個人的に調べた事をまとめたものであり、正しさの保障はありません。むしろ間違いを見つけたら、指摘して頂けるとありがたいです。 なぜクロスドメイン通信が制約されるのか まずは基本から。 ブラウザ上のスクリプトが行うクロスドメイン通信には、ご存知の
このコールバック地獄からの卒業 JavaScriptの名前システムに日々キレている読者諸氏よこんにちは。もし私がタイムマシンで1994年に戻って「オサマ・ビン・ラディンを暗殺するか、それともネットスケープ社を爆破するか、どちらかを選べ」と迫られたら間違いなく後者を選ぶ。迫られなくても選ぶ。 Tiny BASIC以来最悪と名高い(高めるのは私)JavaScriptの名前システムで誰もがまず困るのは、コールバック・スパゲィだ。それがどんなものか知らない幸運なかたはこちらを参照。よい名前システムは七難隠すで、多少のコールバック・スパゲィごときはどうにでもなる。よほどの場合でなければ同期オブジェクトを持ち出してもいい。が、JavaScriptにはどちらもない。 そこで、世の中ではすでに山のようにコールバック・スパゲィ対策が打ち出されているが、デファクトスタンダードはない。 私もひとつ対策を打ち出し
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。そろそろ種子島にロケットの打ち上げを見に行きたいエンジニアの石澤 (@summerwind) です。すっかり遅くなってしまいましたが、10月29日(土)に弊社11Fセミナールームで開催されました、アジア最大のNode.jsイベント「東京Node学園祭 2011」の開催報告をさせていただきます。今回のイベントは、Node.jsの開発者であるRyan Dahl氏と、Node.jsでWebSocketを扱うための有名なライブラリ「Socket.IO」の作者であるGuillermo Rauch氏を海外からお招きしての開催となりました。 Ryan Dahl氏による基調講演 イベントはまず、Ryan Dahl氏の基調講演からスター
Playback mode: Play back this document's history like a movie Welcome to Stypi! Synchronization --------------- This document is synchronized so everyone viewing this page will see the same thing. Share this link with others to collaborate! Syntax Highlighting ------------------- This editor also supports programming languages. Click the "Settings" button above and choose your favorite language to
中小企業では、社員のアカウント管理がGoogleやセールスフォースなどクラウドに移行していくのではないか 「社員のアカウントを社内システムで管理するのは大企業だけになって、中小企業ではセールスフォース・ドットコムやGoogle Appsなどクラウドに移行していくのではないか」。8月5日に開催されたイベント「OpenID TechNight #7」で、企業のアカウント管理に関する予想を語ったのは工藤達雄氏。7月に米国で行われた「Cloud Identity Summit 2011」の報告の中でのことでした。 一般に多くの企業は社員のアカウントを社内で管理しています。社内のディレクトリサーバで社員情報を管理し、それを元にシングルサインオンの仕組みを用いて業務アプリケーションやメール、グループウェア、ファイル共有などへログインできるシステムを構築している企業もあるでしょう。 しかしこうした規模の
「一般消費者の方との接点としてTwitterのようなソーシャルメディアが使えるのではないかと考えたのがきっかけです。企業ホームページのトップから情報を探すスタイルから、検索エンジンやSNSから情報にたどり着くユーザーが増えてきていると思います。B2Cビジネスの会社ではないのですが、それでも会社としてどのような取り組みをしているかを、一般ユーザーのみなさんに知ってもらいたいと思いTwitterアカウントを開設しました」 Twitterアカウントの運営部門は企業によってさまざまだが、社内広報部門が担当するのは珍しいケースだ。栗原氏がTwitterを運営するのはどういった理由があるのだろうか。 「TwitterのIDは早い者勝ちなので@IBM_JAPANというIDを2年ぐらい前に取得していました。私は社内広報を担当しているので、社外広報チームのメンバーに『@IBM_JAPANのアカウントを取った
RESTful なI/Fには次のような特徴があります。 HTTPメソッドで表現できる処理は、URLではなくメソッドで表現する。 同じURLでも、メソッドの種類によって異なる動作をする。 主語(上記でいえば、projects/1など)が先にきて、動作は後にくる。一見して意味がつかみやすい。 なお、一般的にブラウザは PUT と DELETEには対応していないため、Rails はPOST を _method パラメータ付きで呼んだリクエストも受け付けます。例えば、以下のようなフィールドを含む form を POST で送ると、PUT メソッドと同様の処理が実行されます。 <input type="hidden" name="_method" value="put" /> ブラウザでは PUT, DELETE に対応していないとしたら、なぜわざわざこのような回りくどいことをするのでしょうか? R
railsでRESTを実現するための方法についてまとめ。 RESTとは Representational State Transferの略 URI(名詞)とmethod(動詞)で振る舞いを決める RESTにするメリット 変わりにくいURI「Cool URI」が実現でき、ユーザビリティがあがる インタフェース構築手法が統一されるため、作るのが楽になる railsでRESTするには ここからが本題。RAILS_ROOT/config/routes.rb内に下記のような文を追記する map.resources :articles そうすると、下記のようなRESTなルーティングが自動的に生成される。*1らくちん。 メソッド URLのパス アクション ヘルパー "index")と同じ。">*2 GET /articles index articles_url POST /articles creat
What are the criteria for a good REST-ful URI? I assert: Short (as possible). This makes them easy to write down or spell or remember. Hackable 'up theWhat are the criteria for a good REST-ful URI? I assert: Short (as possible). This makes them easy to write down or spell or remember. Hackable ‘up the tree’. The user should be able to remove the leaf path and get an expected page back. e.g. http:/
一部で好評を博している書評。 まだあと3週間ほど2011年を残しながらも今年最後と断言するあたり、僕の買い物下手っぷりが露呈しているわけです。amazonで異常なくらいレビューが良くて安い椅子なんてもう買わねえ…(遠い目 テスト駆動JavaScript 作者: Christian Johansen,長尾高弘出版社/メーカー: アスキー・メディアワークス発売日: 2011/11/25メディア: 大型本購入: 19人 クリック: 331回この商品を含むブログを見る というわけでこの本を買いました。 タイトルだけ見るとjavascriptにおけるテストしか書いてないんじゃねえかとも思ったのですが、そんなことは全くありません。 javascriptは、嫌がらせがプロダクトテーマである某クソブラウザを始めターゲットプラットフォームが幅広いにも関わらず、「テスト駆動開発」というものが浸透してなくね?な
コンビニチェーンのローソンとサークルKサンクスが、iTunes Cardをお得に購入できるキャンペーンを開催します。 ローソンは、2011年12月13日(火)から2012年1月9日(月)まで、ポイントサービス「Ponta」のポイントで還元するするキャンペーンを開催。 ポイント付与は、 iTunes Card 5000 (1,000ポイント) iTunes Card 3000 (500ポイント) iTunes Card 1500 (200ポイント) となります。 詳細はこちらでご確認ください。 一方サークルKサンクスでは、2011年12月15日(木)から2012年1月9日(月)まで、店舗内の端末「カルワザステーション」でクーポンを発券し、割引後の価格で購入できるキャンペーンを開催します。 割引はそれぞれ、 iTunes Card 3000 → 2,500円 iTunes Card 1500
(この記事は Node.js アドベントカレンダー不参加記事です) チャットサーバー的な使い方とか意外とみんな興味なくて、普通のウェブアプリケーションなどをかく、という用途にちょっと node.js がつかえたらいいのにな、とおもっている人がおおいようにかんじています。Node.js が人気なのは、v8 をうまくパッケージングしているのが node.js ぐらいで、そして v8 をうまくパッケージングするのが結構めんどくさいから、というところが大きいのです。ぶっちゃけ node.js が〜 とさわいでる人のうち8割は I/O multiplexing だからとかそういう理由で支持しているわけではなかったりするのです(偏見)。 さて、普通の web application のようなものを書こうとしたときに Node.js って基本シングルスレッドだし、なんかうっかり重い処理したときにどうした
via http://www.mobilexweb.com/blog/android-4-0-browser-html5 Android Browser 4.0 は将来的に Chrome に置換されるけど、まだ時間が必要。4.0 に搭載されているブラウザは従来の改良版 Google Chrome と Android Browser のブックマーク同期 レンダリング速度が向上 WebKit Core と V8 Crankshaft を更新し、JavaScript ベンチマークスコアが5.5速倍に New Features SVG Motion Sensor API window.addEventListener("deviceorientation", ...) CSS trasnform 3D E>F { transform: matrix3d(...) } XMLHttpRequest
TAG Finding 01 December 2011This version: http://www.w3.org/2001/tag/doc/IdentifyingApplicationState-20111201 Latest version: http://www.w3.org/2001/tag/doc/IdentifyingApplicationState Previous versions: http://www.w3.org/2001/tag/doc/IdentifyingApplicationState-20111130 http://www.w3.org/2001/tag/doc/IdentifyingApplicationState-20110930 http://www.w3.org/2001/tag/doc/IdentifyingApplicationState-2
WebサイトのUI設計のアナロジーとして、建築家クリストファー・アレグザンダーのパターン・ランゲージについて考えてみたい。 ツリー構造とセミ・ラティス構造 まずはアレグザンダーの最初の気付きから。 長い年月にわたりともかく自然に出来上がった都市を<自然都市>、又デザイナーやプランナーによって慎重に計画された都市やその部分を<人工都市>と呼びます。(中略)今では多くの人々がなにか本質的なものが<人工都市>には欠けていると感じている。 クリストファー・アレグザンダー「都市はツリーではない」 アレグザンダーは人工都市と自然都市の差異、そして人工都市のあり方を考えた末に、引用元のタイトルでもある「都市はツリーではない」という結論に至る。そして人工都市をツリー構造として計画してしまう問題を次のように考察している。 我々がツリーを考えているときは、デザイナー、都市計画家、行政当局、開発業者だけに適合の
I lead a team working on design tools at InVision. I founded and built Macaw, which was acquired by InVision in 2015. I also worked at nclud designing products for Apple and Oracle. In 2012, I went to Twitter by way of an acquihire. I left shortly after to help MIT design and launch edX. I also speak, teach and write about design. I live with my beautiful wife and three kids outside DC. I design t
This document discusses using CoffeeScript, Backbone.js, and Jasmine BDD to build single page web applications. It begins by explaining why CoffeeScript is useful for cleaning up JavaScript code and avoiding errors. It then discusses how Backbone.js provides structure for single page apps by defining models, collections, views and routers. It notes that Backbone works well with CoffeeScript. Final
パターンに機能と型を取り戻す アジャイルにおいてアーキテクチャを表現する DCI James O. Coplien (著) 和智 右桂 Growth xPartners Inc. (翻訳) Copyright c 2010 Gertrud & Cope. All rights reserved. はじめに 本稿は James O. Coplien 氏の論文「Restoring Function and Form to Patterns」(http: //www.software-architect.co.uk/slides/sa10-JimCoplien Patterns.pdf)の全文を、氏 の許可を得て翻訳したものです。 要約 15 年以上前、我々はソフトウェア・パターンの規範のための基盤を築いた。—この規範は後に長 いこと、ソフトウェア・アーキテクチャにとっての中心になったものであ
機動警察パトレイバー/全台詞 目次へ戻る 0:00.00 ロゴ 0:01.03 森林 こちら第1小隊、降下終了。Tポイントを確保 司令機より輸送中隊へ。第2波、投下開始 ゼロワンよりコマンド。目標を捕捉 方位ぜろにい。距離1200。目標を確認 目標、方位ぜろさんへ向け毎時40キロで移動中 目標を捕捉次第対地攻撃を開始。地上の各隊、警戒せよ 撃て 0:05.02 タイトル。ヘリコプター、野明、遊馬 木更津第1人工島です。最終埋立総面積450000平方メートル。川崎沖合の第2人工島と並ぶ本計画の重要拠点のひとつで、これが終わればいよいよ工事の最終段階。ふたつの人工島を経て木更津川崎間をむすぶ総延長15キロメートルの大突堤建設が本格的に始まることになります。完成の暁には首都圏を一周する大環状線が開通するだけでなく、十数箇所に設置された水門で潮差を利用した排水を開始。海面沈下と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く