エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠typeエンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。
"リアルタイム Web" に関するプラクティスのアウトプット - Block Rockin’ Codes
追記 11/12/26 MLのスレッドへのリンクが間違っていたので修正。 introduction WebSocket なんかをつかって、従来のステートレスな処理以外に、コネクションを継続するステートフルな処理が可能になりました。 これを利用すると、これまで実装が難しかったリアルタイムな表現を Web に持ち込むことができます。 そして、 WebSocket を用いたプログラムを作成する上で、Node.js と Socket.IO を用いる方法について、 今年はこのブログでも何度か紹介してきました。 今日は今年一年の集大成として、自分が色々試しながら得たリアルタイム Web に関する知識、技術などを、 ここにまとめてアウトプットしたいと思います。 今回お話しするのは、 東京Node学園 3時限目 : ATND で発表した下記内容の抜粋です。 Node Academy | "About Sl
HTML5&API総まくり
6. • 現在の要素数は108 • 30種類の新要素 • 14種類の既存要素が変化 • time要素、hgroup要素、data要素 （WHATWG HTMLのみ）などが争 点。 HTML5マークアップ 7. • リッチな入力フォーム、新たなフォーム要素、宣 言的なバリデーションなど。 date datetime datetime-local month week time number range email url search tel color HTML5 Forms 8. • HTMLにマシンリーダブルなデータを埋 め込むための仕様 <div itemscope> <p>お名前: <span itemprop="name">白石</span></p> <p> : <time itemprop="birthDate">1978/03/24</time> </p> </div> HT
npm についてまとめてみる - need something more...
※この記事は現時点での node.js 最新版 v0.6.6 に付属する npm 1.1.0-beta-4 を元にしています。 ※間違い等ありましたらご指摘いただけると幸いです。 npm は node.js のパッケージマネージャーですが意外と色々な機能が搭載されています。 「man を読め」とは良く言われますが、結構 ドキュメント を読むだけでも大変でした。 npm で使えるコマンドは以下の通りです。 adduser 対話的に username, password, email を登録します。.nvmrc に credential を保存します。後述の npm star する為にはこの登録が必要です。npm config set で username, _password, email をセットしているとデフォルト値として採用される？npm whoami した時に登録したユーザー名が表示
いち早く70%〜80%程度の完成度で人に見せられるものを作ることがいかに重要か、という話 - 肉とビールとパンケーキ by @sotarok
去年の年末、Facebookで以下の様な画像が流れてきて自分もついついシェアしたんだけど、久々に、というか、自分にとってのここ最近の課題をドンピシャで突かれたような気がして、しばらく頭から離れなかった。 出展: 中村 修治 - 中村 修治さんの写真アルバム | Facebook 「プロ」か「アマチュア」か、というのはこの際どうでも良くて、この図の、上の曲線が、目指すべきところだなって話なだけなので、とりあえずその話をまとめてみることにする。 けど、まぁ、だいたい、こういう話をまとめるのは苦手だし途中で面倒になってしまうので、以下サブセクションだけ先に作ってみたものの、ちゃんと書くかどうかわからない... が、まあ、いい！あと、なんかグダグダ書いてしまいそうだけど、結局、サブセクションのタイトルにしたことをこねくりまわしているだけです。 作ってみるまでわからない 何にも言えることだけど作って
NginxのLocationブロックはかなり危険 | PHP『超』初心者勉強会
NginxのLocationブロックの仕様は失敗だと思う。 これが便利な場面は極僅かで、ほとんどの場合は混乱の元だろう。 今ハマっている問題は、NginxからApacheにリバースプロキシしているのだが、目的はSubversionをApacheのmod_dav_svnで管理したいからだ。 単純に以下のように書いても動作しない。 location /repos { proxy_pass http://localhost:8000/repos; } location ~ \.php$ { root /home/www/htdocs; fastcgi_pass localhost:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include /us
ついにRFCに登場！Webサーバとの双方向通信を実現する「WebSocket」 - builder
次世代のWebアプリケーションの中核を担う技術として「HTML5」に注目が集まっているが、それと並んで期待されている技術に「WebSocket」がある。 IETFとW3Cによって仕様の策定が進められており、最初の提案以来幾度もの改訂を経て、2011年12月11日にそのプロトコル仕様がRFCのProposed Standard（RFC 6455）となった。 AjaxからComet、そしてWebSocketへ WebSocketはウェブサーバとブラウザが直接コネクションを張って双方向通信するための技術規格である。HTTPとは異なる独自の軽量プロトコルによって通信を行うため、オーバーヘッドが小さく、長時間に渡って通信する場合でもHTTPコネクションを占有する必要がないというメリットがある。 WebSocketが生まれた背景には、サーバとブラウザがもっとリアルタイムに通信して情報の配信や更新を行え
綺麗なプレゼン用スライドを作る、10のテクニック
最近、keynoteでプレゼン資料を作ることが増えてきました。 PowerPointで作成するよりも、keynoteで作る方が、フォントが綺麗だし ガイドのラインも出て、配置も綺麗にそろえられるため keynoteを多く使うことが増えてきました。 プレゼンの資料は、中身が勝負でテクニックじゃないのですが あまりにも、見た目の悪いプレゼン資料だと、見てもらえないと せっかく作った良い内容も、台無しになるので、 いままで本などで読んだ、テクニックをまとめておこうと思います。 ポイントについて、個別に説明していきます。 １．見やすいフォント フォントを見やすくするために、「ヒラギノ角ゴStdN 」を指定します。 このフォントにすると、太文字ではっきり見えるので、 プロジェクターに表示しても見やすくなります。 また、フォントの大きさも、72pt、64pt、48ptを使います。 バラバラの大きさを使
大規模なjQueryアプリケーションを作る - STONEDSOUL
Building Large-Scale jQuery Applicationsの 超訳的な要約。 1. 依存関係の管理 必要なスクリプトの分だけ script タグを書く方法もあるが、依存関係の解決に script loader には さらに便利な機能が用意されている (例えば、ブラウザがサポートする機能に応じた読み込むスクリプトを 読み込む、など)。 現在、最も有力な script loader は RequireJS (by James Burke) と LabJS (by Kyle Simpson) で、 それぞれに優れた点がある (RequireJSは構造化されたモジュールをサポートする、一方、より 軽量なものを好むなら JabJS が良い)。この 2 つについてのもう少し詳しく知りたいなら、 この 記事が参考になるが、時間を 節約したい人のために、次にいくつかのオプションを紹介
年末年始のさくらクラウドのトラブルをまとめてみた(後日来たメールも記載済) – 機械忍者 @cyborg__ninja
機械忍者 @cyborg__ninja 主に「くだらないこと」「デジタル機器系」「すげぇと思ったもの」「Googleなどの検索エンジンもの」「マーケットやアンケート調査」「サッカー」「ゲーム」「ロードバイク（自転車）」などの情報をピックアップしています。たまにSEO、Ruby、CMSなどのナレッジログがあります。 まあやってくれましたわ。 年末年始にかけて、さくらクラウドさんのご対応含めて時系列含めて障害があったんだぜということを記録しておいてやろうということです。 (さくらクラウドさんは是非これで対応含めて改善いただけることを当然期待しての投稿です) なお、フォロー等のつもりではないですが、さくらのVPSサービスや専用サーバサービスで不満は一切ありません。価格帯の割には落ちないし良い＆(共用サービスは除きますが)SSH等も使わせてくれて便利で助かるわーと、いわゆる「高評価」でした。 それ
ウェブ業界で起業したいならMarcoを目指そう | quipped
Marco Armentという人をご存知だろうか？ Instapaperという「ブックマークして後で読む」アプリの作者として知られており、アメリカで大人気のブログサービスTumblrの共同創業者でもある。彼は2010年にTumblrを離れ、今はInstapaper一本にしぼって仕事をしている。主な収入源は$4.99のiOS用Instapaperアプリで1、アプリのダウンロード数が常時ランクインしていることを考えると、十分生活できるだけの額だろう。 今日のお話は至極単純なもので、ウェブ業界で起業したい人たちは、Mark ZuckerbergでもSteve JobsでもなくてMarco Armentをお手本にするべきだという話だ。ここですでに納得なら、残りを読む必要はない。 ぼくがMarcoをお手本とするべきだというには、3つの理由がある。 Marcoがウェブプロダクト制作に関して平均的に能力
不連続への挑戦 - Nothing ventured, nothing gained.
昨夜見たテレビに橋下新大阪市長が出ていた。 制度疲労を起こしている現在の行政に対し、「不連続」への挑戦をしなければいけないと主張していた。近い将来破綻することがわかっている年金制度をネズミ講と酷評し、単に「続ける」ことだけを目的としているものは止めなければいけないと言う。 いいぞ。もっと言って。 私は彼の政治手腕について知らないし、大阪市民でもないので、実際の政治手法やプランについてはコメントできない。あくまでも止めることへの歯に衣着せぬ発言に対しての賛同だ。 周りを見回しても、止めれば良いのに止めていないものをいくつも見つけることができる。 存在価値は？ 存在意義は？ と自分たちのしている業務について自問している人もいる。 ゼロベース思考、つまり今からスタートしたと仮定したときに、それを本当に始めるかで考えてみると良い。 続けるのは大変だけれど、止めるのも大変。止めると困る人が少人数でも
引越ししたので未来なお部屋を作ってみた。 - お前の血は何色だ!! 4
年の瀬に引越ししたので、部屋の再構築を行った。 コンセプトは快適に引き篭もれる未来の部屋。 その紹介をしたいと思う。 図面 一部省略の図面、古い建物なのでちょっと広い。 10m2 * 2部屋ぐらい。 何度か検討を繰り返してこの形式に落ち着いた。 カーテンを100インチのディスプレイにしてみた カーテンレールに100インチのスクリーンを釣り下げてみた。 カーテンが支えられるんだから、100インチのスクリーンぐらい支えられるだろうという発想。 カーテンレールに入れるのにLANケーブル用のマーカータイを使ってみた。 束ねれば結構強固である。 スクリーンの後ろは黒塗りされているので裏写りはないと思うけど、念のための裏写り防止のためと、昼間でも投影できるように暗室を作りたかったので、暗室用のブラックカーテンを後ろに引いている。 プロジェクターはNECの NP-U310WJD 短焦点プロジェクターを使
WebSocketの基礎知識(2012年年始版) (Kanasansoft Web Lab.)
WebSocketに関する、よくある質問や知っておいたほうがよさそうなことをまとめてみました。 技術的なことについては深くはふれていません。 あやまりがあれば指摘してください。 Q. 仕様が2つあるみたいだけど... A. WebSocketは、主にブラウザ上で使うことを考慮された通信の規格で、通信の「プロトコル」とJavaScriptから使うための「API」に仕様がわかれています。前者は「WebSocket Protocol」として「IETF」が、後者は「WebSocket API」として「W3C」がかかわっています。 Q. WebSocketってまだ仕様が固まってないんじゃないの? A. WebSocket ProtocolはIETFのRFCの「標準化提案」に、WebSocket APIはW3Cの「勧告候補」になりました。IETFにもW3Cにも承認プロセスがあり、それぞれ最後には「標準
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOSアプリケーションの Unit Test
iOS向けのオープンソースプロジェクトを集めました。 | lamb.
IBM Developer