LightningTalk at Kanasan.JS, Japanese Javascript Users Group Meeting http://groups.google.co.jp/group/kanasanjs/web/kanasan-js-javascript52-lightning-talkRead less
LightningTalk at Kanasan.JS, Japanese Javascript Users Group Meeting http://groups.google.co.jp/group/kanasanjs/web/kanasan-js-javascript52-lightning-talkRead less
no title インタラクション2007で産総研の松坂氏が発表されていました。まさか顔検出がブラウザで動く時代になったとは... いろいろ言うより見てもらった方が早いので、動画を用意しましたよ。もう顔バレとかどうでもいいやー。 Facekit - Control google maps with your face 顔の向きでGoogleMapを操作するデモです。ページはこちら わかりにくいけど、画面の下端に「front/right/left」って顔の向きが表示されてる。 カメラと顔の距離でズームもできてる。 PCカメラを持ってる人は、公式ページにサンプルが用意されているのでぜひ試してみてください。 実装はFlashっぽいですけど、利用の際はJavaScript側から叩くだけでいいみたいです。 これもサンプルコードを見てもらえばいいんですけど、ものすごく簡潔。感動した!Enjoy! 以下
MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs. MooTools code is extensively documented and easy to read, enabling you to extend the functionality to match your requirements. Open Source LicenseMooTools libraries are released under
Render lights Lighting Backface culling Z-sorting Filled faces Wireframe Select a model from the list. Click and drag mouse to rotate. Use +/- to zoom in and out. This application loads arbitrary 3D models and renders them using "2d" context on the <canvas> element. It was made to test the possibility of displaying (very) simple 3D models using just javascript and canvas and whether this m
みんなの最新updateを一望できる「twitter100」をリリースしました 2008-01-29 目次 twitter100とは » http://twitter100.com/ twitterを使っていて以下のように思ったので、作ってみました。 「大量に発言する人がいて、Recentがその人で埋まってしまう」 「そもそもfollowersが多すぎて、みんなのupdateを追いかけきれない」 「追いかけるんじゃなくて、一発でみんなの最新updateを一望できたらいいのに」 twitter100の使い方 twitter100のトップページから自分のidを入力し、「100」ボタンを押します。 しばらくすると以下のように最大100人分のfollowerとupdate内容が最新順に並んで表示されます。 twitter100の機能 自動更新機能 Twitter100には自動更新機能がついています
※ 画像は公式サイトデモより Webサイト上で数式を載せている人というのは意外と多い。その際のやり方は概ね二種類あった。一つは数式をテキストベースで書く方法。だがこれは見づらいという欠点がある。もう一つは画像で作り、それを載せる方法。これは奇麗に見られるのは良いが、編集が容易ではない。 どちらも一長一短がありそうだ。そこで、手軽に書けて、かつ見栄えの良い数式エディタを紹介しよう。 今回紹介するオープンソース・ソフトウェアはBrEdiMa、JavaScriptベースの数式エディタだ。 BrEdiMaはWeb上で動作する数式エディタで、WYSIWYGなエディタを使って数式を組み立てることができる。例えばルートや分数、シグマなどもアイコンから選択するだけで挿入できる。 その結果はmimeTeXという数式描画プログラムに渡され、結果を画像で表示する。JavaScriptによる数式組み立ての手軽さと
サーバーを人為的ミスにより壊したときに、バックアップの必要性を感じたので、スクリプトを作りました。よろしかったらどうぞ。以下のプログラムを dar-backup.js と保存して、ご利用ください。実行するには、darとRhinoとjre(Java実行環境)が必要です。 (使用される際は、プログラムの内容を理解して使ってね) 2007/10/28追記、darを使うより、rdiff-backupを使った方がいいことを知りました。 /* 本ソースコードのライセンスはBSDライセンスです。 darを使って、バックアップを行う、Rhino(JavaScript)のプログラムです。 darを使って、特定のフォルダのバックアップを行うので、 rsyncなどで、別のメディアやサーバーにコピーしてください。 人為的ミスから守るためにも、RAID以外に、毎時および毎日のバックアップは必須です。 (Javaのフ
2007年11月02日09:00 カテゴリLightweight Languages javascript - 545バイトテトリス もう少し短く張りやすくしてみた。 わずか565バイトテトリスのプログラミング解説 「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 それがこちら。 545バイトテトリス window.onkeydown=function(e){K=e.keyCode};X=[Z=[B=A=12]];h=e=K=t=P=0;function Y(){C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/A)*145)])p=B[
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
目標 ロードマップ 現在の状況 チームメンバー 参加するには FAQ 商標 謝辞 目標 Tamarin プロジェクトの目標は、言語仕様 ECMAScript 第 4 版 (ES4) を、パフォーマンスの高い、オープンソースのコードとして実装することです。Tamarin のバーチャルマシンは、Mozilla によって、Firefox® や Mozilla テクノロジーを基盤としたその他の製品群に組み込まれている JavaScript コアエンジン「SpiderMonkey」の中で利用されます。Tamarin のソースコードは今後も、Adobe によって、Adobe® Flash® Player に含まれる「ActionScript™ Virtual Machine」の一部として利用される予定です。 Tamarin のバーチャルマシンは今のところ、JavaScript や
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
ZeraWeb development labは2007年3日(米国時間)、新しいデータフォーマットとして「Really Simple Data(RSD)」を提案した。同フォーマットは現在注目されているデータフォーマットの優れた特徴をまとめたようなフォーマット。CSSからクォートなしのシンプルな表記を、YAMLから高い柔軟性を、XMLからメタデータとの親和性の高さを、JSONから文法の学習の容易性を持ってきていると主張されている。 ZeraWebのサイトにおいて提案されているサンプルを次に引用する。CSSとJSONのフォーマットを組み合わせたようなフォーマットになっているようだ。 Example 1: A person object.(ZeraWebからの引用) person { name { last: Yoder, first: Dan } title: Web Application
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
Direct Web Remoting DWR is a Java library that enables Java on the server and JavaScript in a browser to interact and call each other as simply as possible. DWR is Easy Ajax for Java DWR will generate the JavaScript to allow web browsers to securely call into Java code almost as if it was running locally. It can marshal virtually any data including collections, POJOs, XML and binary data like imag
JavaScriptJavaScript の角丸ライブラリについて調べていたら、RUZEE.Borders というのを見つけました。こいつがかなりすごかったのですが、ついでに他の角丸ライブラリとも比較してまとめておきます。どれも画像は使用せず、div タグなどをいっぱい作成して丸く見せている力技のライブラリです。他にもいいのがあったら教えてください。Nifty Cube→サンプルNifty Corners の後継。9KB (+CSS 2KB)角のサイズは 10px, 5px, 2px の3つから指定border は指定不可能 (div の入れ子により border っぽく見せることはできる)背景画像への対応不明CSS セレクタ(一部)で指定可能transcorners→サンプルは transcorners のサイト上部mootools 必須。prototype.js との組み合わせムリ(た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く