はてなブックマーク

はじめに 素のReactだと面倒。でもFluxやReduxを使う程でもない規模のプロジェクトで何を使うか、というテーマに対する最適解を紹介します（胡散臭げな顔で）。 小規模なReact拡張ライブラリとして、例えばreact-micro-containerやflumptなどがあります。 これらはフレームワークというよりはReactアプリケーションの実装を手助けする補助的役割がメインで、素のReactを__徒歩__とすると、react-micro-containerやflumptは__自転車__的な位置付けになるかと思います。 それに対し、FluxやReduxなどの本格的なフレームワークは__2tトラック__とかそんなところでしょうか。 徒歩は論外、自転車でもちょっとしんどい、かといって2tトラックは大袈裟なんだよなぁ・・・といった時の選択肢として今回紹介するのが拙作のNanoxです。 規模と

var fs = require('fs'); var client = require('cheerio-httpcli'); // ①ダウンロードマネージャーの設定(全ダウンロードイベントがここで処理される) client.download .on('ready', function (stream) { stream.pipe(fs.createWriteStream('/path/to/image.png')); console.log(stream.url.href + 'をダウンロードしました'); }) .on('error', function (err) { console.error(err.url + 'をダウンロードできませんでした: ' + err.message); }) .on('end', function () { console.log('ダウンロードが

動機 PHPのテストフレームワークといえば(たぶん)PHPUnitが一番に挙げられると思いますが、歴史が長いだけにテストの書き方も古風というか今風ではないというモヤモヤを感じる今日この頃。 他のテストフレームワークで台頭しているのはPHPSpecとかBehatあたりだと思いますが、普段jsでmochaとchai(最近はpower-assert)を使っている身からするとどちらもしっくりきませんでした。 そんなわけでjsのモダンなテストフレームワークに近い書き方ができるPHPテストフレームワークを探してみたところ、Peridotというものを見つけたのですが、これが思いの外使い勝手が良かったので、紹介と共に普及活動としてスターターキットやGulpプラグインを作ってみました。紹介はのちほど。 ちなみにPHP5.4～対応なのでレガシーなシステムでは導入できません。ご注意を。 Peridotの紹介 ま

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

1年程前にリリースしたモジュールなんですが、最近になって Node.jsで超簡単にスクレイピングを実装してみる - もやもやエンジニア node.js スクレイピング cheerio-httpcli の使い方 | まとめーたー とかで紹介していただいていたようなので、便乗して本人によるアッピールもしてみようかな、と。 Node.jsでスクレイピングする利点 何と言っても非同期で多数のサイトをガンガンスクレイピングできるところじゃないでしょうか。 一つのサイトに大量にアクセスするのは迷惑になるのでイカンですが、不特定多数のサイトに対してであるならば同時並行で処理できると処理時間の短縮にも繋がるかと思います。 cheerio-httpcliの特徴 WEBページの文字コードを自動判定してUTF-8に統一してくれる WEBページのhtmlをcheerioというモジュールでjQueryライクな操作が

能書き 今頃になってスマホアプリ開発に興味を持ち始めて今年の初めからAndroidアプリ作成に勤しんでおり、最近ようやく1本完成しました。 アプリ作成にはPhoneGapという、HTML/CSS/JSでAndroidやiOS、最近ではWindowsPhoneやFirefoxOS対応のアプリも作成することができる(一見)優れ物な開発環境を使用しています。 PhoneGapにはメリット・デメリットありますが、そこら辺の話は詳しく説明されているサイトなどもあるのでここでは割愛しますが、WEB関連の開発知識があればJavaやObjective-Cなどのネイティブ開発用の言語を知らなくてもスマホアプリを作ることができるという意味ではおもしろいツールだと思います。 参考サイト 日本語ポータル 解説サイト WEB上で開発できるサービス 今回は、そんなPhoneGapを使ってアプリを作成する過程でいくつか

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

