はじめに ブラウザ間でP2P通信が実現できれば、ブラウザ上で動作するP2Pアプリが作れて面白そうだなーと思ったのでWebSocketを使って実現してみました。仕組みについては以下で説明していきますが、私が実現した方法は限定的で実用性が低く色々と足りない部分もあるので、軽い気持ちで読んで頂けるとありがたいですw 仕組みの概要 なぜWebSocketを使うのか 従来、Webサーバとクライアント(Webブラウザ)間で非同期に通信するにはXHR(XMLHttpRequest)を用いてきました。基本的にこのXHRは以下の図のように同一ドメインとしか通信できないという制約がありました。*1 しかし、WebSocketのthe Origin-based security modelでは異なるドメインとも通信することが可能になります。WebSocketプロトコルでは、サーバとクライアント間で接続を確立する

というタイトルで社内勉強会を開きました。 その時の資料を公開します。 「作業効率が10倍アップする」かどうかは個人差があるのでご注意ください。 最近のChrome Developer Toolsは本当に高機能ですごいですね！僕も資料を作っていて新しい発見が沢山ありました。 追記: 説明不足ですいません。スライドは←→キーで移動します。表紙にも記載しておきました。 作業効率が10倍アップする Chrome Developer Tools の使い方 あとキャプチャをとるのに使ったSkitchが便利すぎて感動しました。

某id:koizukaさんにブクマされてされてしまったのでｗ ちゃんと書こうと思います。 私は、現在もニコニコ動画は大好きです。 けど、昔のほうがすきだった。 私が好きだったニコニコ動画がどこで変わったのか。 私なりの答えを一つ見つけて、この記事を書くにいたりました。 まずは、どうしてニコ厨になったのかを振り返りながら好きだったニコニコとは どんなものだったのかをまとめます。 - 【11/6　21時追記】自分のニコニコ生活について 自分の予想では、はてブが２、３件ついて終わると思っていたので 予想以上に反応いただいていて、戸惑ってる次第です。 私が、ニコニコをどうやってみてるのかというのがこの記事に必要だなぁと 思ったので追記しておきます。 ブクマコメでズバリ言われてるのですが、そうです、私ランキング人間です。 特定のタグで廻ったりしておりません。 見始めた当初から、毎時ランキング民です。

NETWORK: * CACHE:キャッシュさせるファイルを記載します。 NETWORK:必ずネットワークから取得する内容を記述します。CACHEセクションに記載したデータ以外をネットワークから取得するようにするのでアスタリスクを記載します。 マニフェストファイルの自動生成上記でマニフェストファイルを作成しましたが、下記のmanifestRというサイトを利用して、現在閲覧しているURLのマニフェストファイルのひな形を自動生成してくれるサイトがあります。こういったサイトを利用してマニフェストファイルの作成をさくっとやってしまうのがオススメです。 manifestR作成されたマニフェストファイルの内容を確認してから利用してください。自動生成された物をそのまま利用すると何もかもキャッシュされてしまって、意図しない動作を招くと思います。 HTMLにマニフェストファイルを設定すべてのHTMLのDOC

テキストマイニングに必要なパターン認識と機械学習について学びます。非常に初歩的な話から始めます。対象者は「テキストマイニングに興味があり、用いられる手法の中身を知りたい（けれど高度な数学は厳しい…）」というビジネスマンや学生さんです。数式は出来る限り「使います」。使わないと意味するところは理解できません。ただし、愚直に数式の一行一行を手計算で順を追って解いていきますし、必要な数学知識はその都度説明し、前提知識は求めませんので「数式出てくるの？じゃあついていけないのでは…」という心配は不要です。この記事の特徴は「機械学習の手法をやたら冗長な数式と過剰なまでの例を用いて、くどくどと同じ話を何度も説明する」ことです。 筆者ことあんちべは純文系出身で、数学や統計学、プログラミングは全然学生時代やってこなかった上、業務でも機械学習を使うことなんて皆無、それどころか機械学習なんて言葉は就職してからよう

