自分用に使い勝手の良い、はてブviewerをReact/Reduxで作って公開しました。※GoogleFeedAPI停止につき現在利用できません。-ひとまず復旧したようです。デスクトップ版をもご利用ください。blog.bokuweb.meスクリーンショットどんなものか登録したキーワードに関連するニュースを配信する『Zite』というアプリがあるんですが、配信される記事が英語のみなので、こいつの日本語版を作ろうと思い着手しまた。Nativeでスマホアプリを作り始めたんだけど、先にWEB版を作ってしまったほうが変なところで躓かずにすむんじゃないかと思い、こちらを先に実装することにしました。リリース直前で気づいたんですが、公式にも同様の機能の『関心ワード』なるものが実装されたらしく全力で泣きました。いえ公式にはない機能もあるので説明します。できること自分がはてぶを使用していて欲しいと思った機能をできるだけ載せてます。ブックマーク数によるフィルタリング無限スクロールキーワード登録ユーザー登録お気に入り1アクションでのコメント表示ブックマーク数によるフィルタリングスライダーでブックマーク数によるフィルタリングがかけれるようにした。現状の範囲は1〜250だけど、ユーザー側で調整できるほうが良さそう。はてブは『新着』や『人気』に分けずにブックマーク数によるフィルタリングだけできればいいと思ってる。無限スクロールよくあるやつです。ページ下部までスクロールすると自動的に次の記事をロードします。キーワード登録メインの機能です。キーワードを登録すると、キーワードを含む記事を配信します。『テクノロジー』の『新着』を眺めていてもすぐに記事が流されて行ったり、そもそもはてブ数が少なくピックアップされない記事を見つけるのに重宝しています。自分の場合は『react』とか『elixir』とか登録しておくと捗ります。登録したキーワードはIndexedDBに保存しているので登録情報はブラウザ毎となります。ユーザー登録ユーザーフィードの登録が可能です。id:bokuwebといったid:usernameの形式で登録しておくとユーザーフィードが配信されます。自分の場合はJavaScript周りの情報を追ったりするのにid:efclさんとか登録しておくことで捗ってます。お気に入り正直蛇足感がありますがつけました。このツール上からブックマークを1アクションで行うことができないので『あとで読む』的な使用方法になるかと思います。ブラウザ間での共有もできませんし。キーワードと同様IndexedDBに保存してます。公式ではコメントを表示するまでのステップが異様に多いので1ステップで表示できるようにしました。他にはインクリメンタルサーチをつけたかったんですが、現状のAPIではフロントのみでは困難なので諦めてます。その他に機能の要望などフィードバックいただけると嬉しいです。IndexedDBです。GoogleFeedAPIを介してJSONPで取ってきてます。buildしてindex.htmlを開けば動きます。困った点などReact-Infinite内アイテムの高さ変更React-Infiniteはアイテムの高さをこちらから渡してやる仕様になっていて、サボるとスクロールがうまくいかなくなる。今回は定期的にアイテムのClientHeightを見にいって高さを渡すというバッドノウハウでかわしてる。アイテムの表示はリングバッファになってるぽくて、表示されているアイテムしかClientHeightは取得できない。Reducer間のステートの依存とか、Reduxのループ中のどこでどのステートが必要となるか十分な検討をせずに進めたため、でかいステートをぶんぶん振り回すこととなり失敗した。さいごに正直あまりモチベーションがありませんが、Electron版、React-Native版にもできれば着手したいです。フィードバック歓迎です。何かございましたらTwitter,GitHubなどでアクセスいただければと思います。触り始めて2週間たったので自分もとりあえずここま...2015-07-272chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。AngularJSで何か作ってみるシリーズです。12引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。