ちっちゃいCoffeeScriptの本 - イントロ
CoffeeScriptって何? CoffeeScriptとはJavaSciptに書き換えてくれる便利な言語のことです。 構文はRubyやPythonに影響を受けていて、この二つの言語の様々な特徴を備えています。 この本は、読者の方に、CoffeeScript、そのベストプラクティスを学んで頂き、素晴らしいクライアントアプリケーションを作り始めてもらいたいという意図で書かれています。この本は小さく5チャプターしかないですが、それはCoffeeScriptそのものが小さいからなのです。 この本は完全にオープンソース形式となっており、 Alex MacCaw (@maccman)によって書かれ、David Griffiths, Satoshi Murakami や Jeremy Ashkenasの協力を得て書かれています。そして勝手ながらHiroaki Yamaneが翻訳をさせてもらいました。
Overview
What It Is Many JavaScript implementations do not warn against questionable coding practices. Yes, that’s nice for the site that “works best with Internet Explorer” (designed with templates, scripted with snippets copied from forums). But it’s a nightmare when you actually want to write quality, maintainable code. That’s where JavaScript Lint comes in. With JavaScript Lint, you can check all your
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
Firefox9はFirefox8より最大45％、Firefox3.6より最大10倍高速化する
「Firefox 9」の目玉機能は一年以上も研究が続けられていた研究プロジェクトである型推論 (TI: Type Inference) が導入されたことで、これによってJavaScriptを使いまくるサイトでの高速化がかなり期待でき、Firefox8に比べて最大45％、Firefox3.6に比べれば最大10倍高速化するとのこと。 ほかにも、ダウンロードした画像を実際表示するまでデコードしないことでページ読み込みの高速化とメモリ使用量削減を行うなど、パフォーマンス面で大きな改善が行われるそうです。 Firefox 9 の主な新機能を紹介します Mozilla Developer Street (modest) Firefox 9 の後方互換性に関わる修正のまとめ Mozilla Developer Street (modest) 型推論により Firefox Beta の JavaScrip
ブラウザ + WebSocket で電話する - PARAGRAPHS
http://tily.no.de/telephone トップページ、部屋とニックネームを決めて開始する http://tily.no.de/telephone/sandbox 手軽に試す用 電話というか音声チャットなんだけど、Flash のマイクでとった音声を WebSocket 経由で送信して、受け取った側では Web Audio API とか Audio Data API とかで再生するというのを作った。Firefox と Chrome で動く。 はずなんだけど、no.de の SmartMachine のスペックが低いせいか、遅延のあるせいか相手側の音声がブツブツ切れて聴こえてしまう…。ローカルではちゃんと音声チャットっぽいことができているんだけど。 なんか色々他の人のコードを使ったり参考にしたりしたので書いておきます。 socket.io サンプルのチャットプログラム デザインと
今すぐ「GitHub で」フォローすべき Node.js 界のスーパーエンジニア
こちらでははじめまして，koichik です．Jxck によるエントリ:今すぐフォローすべき「本当の」 Node.js 界のスーパーエンジニア では，Node.js 自身を始め，npm や Socket.IO，Express といった著名なプロダクトの作者が紹介されました (筆者を除く)．彼等は Node.js の世界を大きく広げることに貢献している，文字通り「本当の」スーパーエンジニアです．しかしながら，Node.js の世界に集うスーパーエンジニアは彼等ばかりではありません．著名なモジュールを作ってはいなくても，Node.js の品質改善や機能強化などで貢献している人達も大勢います．そこで今回は，Node.js の世界を深化させているスーパーエンジニアを 10 人紹介します．とはいえ，彼等の中には Twitter をほとんど活用していない人もいます．IRC が普及しているせいか，日本に
Dartすごい。マジすごい。美しい
Dart : Structured web programming というわけで、Dartが発表されてからこのかた、Dartの規格を読んでいたのだが、これはすごい。マジですごい。ヤバイほどすごい。美しすぎる。 私が多少なりともかじっている言語は、C++とJavascriptとアセンブリである。私は、もうこれ以上、学びたいと思う新言語が出てくるとは思っていなかった。たしかに、C#はWindowsでアプリを作るには面白そうだし、PythonやらRubyやらは、かなり人気だ。しかし、これらの言語を学びたいとは思わなかった。昔、Schmeに興味を持ち、SICPを買った。しかし、未だ綺麗なまま、本棚の中に眠っている。Haskellに興味を示したこともあったが、やはり最初の感動が覚めると、学ぶ気にはならなかった。つまりは、わざわざ学ぶほどの魅力がなかったのだ。しかしどうやら、私は間違っていたようだ。D
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か - かちびと.net
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
Opera Mobile TP 版で Stream API （webcam アクセス）を試してみた - WebOS Goodies
Firefox 4 がリリースされて話題となっている昨今ですが、我らが Opera も新しい Opera Mobile のテクノロジー・プレビューをこっそり公開しました。 Android 版の Opera Mobile をベースに WHATWG の Stream API や W3C HTML5 の Orientation Events を実装したものです。 とくに Stream API は画期的で、 HTML5 video タグを使って内蔵カメラの画像をリアルタイムで Web ページ上に表示できます。これが実用化されればカメラ撮影や AR など、これまでネイティブアプリの独壇場だった分野が Web アプリケーションでも実現できます。 Web 開発者としては非常に興味をそそられますね。 さっそく手元の Nexus One にインストールして試してみましたので、簡単にレポートします。 インスト
WebKit サーバーというものを作ってみた - IT戦記
みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS
Joshfire Framework
The first open source multi-device development framework. Using only standards like HTML5 and JavaScript, it allows developers and integrators to quickly create native and dedicated web apps for browsers, Node.JS, desktops, smart phones, smartTVs and connected objects. Multi-device Whatever the device you try to reach, the Joshfire framework helps you develop one unique application and make it aut
EtherPadをnode.js化。メモリ使用量もぐっと減って軽快に「Etherpad Lite」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
Etherpad LiteはEtherPadをベースにnode.jsで作り替えたオンラインコラボレーションテキストエディタ。 Etherpad Liteはnode.js/JavaScript製のオープンソース・ソフトウェア。2009年頃に注目を集めたEtherPad。複数人で同時に編集できるオンラインのテキストエディタで、コラボレーション型のWebアプリケーションとして人気が集まった。そして2009年末にGoogleに買収された。 編集画面 彼らはEtherPadをオープンソース化することをGoogleに条件提示し、その結果、実際にオープンソースとして公開された。そんなEtherPadをnode.jsにポーティングしたのがEtherpad Liteだ。 Etherpad Liteはnode.jsでEtherPadのコラボレーション機能を実現している。ノンブロッキングが特徴のnode.jsな
UMLなんかが描けるJavaScript描画ライブラリ「Joint」:phpspot開発日誌
Joint - JavaScript diagramming library. UMLなんかが描けるJavaScript描画ライブラリ「Joint」。 UMLのステートチャート図やクラス図、組織図といった図形の他に様々な図形が描画できるライブラリです。 更に描画だけではなくドラッグ＆ドロップで移動できるインタラクティブな機能も存在 組織図 UMLのクラス図（ドラッグ＆ドロップしても矢印が吸着してます) UMLのステートチャート図 その他色々描画できます デモ一覧はこちら 関連エントリ HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」
横に飛び出すメガメニューを実装するjQueryプラグイン・JQUERY VERTICAL MEGA MENU - かちびと.net
最近かなり見かけるようになった印象の、 大量のコンテンツを格納するメガメニュー の横に飛び出すタイプ。jQueryで実装して います。メガメニューはECサイトやポータル サイトなどなど、階層の深いWebサイトにて ユーザビリティ向上に貢献してくれます。 何度もクリックしないと目的の場所に到達できない、という設計はユーザーに取って不便ですし、離脱率も上げてしまいがちですので、大量のコンテンツを保有するWebサイトではこういったメガメニューの導入を検討するのも良いかも知れません。 メガメニューはドロップダウン形式が多いのですが、今日ご紹介するスクリプトはサイドメニュータイプです。 見た目はよくあるサイドナビゲーションメニューですが、マウスを乗せると横に関連ページなどが整理された状態で飛び出しますので視覚的にもコンテンツを探しやすそうです。 画像を含めてあげるのもなかなか効果高そうですな。 コー
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Carbyn | Your Apps. Everywhere. | MOONGIFTメモ
jQuery iPhone UI
Learn to Code - for Free | Codecademy
圧縮・高速化、ダウンロード, online tool