先日作成した「関西電気保安協会リズムマシーン」と「ONE-LINER-ORCHESTRA」が Chrome, Safari *1 (Web Audio API) Firefox (Audio Data API) Opera (HTMLAudioElement) で使えるようになりました。 どちらも pico-player.js っていう拙作ライブラリを使っているんだけど、普通に便利なので紹介します。 https://gist.github.com/1342081 CoffeeScriptで書いてコンパイルしています。もうJavaScript書けなくなってきました。 2011/11/08追記 別タブ選択時に音が途切れる減少を解消しました。 関連記事： http://d.hatena.ne.jp/mohayonao/20111108/1320756534 2011/11/07 追記 Coffe

ぽちぽちとクリックしていくだけで.htaccessファイルが作成できるので BASIC認証などが必要なときに便利です。 タイプミスも少なくてすみます。 機能としては ・ファイル一覧の拒否 ・ベーシック認証 ・エラーページの設定 ・デフォルトページの設定 ・URLでのWWWあり、なしの統一 ・リダイレクト先の設定 ・モバイルアクセスの制限 ができます。 設定していくと、下の方のフォームにテキストが出力されますので 「.htaccess」ファイルをローカルに作成してペーストするだけ。 ぜひ、お試しくださいませ。 .htaccess Editor http://www.htaccesseditor.com/

ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。 これはいいですな・・・IE6でも7でも実装出来て、背景カラーや画像にも依存しません。 demo こんな感じ。よく見かけますが、これをCSSのみで実装するTipsです。 h1 { border-top: 1px solid black; margin:23px 0 0; text-align:center; padding:0; height:24px; } h1 span { position: relative; top: -24px; padding: 0 20px; background:white; }borderを使って実装。h1にborderを付けて位置を下げ、spanで

WordPressにレコメンドエンジンを入れて調整したらサイトの回遊率が向上した。 WordPressにレコメンドエンジンを入れサイトデザイン調整したらサイトの回遊率が向上 ８月までは、レコメンドエンジンを入れていません。 この記事では、レコメンドエンジンを入れる前との比較と実際に用いたレコメンドエンジンのデータからの改善方法について書いています。 内容が、難しいと言われたので、すごく簡単に書くと レコメンドエンジンを入れたデータから以下の事がわかりました。 1.関連記事は、記事タイトルより上に出すべき。 2.サイドバーには、閲覧履歴を出すべき 3.記事のサムネイルは、美人がいい。 4.無料のレコメンドエンジンは、この二つがあるが、本気になるのなら有料も考えた方がいい。 http://www.linkwithin.com/learn?ref=widget LinkWithin https:

追記：たくさんブクマしていただいて驚いております。ブクマコメントだと、やはり git push -f は反則だろという意見がサイレントマジョリティのようですが、そこはそれ、自　己　責　任 追記２(2011/11/07)：commit messageをミスった場合について訂正しました。 git rebase -i で直近のコミットを "edit" にして修正すると、 「--amend使えや」と言われるようです。 gitのコミットをしくじった時の対処法について、一覧性の高いまとめがなかったので作りました。正確さは保証できないので、コマンド名ヒントに自分でググって下さい ほかのやり方があるよ、間違ってるよ等のご指摘歓迎です。 派閥別 gitでコミットミスった時のまとめ ｜ ├─　一人で使ってるよ ｜　　　｜ ｜　　　├─　手元に変更を取り戻したいよ(1)（そうだね、add忘れだね派） ｜　　　｜

はじめに こんにちは、Python界の情弱です。ちょっと前にOCaml系のエントリを色々と眺めていたらYaron Minsky氏のエントリを見つけたので翻訳してみました。 OCaml for the Masses - ACM Queue Yaron Minsky氏はJane Streetで第一線で活躍されるエンジニアで、Jane Streetの技術ページをはじめ多くの場所でOCamlに関しての知見を語ってくださっています。 Jane Street Tech Blogs 本エントリはJohn Hughesの名エントリ「なぜ関数プログラミングは重要か」を受けてACM Queueに寄稿されたものの日本語訳です。 なぜ関数プログラミングは重要か Why the next language you learn should be functional YARON MINSKY, JANE STREE