kshimo69のブックマーク - はてなブックマーク

kshimo69 id:kshimo69

ブックマーク / www.kanasansoft.com (12)

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にも承認プロセスがあり、それぞれ最後には「標準
kshimo69 2012/01/09
リンク
Androidで動かせるWebSocket Server「WSBroadcaster for Android」 (Kanasansoft Web Lab.)
「Android上で動くWebSocketサーバを作った」という話はいくつか聞いていたけど、実装例がなかなか出てこないので自分で作った。下手に作り込んで汎用性がなくなるのも嫌なので、WebSocketのメッセージの中継に機能を絞っています。WebSocketのコアな部分はJettyにお任せ。通信キャリアが変なことをしていなければグローバルなIPアドレスでも使えるはずだけど、手元に環境がないため確認はできてない。また、所有している端末だと、80番ポートで起動できない。LInuxでは、80番ポートを開くためには権限が必要なので、多分これに起因する現象だと思う。rootedな端末ならもしかして起動できるかもしれない。これで、出先で突然WebSocket Servserが必要になっても一安心ですね。メイン画面は、上に起動/停止用のボタン、下にはServerのステータスと設定値が表示されている
kshimo69 2011/12/20
リンク
第一回WebSocket勉強会で発表してきました (Kanasansoft Web Lab.)
今更感満載ですが、先々週に開催されたWebSocket勉強会で発表してきました。スライドができあがったのが当日の朝、登壇に間に合うように数時間だけ仮眠をしてから会場入りしたため、他の発表をほとんど見られなかったのが心残りでしたが...。公式サイトからリンク済ですが、発表資料と録画された発表の動画をここにも貼っておきます。主催された西谷様、会場を提供して頂いたIIJ様、ありがとうございます!
kshimo69 2011/10/15
リンク
iOSのSafariがWebSocketに対応したので、WebSocketRemote for iOSを作りました (Kanasansoft Web Lab.)
画面上部にサーバのデスクトップが表示されます。この部分はトラックパッドも兼ねています。また、トラックパッド部分のピンチイン/ピンチアウトで、リモートの画面を拡大/縮小できます。画面下部の左右の領域でマウスのクリックが、中央部分がホイールになります。 WebSocketに対応したとはいえ、モバイル端末なだけあってさすがに重いです。多分、画像の描画処理が原因だと思います。手元の第二世代iPod touchはなんとか動く程度、iPhone 3GSではデモができるぐらいで使ってみるとイライラするかも。iPadやiPhone 4は持っていないのでわかりません。
kshimo69 2011/03/04
websocket
リンク
Shibuya.js beyond HTML5 の発表資料 (Kanasansoft Web Lab.)
Shibuya.js beyond HTML5 で飛び入りで話してきた。以前にLTをやった関係で、スピーカー募集の通知があり、開催日前後が忙しくなりそうだったこと等々、諸事情により参加できない可能性があったため、発表はほとんど諦めていた。ところが、飛び入り発表もOKとの事だったので、当日はできるだけ早く会場入りし、2時間で資料を作って発表してきた。諸事情により一部のスライドを削除している。
kshimo69 2010/10/30
websocket
リンク
Gitのユーザマニュアルを読んでのメモ (Kanasansoft Web Lab.)
「git fsck」でリポジトリの検証。「git fsck --full」で完全な検証を行える。破損していた場合、破損したBLOBオブジェクトのIDやそれを参照しているツリーオブジェクト等の情報が表示される。リポジトリのクローン先やクローン元に破損したオブジェクトを入手し、「.git/objects/」配下に格納する。破損したファイルが見つからなかった場合、「git ls-tree <ツリーID>」で破損したBLOBオブジェクトのファイル名を確認する。作業ディレクトリ内に運良く元のファイルらしきものが残っている場合、「git hash-object <ファイルパス>」でオブジェクトID確認できる。「git hash-object -w <ファイルパス>」でオブジェクトを生成し「.git/objects」配下に格納する。元のファイルが見つからなかった場合、「git log --raw
kshimo69 2010/04/25
Development

git

vcs

from_greader