(function () { 'use strict'; // ログのスタイル var logStyles = { timestamp: { color: 'gray' }, label: { color: 'white', 'border-radius': '2px' }, event: { color: 'blue', 'font-weight': 'bold', 'font-size': '110%' } }; // ラベルの色 var labelColors= { Model: 'red', Collection: 'purple', View: 'green', Router: 'black' }; function debugEvents(parts) { return function (prefix) { this.__debugEvents = this.__debugE

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Backbone.jsはJavaScriptのMVCフレームワークの中では縛りが緩めで柔軟な使い方ができる(らしい)一方、ModelとDOM要素を関連付けて自動的に連動するような便利機能、いわゆるUIバインディングをサポートしていません。Modelが変更された時に発火されるイベント先で自力でDOMに反映させたり、DOMでのイベント発生時にModelに反映させる処理を自力で書く必要があります。 そんなBackbone.jsのUIバインディングライブラリを自作しようと思い情報収集をしていたら、すでに完成度の高いライブラリがあったのでちょっと試してみました。 ダウンロードやその他詳細はこちらの本家でどうぞ。 http://epoxyjs.org/ 日本語の情報はほぼなかったので(まあ本家のサンプルコード見るだけで大体分かるっていうのもあると思いますが)、ここでは簡単な使い方とかをメモしておこうと

class TwitterAPIonBrowser constructor: (oauthKeys) -> @parameters = oauth_signature_method: 'HMAC-SHA1' oauth_consumer_key: oauthKeys.consumerKey oauth_token: oauthKeys.accessToken @secret = consumerSecret: oauthKeys.consumerSecret tokenSecret: oauthKeys.accessTokenSecret get: (api, apiParams, callback) => # 使い捨てのJSONPコールバック関数名 tmpCallback = "__twitter_api_on_browser_#{Number new Date()}" # OAuthリ

Google+1のシェア数取得までの道のり 第1章 Google+1攻略作戦 巷で紹介されているシェア数の取得の情報って大体はTwitter、Facebook、はてなブックマークだけなんです。 なぜかというと上記3サービスには公式でシェア数を取得するAPIが用意されているから。 SNS分野に殴り込みをかけてしばらくたったネットの怪物、あのGoogleがこともあろうにシェア数を取得するAPIを用意していないときたもんだ。 まあ公式のボタン使えよってことなのかね・・・ でもやっぱりGoogle+1のシェア数欲しいなーって事でググってみたらこんなのを見つけました。 http://stackoverflow.com/questions/8853342/how-to-get-google-1-count-for-current-page-in-php 公式のGoogle+1ボタンは専用のスクリプトを

まあ宣伝と言えば宣伝なんですけど、オープンソースかつクライアントサイドだけで動作するサーバー不要のアプリケーションなのでBackbone.jsのサンプルアプリ的な位置づけと考えてもらえればこれ幸いです。 サイトはこちら http://bucome-watcher.herokuapp.com/ ソースはこちら https://github.com/ktty1220/bucome-watcher で、まずこのアプリケーションの説明ですが こちらの画面説明をご覧ください。3つのリストから構成されています。 左: はてなブックマークホットエントリー一覧 はてなブックマークのホットエントリー一覧が表示されます。各エントリーにマウスカーソルを合わせるとウォッチリストに追加というボタンが表示されます。 このボタンを押すと中央のリスト(ウォッチリスト)にエントリーが追加されて、一定間隔で新着コメントがある

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

自分がよく使うサイトを紹介します。もし他にも便利なサイトがあれば教えてください。 Node.JS Modules タグのインクリメンタル検索機能が便利。希望の機能を持ったモジュールが探しやすくなっています。 The Node Toolbox カテゴリ毎にモジュールが分類されています。また、githubリポジトリのFork数やWatch数も表示されるので、人気度合いや信頼性の目安も量れます。 ただ、サイトが若干重めなのがたまにキズ。 npm registry npm本家です。過去1日、1週間、1ヶ月のダウンロード数が分かるので、こちらも似たようなモジュールの中でどれを使おうか悩んだ時の参考になります。 github - connect Contrib Middleware connectのミドルウェアに限定したモジュール一覧です。自分でミドルウェアを作る前に、すでに同じような機能のものがない

CoffeeScript 1.5.0でliterateモードなるものが追加されたらしい。 「.litcoffee」という拡張子のファイルに対して適用されるもので、literateモードでは行頭にインデントがある行のみがCoffeeScriptコードとして解釈され、それ以外の行はすべて無視される。これにより、ドキュメント内に埋め込まれたCoffeeScriptコードを簡単に実行できるようになる。もちろん、.literate形式のファイルをJavaScriptにコンパイルすることも可能だ。 SourceForge.JP Magazineより抜粋 というわけで下のようなmarkdownを作って試してみました。 使用感なんかも書いてあります。 # CoffeeScript 1.5.0 新機能 literateモード お試し ## インデントについて * タブの場合は1個から、スペースの場合は4個目