2chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。undefinedundefinedbokuweb.me2015-07-272chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。AngularJSで何か作ってみるシリーズです。前回に続き作ってみたものを紹介します。2chy.bokuweb.meなんぞこれ?2chまとめサイトを横断して検索できるWEBサービスです。「masuda」を作っているときに2chまとめも検索できれば需要があるのかな?と思い作ってみました。構成は毎度ながら以下。これでopenshiftの無料枠(最大3アプリケーション)は使い切ってしましました。前回紹介した「masuda」は9割9分アクセスがリファラスパムという残念な結果ですので、何か次に作りたいものが思いついたら順次停止するかもしれません。OpenShiftMongoDBExpressAngularJSNode.js技術的なところ概要OpenshiftでNode.jsアプリケーションとして動かしています。基本的には「masuda」と同じ処理でcronでフィードを見に行き、新着があればMongoDBに突っ込んでいます。それだけでは前回からの発展がないので以下のことを試してみました。mongooseを使ってみるkuromoji.jsで形態素解析してタグつけをしてみるlocalstorageを使ってお気に入り機能をつけてみるレスポンシブデザインについて理解を深めるmongooseについてMongoDB使い始めたときはmongodb使ってたんだけど、mongoose使うと便利、というのを聞いて試してみた。使用に当たり以下の記事などを参考に。移植したものらしいです。yahooの日本語形態素解析APIなどもありましたが、こっちを使ってみました。JavaScriptの形態素解析器kuromoji.jsを作った以下のkuromoji.jsのデモを見ればどういうものか分かります。以下のように簡単に使えます。path今回は2文字以上の"名詞"、"固有名詞"をタグとして抽出しています。現状ユーザ辞書がサポートされていないのが残念ですが、さくっと形態素解析できるのはいいですね。お気に入り機能についてお気に入りアイコンが押されたら、localStorageに記事IDを格納し、お気に入り一覧表示時にはDBに格納したidで問い合わせにいってる。localStorageは以下のように使える。setDataレスポンシブデザインについてモチベーションが上がらずこいつが一番厄介。768px)とかをつかって表示したり、隠したり、ごにょごにょしたら何とかなるかもしれない。今回は以下のテンプレートを試しながら、カスタマイズした。www.blacktie.coすっかりBootstrapが手放せなくなった。21:24追記デザインのことはさっぱりなので的外れかもしれないが、以下のようなことを感じた。モバイル表示においては表示スペースは非常に限られた貴重な資源であるこを意識し、無駄を省くべき。思っている以上にモバイルの表示スペースって狭いので無駄を省いて情報量を多く、スクロール回数を少なくするよう意識した方がいいっぽい。モバイルデザインを先にやって、PCに向けに装飾するようなイメージのほうが、上手くいくかもしれない。(これまで作ったものはその辺を全く考えておらず、でかいロゴがあったり最悪だと思う。)感想ようやく入門が完了したのかな?って印象。毎度ながら作ってるのが楽しい。機械学習とかelesticsearchも次回以降使ってみたい。ちなみにAndroidアプリはストア登録の翌日にはリジェクトされました。さいごにご意見、ご要望は@bokuwebまでお願い致します。19:43関連記事2015-12-15無料の電子書籍を検索できるWEBサービス作ったkindleなんかはゲリラ的に無料セールを行う上に情報が取りにく...2015-08-19Elasticsearchをいれて触ってみたメモ【Node.js】Elasticsearchで遊んでみるメモ。日本語情報はまだ少なく、書...2015-08-042015年7月に見つけたWEBサービス等作ってみた記事まとめ2015年7月に見つけた分。12引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。