This document summarizes Nicholas C. Zakas's presentation on maintainable JavaScript. The presentation discusses why maintainability is important, as most time is spent maintaining code. It defines maintainable code as code that works for five years without major changes and is intuitive, understandable, adaptable, extendable, debuggable and testable. The presentation covers code style guidelines,
クラウド上で動作するプログラムを組んでいく際、スケールすることを狙って多くのロジックがデカップリングされ、複数のサーバに分散されることと思いますが、そこで顕著になってくるボトルネックの一つがネットワークなどのI/O待ちです。 このI/O待ちを減少させるのに効果的なのが Reactor パターン。 このパターン自体は特に目新しいものでもないのですが、近年のクラウドブームで再び脚光を浴びそうなので自分の備忘録もかねて紹介します。 Reactor パターン http://en.wikipedia.org/wiki/Reactor_pattern この Reactor パターンはどういった場合に使用するかというと 複数のI/O待ちが想定される場合 というのが代表格のようです。今回はネットワークI/Oを想定していますが、データベースへの問い合わせに時間がかかる際にも有用となります。 例としてクローラ
サバカン屋のサバ缶はre:Inventで通用したのか&すぐに使える!最新運用ネタ #re:Port2016
JavaScriptでつくっているサウンドプログラミング用のライブラリ( timbre )にいくつかオブジェクトを追加してリズムシーケンサーを書いた。リズムシーケンサーが書けるようになったというよりは、リズムシーケンサーを作るために必要なオブジェクト(タイマーとフィルター)を追加した。あと、インターフェイスを修正したりして最初のデモも読みやすくなったと思う。 001. oscillators http://mohayonao.github.com/timbre/examples/001_oscillators.html 002. rhythm sequencer http://mohayonao.github.com/timbre/examples/002_rhythmsequencer.html このライブラリの最初のアイデアはS式風に音楽を記述するっていうものだったのだけど、昨日の記事
Facebook の JS SDK は使ってはいけない。 非常に問題がある。どうせ単なる薄いラッパーなんだし、必要に応じて自分であんなの書けるでしょう。問題について書く。 ありがちなアプリケーションの例 FB.login(function(res){ FB.getLoginStatus(function(res){ if(res.status === 'connected'){ FB.api('/me', function(res){ console.log(res.email) } } }) },{scope: 'email'}) 自分 のemail を取得出来る。 ところで、こうしたらどうなるだろうか。 FB.login(function(res){ FB.getLoginStatus(function(res){ console.log(res.status) FB.api('/me
まぁ誰かやってそうですが、いちおうつくっておきます。大して検証していません。 ポイント ソースの yourAfIDの部分を置き換えたいアソシエイトIDに変えてください。そのままで使うと、ぼくがDBLoggerでお世話になっているお友達に結びつきます amazonで商品ページを出しているときに当該ブックマークレットを使ってみてください あまりに突貫工事なのでSafari 4以外では動作を確認していません。 link rel=canonicalによるURL正規化って便利だよね、っていう話でもあります。 Amazon Associate ソース var yourAfID="mashiro00-22", links = document.getElementsByTagName('link'), z; for (var i=0;i<links.length;i++) { if (links[i].
以下の文章は Targeter App Blog の記事を翻訳したものです。原文は 2012年5月12日 に書かれました。 Why we moved from NodeJS to RoR http://blog.targeterapp.com/post/22984987832/why-we-moved-from-nodejs-to-ror 免責事項:この記事は NodeJS や Ruby on Rails について騒ぎ立てるものではありません。ただ私たちの決定とその理由について振り返るものです。両フレームワークはそれぞれが作られた目的において素晴らしいものであり、そのことは、私たちのスタックの一部がいまだ NodeJS で動いている理由でもあります。 私は NodeJS のすごいファンで、これは非常にエキサイティングな技術だと信じていて、これらの人気が出る様を目にするだろうと思う。私はとて
node.js を代表とする JavaScript を用いた非同期プログラミング環境においては、コーディングパターンのベストプラクティスが共有されておらず、結果として品質の低いコードが多くなるという問題があるように思います。そこで、特にエラー処理をどう書くべきか、既存のライブラリを使う方法を紹介してみることにしました。 いきなりですが、ファイルの文字数を返す関数を作ることを考えてみます。Java だと以下のような感じになるでしょうか。countChars メソッドに注目すると、エラーを例外として扱っていて、モジュラーかつ簡潔になっていることがわかります。 class FileCounter { static long countChars(String filename) throws IOException { FileInputStream is = new FileInputStre
月曜日のclient-side templating 勉強会 http://atnd.org/events/28189 で喋った内容をうろ覚えに書き出す。 クライアントMVCが求められるようになった背景 AJAXの流行 PushStateの流行の兆し メディア系のゲームで使えるAPIの充実 今まではページ遷移の度にJSのオブジェクトを破棄していた。 => シングルページでリッチなコンテンツが作れるようになり、JSのやることが増えた PushStateとは 遷移なしにURLを書き換える技術。HTML5 History API。 Twitter, Github, Facebook URLを書き換えるだけなのでコンテンツ(DOM)の操作はアプリ製作者に一任されている。 大規模なHTML書き換えに、クライアントサイドテンプレーティングが重要になってきた。 PushStateのライブラリ defun
fluxiomである。 http://www.fluxiom.com/ fluxiomはRuby on Railsで作られた、ソーシャルとタギングを備えたオンラインファイラーというようなものらしい。まだサービス開始していないが、デモムービーが公開されている。 fluxiomを開発している会社はscript.aculo.usの開発元ということであるので、 当然「Rails + prototype.js + script.aculo.us」で作られている、ということになるのだろう。 と思ってみたら、開発者のBlogに追記されていた。「Ruby on Railsで作られていて、Flashは一切使っていない」ということである。 http://mir.aculo.us/articles/2005/11/24/fluxiom script.aculo.usは「web2.0 JavaScript」だそう
移転しました http://please-sleep.cou929.nu/20120510.html
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Hello!</title> <meta name="description" content="description"/> <meta name="author" content="author" /> <meta name="keywords" content="keywords" /> <link rel="stylesheet" href="./stylesheet.css" type="text/css" /> <style type="text/css">.body { width: auto; }</style> </head> <body> </body>
先日、Meteorっていうツールが話題になっていて、いろいろ見てみたんですけど、pjaxいいなぁと思って、今まで実装したことなかったので、Mojolicious::Liteで実装してみました。 ついでに流行りっぽいツールを組み合わせてみました。 利用したツール Mojolicious::Lite Backbone.js jQuery CoffeeScript LESS 実装するにあたり、以下の記事を参考にしました。 kennyjのブログ(仮): backbone.jsがいつのまにかpjax対応していた Mojolicious::LiteでPJAXしてみた サンプル 1ファイルなので、ミニマルですってことです。コードもなるべく短くなるようにしました。 ここで使ってるツールは流行ってるし、オシャレですね。 どうもMojolicious::Liteが一番流行ってなさそうですね。流行らせたいですね
Welcome To AddyOsmani.com ” Hey guys. My name is Addy and I'm a passionate Web Developer. On my site you can find useful tutorials on jQuery, JavaScript and User Interface design. Who Am I? I'm a passionate 24 year old Irish Web Designer & Developer and (currently) a Project Manager who loves creating exciting new user interfaces and writing about topics that can help other web designers out there
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く