自分の感受性くらいスマートフォン用の表示で見る自分の感受性くらいこの広告は、90日以上更新していないブログに表示しています。expressこのエントリはリアルタイムWebハッカソンのハンズオン資料その4です。それでは次に簡単なチャットアプリのコードを見てみましょう。かなりの部分(特にデザイン面)をSocket.ioのチャットサンプルをパクって参考にしています。サーバ側であるapp.jsはこんな感じです。});});やりとりする内容をJSON形式に変えてます。人数のカウント情報だけでなく、チャット内容もやりとりするため、ただの文字列ではどちらが来てるのかを判断しづらいからです。messageを受け取るところの処理では受け取った内容をそのまま配信してます。次にクライアント側を見ましょう。views/layout.jadeはこんな感じです。body先頭に5が加わってHTML5の宣言にした事以外前回から変わりありません。HTML5にしてるのは下にあるindex.jadeのテキストボックスにplaceholder属性の設定をしているからです。views/index.jadeは次のようになっています。value='送信')チャット表示欄#chatと入力フォーム#formが追加されています。#chatのように要素を省略すると自動的にdivだと判断されます。public/stylesheets/style.lessは次のようになっています。}}最後にclient.jsを見てみましょう。4時限目」の資料その4です。4時限目」の資料その3です。4時限目」の資料その2です。2012」を開催します。日本ユーザグループCoderwallはてなブログをはじめよう!t_43zさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。