ドラッグ＆ドロップ－HTML5のAPI、および、関連仕様
■ドラッグ＆ドロップとは ドラッグ＆ドロップとは、ウェブページ内の要素やローカル環境に保存されたファイルなどのデータを、 マウスで引きずるように移動させて他の場所に置く操作のことです。 HTML5以前にも、mousedownやmouseupなどのイベントで実現することはできましたが、 HTML5ではドラッグ＆ドロップ専用の新しいイベントや新しいメソッド・属性が追加されています。 ドラッグ＆ドロップを理解するには、ドラッグ操作とドロップ操作を分けて考えると理解しやすいでしょう。 ドラッグ操作は要素などのデータをマウスでつかんで引きずるように動かすこと、 ドロップ操作はその動かしたデータをドロップ先の要素内に配置することです。 ■HTML側では、ドラッグする要素にdraggable属性を指定する HTML側では、ドラッグする要素にdraggable属性を指定します。 draggable属性の値
node-webkit - らくがき帳
前回公開したmarkdown-editorにも使っているnode-webkitについて、今回書きたいと思います。 node-webkitとは node-webkitはnode.jsにnpmで入れるようなプラグインではありません。 Node.jsの機能が組み込まれた、Chromiumベースのブラウザです。単なるブラウザとしても使えますが、Node.jsのコードやプラグインも利用できるのが特徴です。 例えば以下のようなコードをindex.htmlに書いた場合 index.html1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <script> var fs = require('fs'); fs.readdir("/usr", function (err, files) { if (err) throw err; for (var i in files)
node.jsで遊ぶ: 標準モジュール編
Aug 11, 2010 最近、このブログが動いているサーバーの調子が悪くてよく落ちるので、落ち着かない感じの今日この頃です。さて、前回のインストール編に引き続いて、今回はnode.jsに標準搭載されているモジュールをいくつか使ったコードを書いて遊んでみたいと思います。 標準搭載されているモジュールを知るには、まずAPIを見てみるのが一番よいです。ここを見ればファイルの処理やHTTPやURL、DNSといった、いくつかの強力なモジュールの機能を知ることができます。なお、特定のモジュールを使う場合は、最初に必ずrequire()で特定のモジュールを呼び出す必要があります。 今回はまずsysモジュールから使ってみることにします。sysモジュールは標準的な出力機能を提供します。改行なしの文字列を出力するprintメソッドや、日付つきログを出力するlogメソッド、PerlのData::Dumperや
外部のAPIを叩いてみる - memo log
expressでクエリパラメータを取得して表示するところまでやったので、外部のAPIを叩いて、取得したデータを表示してみる。 APIはとりあえずatndのAPIにした。 https://github.com/chris4403/nodejs-sample/commit/d2172cac3d25d02f9df0d6e6e22726fdbd3088f1 app.js // atnd events api app.get('/events', function(req, res){ var http = require('http'); var options = { host : 'api.atnd.org', port : 80, path : '/events/?format=json', }; var result = {}; http.get(options, function(res
『Xbox 360』用の人体コントローラー『キネクト』からWebGLへ!! | Html5 Collect
『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした人体の動きを、WebGLとしてブラウザ上で表現したデモが公開されていましたので、御報告致します。 kinect サイトを訪れると、青っぽいパーティクルの集合で表された動く人のシルエットが 表示されるかと思います。 この人体のシルエットこそ、『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした 内容です。 ここまではっきりとキャプチャしてくれているんですね。 更に、そのキャプチャした内容を解析して、WebGLとして ここまでスムーズに表現出来るとは驚きです。 そのうちに、人体の動きをキャプチャしてブラウザを操作するなど、 ブラウザとのかかわり方の幅がとても広がっていく事でしょう。 このWebGLのデモでは、視点をマウスによって操作する事も可能です。 視点の操作は、寄りたい方向にマウスポインタをあわ
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
初心者にも分かる Node.js と WebSocket についての解釈まとめ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何？ Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://onlineconsultant.jp/pukiwiki/?node.js%20node.js%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%82%92forever%E3%81%A7%E3%83%87%E3%83%BC%E3%83%A2%E3%83%B3%E5%8C%96%E3%81%99%E3%82%8B