常連

注目の的

社会貢献

拍手喝采

自己紹介

現在、Node.jsでSNSのAPIサーバーを開発しています。
Twitterで言うところの「タイムライン」をWebSocketでクライアントに送信したいのですが、将来的に他のものもWebSocketで送信することを考えると、ルーティングを今のうちからしておいたほうが良いと思いました。
そこでなのですが、どのようにすればWebSocketでルーティングができるでしょうか。
(例えば、タイムラインのWebSocketだったら`wss://api.example.com/timeline`、プライベートなメッセージのWebSocketだったら`wss://api.example.com/message?user=username`のように)。
使っているモジュールは[https://www.npmjs.com/package/ws](https://www.npmjs.com/package/ws)ですが、他のライブラリであれば簡単にできるということでしたらそちらの導入も検討します。

また、クライアントの一部がSocket.IOに対応していないのでSocket.IOは検討外です。

Node.jsのWebSocketでのルーティングの仕方

サイトの配色を考えたいのですが、
実装してからしか合うかどうか分からなくて不便です。

コーディングしなくても、色をサイト上に持ってきて合わせられるようなシステムがあれば教えて下さい。

宜しくお願い致します。

色合わせツールってありますか？

こちらの質問が他のユーザから「問題・課題が含まれていない質問」という指摘を受けましたので、再考します

再考します

たぶんリンカの役割であると思うのですが、シンボル解決とは何でしょうか？？
何をしているのですか？？

以下のurlを見てもよくわかりません。
http://qiita.com/saikoro-steak/items/e5089a2b33b52d5410bd

「関数名や変数名をどのようにアドレスに配置していくか」ということかなぁ・・・と思ったのですが・・

シンボル解決とは何のことですか？

Ruby on Rails Tutorialに沿って作成したsample_appにリツイート機能を追加したいのですが、
どちらのデータベース設計で実装するべきなのか教えてください。

①Micropostモデルにretweet_idを追加

②新たにRetweetモデル作る(user_id, micropost_id)

Google検索した結果、この2通りの実装方法があると分かったのですが、
どちらが良い実装方法なのか回答よろしくお願いします。

リツイートModelを作るべきか否か

###Chromeのデベロッパーツールでスマホ表示に切り替えるとセレクトボックスが使用できません
添付ファイルのように別の場所に黒く表示されてしまい、選択できません。
![イメージ説明](3b33e3fa6c7f25c3ad6d7be9c4d14d38.png)

###試したこと
様々なサイトを回りましたが同様に選択できません。

例）[リンク内容](http://shopping.dmkt-sp.jp/products_search?allocatable_flag=true&sort=rank_of_general_asc&delivery_fee_free=&category_uri=&keyword=)

こちらのランキング順を変更するプルダウンでも
同様の事象を確認しました。

###バージョン
Chromeのバージョンは53.0.2785.113 m

Chromeのデベロッパーツールを使用した際のセレクトボックスについて

ビューにRiot.jsを使っています。
tagファイルの中にaタグを使ってボタンを設置していて、```onlick```ハンドラを使ってイベントを設定しています。

```javascript
<page-movie-detail>
  <post-detail detail={opts.movie.detail}></post-detail>
  <div><a class="moviestart_btn" href="" onclick={movieStart}>動画スタート</a></div>
  <video src={opts.movie.url} controls></video>
  <style>
    video { display: none; }
  </style>
  <script>
    movieStart = function (e) { /* some functions.. */ }
  </script>
</page-movie-detail>
```

Riot.jsの公式に、```e.preventDefault()```は[事前に設定してるよ！](http://riotjs.com/ja/guide/#section-20)と書いてあり、実際にハンドラを設定しているものは、デフォルトの挙動が動作しないようになっています。

しかし、イベント内でエラーが起こってしまうと、そのままデフォルトの挙動が発生してしまい（今回の場合でいうと、aタグなので画面遷移してしまい）エラーのデバッグが難しくなっている状況です。

```javascript
<page-movie-detail>
  <post-detail detail={opts.movie.detail}></post-detail>
  <div><a class="moviestart_btn" href="" onclick={movieStart}>動画スタート</a></div>
  <video src={opts.movie.url} controls></video>
  <style>
    video { display: none; }
  </style>
  <script>
    movieStart = function (e) {
      doError(); // 定義されていない関数を実行するなどして、エラーが発生すると画面が遷移してしまう
    }
  </script>
</page-movie-detail>
```


ひとまず、aタグをpタグに変換して画面遷移しないように対処していますが、これはRiot.jsの仕様なのでしょうか？
またみなさんはどのように対処されていますでしょうか？

Riot.jsのイベントハンドラ内で発生したエラーについて

#概要

Webプログラミング初心者です。

現在、[NodeSchool](http://nodeschool.io/)のworkshopper、「learnyounode」を用いてNode.jsの勉強中をしております。

その8問目についての質問です。

「Webからhttpリクエストでデータをとってて、そのデータの文字数と、データそのものを表示する」というコード書く問題なのですが、
自分で書いてみた答えと正式な回答で結果にズレが生じ、その原因がよく分かりません。。。

※おそらく僕が模範回答で使われているパッケージ「[bl](https://www.npmjs.com/package/bl)」に関して、どのようなことを実現できるものか、イマイチ理解できていないからだと思います。。。

下記に

0. learnyounodeの問題
0. 自分の書いたコード
0. 模範回答
0. learnyounode verify(答え合わせ)してみた結果

を記載しますので、なぜ結果に違いがでているのか、どなたかご教示いただけますと幸いです。

#1. learnyounoeの問題

```
## HTTP 集める (13問中8問目)  
   
  1つ目のコマンドライン引数は URL 文字列です。 そのURL文字列を使ってHTTP  
  のデーターをロード (※)するアプリを書いてください。  
   
  サーバから全て（最初のイベントだけではなく）のデータを集め、次の2行をコン  
  ソールに出力して下さい。  
   
  1行目は文字数です。2行目はサーバから受け取った全てのデータを文字列で出力し  
  てください。  
   
 ─────────────────────────────────────────────────────────────────────────────  
   
 ## ヒント  
   
  2つの方法があります：  
   
  1) 全ての data イベントの結果をまとめて end  
  イベントの時に書き出してください。  
   
  2)  
  サードパーティ製のパッケージを使っても良いです。以下の2つのパッケージはこ  
  の問題に関して役に立ちます。 bl (Buffer List) か  
  concat-streamのいずれかを選んでください。  
   
  <http://npm.im/bl> <http://npm.im/concat-stream>  
   
  Node.js のパッケージをインストールするために Node.js  
  のパッケージ管理ツールである npmを使ってください。  
  コマンドラインに次のコマンドを書いてください：  
   
     $ npm install bl  
   
  上記のコマンド実行すると、指定されたパッケージの一番新しいバーションをダウ  
  ンロードして node_modules という新しいフォルダに格納します。  
  そのフォルダにあるパッケージは require を使って .  
  の接頭辞なしで利用できます：  
   
     var bl = require('bl')  
   
  メモ： Node.js のロードの優先順位は、まずNode.jsのコア、その後は上述の  
  node_modulesのフォルダの順です。 インターネットに接続できない場合には  
  node_modules  
  にfile:///Users/usaqwako/.nvm/versions/node/v4.1.2/lib/node_modules/learny  
  ounode/node_modulesのフォルダのパッケージをコピーしてください：  
   
  file:///Users/usaqwako/.nvm/versions/node/v4.1.2/lib/node_modules/learnyou  
  node/node_modules/bl  
  file:///Users/usaqwako/.nvm/versions/node/v4.1.2/lib/node_modules/learnyou  
  node/node_modules/concat-stream  
   
  bl も concat-stream も Stream を入力として pipe (※)  
  することができます。次の例ではStream  
  が終わってからコールバックが呼ばれています： ※ pipe:  
  Stream中に流れるデータを次々と橋渡しする関数を登録すること。  
   
     response.pipe(bl(function (err, data) { /* ... */ }))  
     // or  
     response.pipe(concatStream(function (data) { /* ... */ }))  
   
  メモ：もしかしたら Buffer から data.toString()  
  をつかって文字列に変換する必要があるかもしれません。  
   
  モジュールのドキュメントは learnyounode  
  と一緒にインストールされているため、このリンクをブラウザで見てください:  
   
  file:///Users/usaqwako/.nvm/versions/node/v4.1.2/lib/node_modules/learnyou  
  node/docs/bl.html  
  file:///Users/usaqwako/.nvm/versions/node/v4.1.2/lib/node_modules/learnyou  
  node/docs/concat-stream.html  
   
 ─────────────────────────────────────────────────────────────────────────────  
   
   » この説明をもう一度表示する: learnyounode print                            
   » 作成したアプリをテスト環境で実行する: learnyounode run program.js         
   » 作成したアプリが正しいか検証する: learnyounode verify program.js          
   » 出力結果が見づらい場合には --no-color をつけてみてください:                                                                          
     learnyounode verify program.js --no-color                                 
   » ヘルプを表示する: learnyounode help    
```

#2. 自分が書いたコード
ヒントにあったblは使わずに、下記のようにコードを書きました。
※この問題の前の問題、[問7のコード](https://github.com/workshopper/learnyounode/blob/master/exercises/http_client/solution/solution.js)を参考に書き換えて下記のように書いてみました。

```JavaScript
var http = require('http')

http.get(process.argv[2], function(res){
  var data_all = []

  res.on("data", function(data){
    data_all.push(data)
  })
  res.on("error", function(err){
    console.log(err)
  })
  res.on("end", function(d){
    console.log(data_all.toString().length)
    console.log(data_all.toString())
  })

}).on('error', console.error)
```

#3. 模範回答

[正式な回答](https://github.com/workshopper/learnyounode/blob/master/exercises/http_collect/solution/solution.js)では、[bl](https://www.npmjs.com/package/bl)というパッケージを使って以下のように書かれています。

```JavaScript
var http = require('http')
var bl = require('bl')

http.get(process.argv[2], function (response) {
  response.pipe(bl(function (err, data) {
    if (err)
      return console.error(err)
    data = data.toString()
    console.log(data.length)
    console.log(data)
  }))  
})
```

特に

> response.pipe(bl(function (err, data) {

ここ↑付近が、イマイチ何をしようとしてるか分からないです。。。

#4. learnyounode verify(答え合わせ)してみた結果

```
あなたの回答の評価結果（想定回答との比較結果）:

────────────────────────────────────────────────────────────────────────────────

1.  回答内容:  "319"
1.  想定回答:  "270"

2.  回答内容:  "Lets ,get ,some ,nipper ,no ,dramas ,she'll ,be ,right ,flick. ,It'll ,be ,kindie ,bloody ,lets ,throw ,a ,your ,shout."
2.  想定回答:  "Lets get some nipper no dramas she'll be right flick. It'll be kindie bloody lets throw a your shout."

3.  回答内容:  "Grab ,us ,a ,dero ,no ,worries ,she'll ,be ,right ,dinky-di. ,Stands ,out ,like ,a ,chuck ,a ,yewy ,bloody ,as ,cunning ,as ,a ,rubbish. ,Gutful ,of ,boogie ,board ,heaps ,she'll ,be ,right ,cockie. "
3.  想定回答:  "Grab us a dero no worries she'll be right dinky-di. Stands out like a chuck a yewy bloody as cunning as a rubbish. Gutful of boogie board heaps she'll be right cockie. "

4.  回答内容:  ""
4.  想定回答:  ""


────────────────────────────────────────────────────────────────────────────────

 ✗ 回答内容は想定回答とマッチしませんでした！  
   
     # 残念！  
     「HTTP 集める」に対するあなたの回答は不合格でした。再度挑戦してみて下さい！
```

【Node.js/NodeSchool/learnyounode】bl(BufferList)の動きがよく分からない

node.jsを使って、商品検索サイトを作っています。
メインDBはmongoDB：v2.6.10です。
サーバー スペック
メモリ4GB	SSD 100GB 仮想4Core

※シャーディングを利用しない前提で。。。

現状は商品を、
商品コレクションという１コレクションで管理しています。
件数:40万件
サイズ：800MB

パフォーマンスやデータの増減を考慮すると、
商品毎にエリア情報をもっているので、
商品コレクション_アメリカ
商品コレクション_日本
商品コレクション_韓国
・・・・
・・・・
・・・・
のように分割したほうがよいのか悩んでいます。

基本的には、エリアをまたがって商品検索する事はないのですが、
稀にエリアをまたがって検索したいユーザもいそうなので、
そのためにコレクションを一つにしていました。

パフォーマンスが大きく異なりそうなら、
その稀なパターンをきってコレクションを分割しようか悩んでいます。