from_plagger
リンク
Firefox限定加速度センサーとCSSのTransform2Dをあわせて使う (Kanasansoft Web Lab.)
Firefox3.6からJavaScriptから加速度センサーの値を取得できるようになりました。この手のセンサーは、移動方向というよりも筐体の傾き検出の方が向いているはずなのですが、そのようなデモがあまりないようなので簡単に実装してみました。Firefox3.6から加速度センサーを利用できる環境が必須です。MacBook系であれば大丈夫なはずです。バージョン3.6のFirefoxは、加速度センサーに対応していますが、Transf orm3Dには対応していません。逆に、最新のSafariでは既にTransf orm3Dに対応しているのですが加速度センサーには対応していません。iPhone用のSafariはTransf orm3Dに対応していますが、加速度センサーは縦横の方向しか取得できません。加速度センサーとTransf orm3Dの両方に対応したブラウザが登場し、面白いアイディアのものが色々出て
kshimo69 2010/03/03
Browser

CSS

CSS3

Firefox

JavaScript

from_greader

from_plagger
リンク
「git rebase」はコミットの移動ではない (Kanasansoft Web Lab.)
$ git init $ touch aaaaa $ git add aaaaa $ git commit -m "a" $ touch bbbbb $ git add bbbbb $ git commit -m "b" $ touch ccccc $ git add ccccc $ git commit -m "c" $ git branch branch1 $ git branch branch2 HEAD^^ $ git checkout branch2 $ touch ddddd $ git add ddddd $ git commit -m "d"
kshimo69 2010/03/02
Development

git

vcs

from_greader

from_plagger
リンク
選択範囲をGistに保存するBookmarklet(再掲) (Kanasansoft Web Lab.)
このブックマークレットを公開したあと、CSRFではないかと指摘を頂きました。仕様と考えていたのですが、確かにセキュリティホールにも見えたため、一旦記事を削除し、GitHub社に問い合わせました。回答は、「コマンドラインやサードパーティ製のアプリケーションからもGistを作成できるようにするための仕様」との事なので再掲載します。ちなみにこのAPIは将来的に削除する可能性もあるとの事です。追記ここまで /* ================================================================================ Name : 選択範囲をGistに保存するBookmarklet Ver1.0.0 In : [none] Out : [none] Note : 選択範囲の文字列(utf-8のみ)をGistに保存します。 -------
kshimo69 2010/01/28
Bookmarklet

Gist

GitHub

JavaScript

git

from_greader

from_plagger
リンク
できるだけ簡単にMacでローカルにGyazoサーバを立てる方法 (Kanasansoft Web Lab.)
本来であれば、0.2に入っている「upload.cgi」を使えば良いのですが、Rubyの実装に変更があったためそのままでは動作しません。「Digest::MD5.new(imagedata).to_s」の部分を「Digest::MD5.new.update(imagedata).to_s」に変更します。 (MacOSX 10.5の場合。これ以前のOSXでは修正が不要かもしれません。) また、「upload.cgi」は、同一ディレクトリにファイルを保存するため、実行環境配下に画像ファイルが入ってしまいます。これでは、画像ファイルが実行ファイルと認識されてしまうため、ブラウザから参照する事ができません。 (仕様的にcgiファイルでも受け取り実行環境に配置されてしまうため、セキュリティ的にも危険です。) このため、画像を受け取る専用のアカウントを作成し、実行環境下でない「サイト」フォルダ(内
kshimo69 2009/11/29
gyazo

mac

ruby
リンク
Macportsでインストールするときにハマった - どのバージョンのパッケージが有効なのか注意 (Kanasansoft Web Lab.)
「MacPorts」で「FFmpeg」をインストールしているときにこんなエラーが出てインストールの継続ができなかった。 % sudo port install ffmpeg Password: ---> Fetching XviD ---> Attempting to fetch xvidcore-1.1.3.tar.bz2 from http://distfiles.macports.org/XviD ---> Verifying checksum(s) for XviD ---> Extracting XviD ---> Applying patches to XviD ---> Configuring XviD ---> Building XviD ---> Staging XviD into destroot ---> Installing XviD @1.1.3
kshimo69 2009/06/11
mac

macports
リンク
環境変数にIDやPASSWORDを設定しなければならない状況で、ID/PASSWORDをファイルに平文で保存したりシェルの履歴に残したくない (Kanasansoft Web Lab.)
zshを前提にしているが、問題の解決方法が重要なので、ちょっと記述を変更すれば他のシェルでもできるようになるはず。また、暗号化には「gpg」の共通鍵暗号化方式(対象鍵)を使用している。
kshimo69 2009/05/07
.*rcに直接パスワードを書かない

tips

*nix
リンク
1