Ajax/CSS/PHP等のチュートリアルまとめ:phpspot開発日誌
Tutorials Round-Up: Ajax, CSS, PHP and More | Smashing Magazine Ajax/CSS/PHP等のチュートリアルまとめが公開されてます。 英文のサイトは本当にチュートリアルが充実していますね。 Ajax AJAX Desktop Tutorial AJAX Matters Blog Ajax RSS reader AJAX Tutorial Ajax: What is it Good For? → 続きを読む CSS Advanced CSS Layouts: Step by Step Beginner’s guide from a seasoned CSS designer CSS Advanced Guide CSS and HTML examples and tutorials by Ove Klykken CSS Basic
DHTMLで作られたプレイ可能な「レミングス」 - GIGAZINE
91年にAmiga用で発売されて以来、PC-9801、X68000、FM-TOWNS、スーパーファミコン、メガドライブ、プレイステーション、セガサターンなどなどに移植された往年の名作ゲーム「レミングス」をブラウザ上で遊ぶことができます。最新作は確かPSP向けに発売されたはず。 放っておくと次々と歩いてくたばっていくレミングたちに命令して、ゴールまでたどり着かせるというタダそれだけなのですが、ちまちまと歩く様子がおもしろげ。これをFlashではなくDHTMLとして再現したあたりにこだわりを感じる。 プレイは以下から。 DHTML Lemmings by crisp - Menu (リンクが切れていたので修正しました) 4つレベルがあるので、とりあえず初心者は「FUN」を選んでおきましょう 「Play！」をクリック 1面はこんな感じ わらわらとレミングが出てきます。このまま放置すると永遠に歩き
prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
てっく煮ブログ - 四則演算を JavaScript で実装する
aki note ≫ Google 電話面接を受けました orz （いまは消えてるけど）にて割り算が壊れました。自分で実装してみてくださいという質問が紹介されていた。せっかく(?)の機会なので、割り算だけでなく、四則演算を全部壊してみて、JavaScript で実装して見ることにした。JavaScript を選んだのは、コンパイル不要、ビット演算がある、Firebug で手軽に確認できる、という理由から。それ以上の深い意味はない。ということで、次のような問題に一般化してみた。問い四則演算を JavaScript で実装しなさい。演算子は ==、!= およびビット演算子のみ使ってよいものとします。補足例えば、for 文で for(var i = 0; i { // ... } と書くためには、++ 演算子は次のように定義できる。 function increment(i){ var c =
最速インターフェース研究会 :: テンプレートエディタを作ってみた
こんなのを作ってみました。 http://la.ma.la/misc/tmpledit/ HTMLソースを貼り付けて、ページの構造をダンプすることが出来ます。 とりあえずどんな感じかわかるように、このBlogのアドレスを入れてあるので取得ボタンを押すと出て来る様になってます。XMLHTTPでソース受信してるので外部ドメインのソース取得は無理です。ローカル保存+IEの場合は外部ドメインのソースも解析できます。 こういう感じの作るやつ、と言えばわかりやすいかも。 http://d.hatena.ne.jp/kamioka/20050609/1118324980 まあ、これがやりたかっただけなのですが、ついでにCSSの編集もできるようにしてみました。CSS編集モードに切り替えると、タグ名とクラス名とIDを確認しながらプレビューしつつその場でCSSを編集できます。 CSS適用ルーチンはこれの丸パク
Firebug :: Firefox Add-ons
Firebug 1.2.1 by Joe Hewitt, Justin Dolske, robcee Categories Web Development Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.2 requires Firefox 2 or 3. 347 reviews Updated September 12, 2008 172,244 weekly downloads 8,436,061 total downloads M
Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 (nakatani @ cybozu labs)
« MyMiniCity 日本語化 | メイン | JSRuby から jQuery を使う ( Javascript 連携 ) » Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 あけましておめでとうございます。 １月からサイボウズ・ラボのオフィスが引っ越しました。新年から気分も新しくぶりぶり仕事します。よろしくです。 というわけでちょっとずつ作っていました Javascript で実装した Ruby インタプリタの "JSRuby" を一区切り付けるべくバージョン番号を付けてリリースしました。 JSRuby Project Page (CodeRepos) http://coderepos.org/share/wiki/JSRuby JSRuby Test Page https://labs.cybozu.co.jp/blog/nak
GWTとYahoo!のAPIを使って画像検索アプリ！ － ＠IT
前回「JavaをAjaxに変換するグーグルのGWTを使ってみよう」では、Google Web Toolkit（以下GWT）の概要を紹介しました。 GWT最大の特徴は、JavaでAjaxが開発できることです。Ajaxアプリケーションのクライアント側をJava言語で開発し、それをピュアなHTMLとJavaScriptに翻訳する「Java-to-JavaScriptコンパイラ」というユニークな技術をコアとした開発手法にあります。 具体的なAjaxアプリケーションを実際に作成することで、GWTのプログラミングやウィジェットあるいはリモート・プロシージャ・コールの機能といった本質的な要素へと迫っていきましょう。
Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」:phpspot開発日誌
Ajax dynamic pages pages Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。 デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。 更に「Next Page」で、どんどんページ内でページ送りが出来ます。 いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。 設置は、次の手順で行います。 必要なJavaScriptファイル読み込み スクロール領域のDIVを定義 JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化 配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
作って理解するAjax (3)：IT Pro
図1 インクリメンタル検索を実現<br>作成したサーバーCGIプログラムを使ってインクリメンタル検索する様子。計画通りに稼働しているのが分かります。 前回は，インクリメンタル検索を実現するAjaxアプリケーションのクライアント・サイドの実装を紹介しました。今回は，サーバーとして稼働するCGIプログラムを作成します。このCGIプログラムは，クライアントから送られてきたクエリーに基づいてテキストを検索し，その結果を返送します。Ajaxアプリケーションは通常のWebアプリケーションに比べて，サーバー・アクセスが増加しがちです。このためサーバーをいかに効率よく実装できるかが，サービスを快適に提供できるかどうかを左右します。サーバー負荷を下げる手法についても考えてみましょう。 テキスト検索にsaryを使用 みなさん，テキスト検索といえばどんな方法を思いつくでしょうか。単純なところではgrepコマンド
HotRuby - Ruby on JavaScript - yukobaのブログ
先日の木曜日、YLUGに参加しました。笹田耕一さんの YARV(Yet Another RubyVM) の講演会でした。なんか、会は、過去9年間の間で、１，２を争う盛り上がりだったそうで、すごく楽しかったです。参加者のレベルも高く、YARV の中の話を色々と聞かせていただきました。 その席で、ザイボウズ・ラボの竹迫さんに、「Ruby on JavaScript つくらないの？」とお誘いを受けたので、この週末、作ってみました♪ 名づけて、HotRuby。ちゃんと動いているよ〜 http://hotruby.accelart.jp/ 基本的な文法は、大体、実装しました。ただし、組み込み関数や組み込みクラスは、大部分が実装されていません。文法面でも、例外は実装していません。 仕組みは、一度、サーバーの Ruby 1.9.0 の YARV でオペコード列にコンパイルさせて、それを JSON でクラ
John Resig - Processing.js
As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The f
JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「S... 次の記事 ≫：ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行う Observer 的なライブラリ JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」 MochiKit ベースで、次のように簡単に使えます。 addKeybind('a', function(ev) { log('a')}); addKeybind('a', function(ev) { log('a!!');}, $('loglog')); addKeybind('B', function(ev) { log('B')})
MOONGIFT: » 必見！GUIアプリケーションもこれでWeb化？「Jsc」:オープンソースを毎日紹介
※ 画像は公式サイトデモより このソフトウェアはすごい。やりたいことも、できていることも分かるのだが、どうやっているのかがさっぱり分からない。GUIアプリケーションとWebアプリケーションでは越えられない壁が存在すると思っていた。いくらAjaxやJavaScriptを駆使しても、GUIアプリケーションの操作性にはかなわない。 ギャラリーアプリケーション だが、それさえも軽々と乗り越えてしまいそうなアプリケーションが登場した。 今回紹介するオープンソース・ソフトウェアはJsc、C#やVisual BasicのコードをJavaScriptにするソフトウェアだ。Sourceforge.net上でのライセンスはPublic Domainとなっているが、ダウンロードできるパッケージに含まれるlicense.txtには個人利用に限るフリーウェアとなっているので注意されたい。 実際、そのようなことができ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SQL Designer
サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla
TechCrunch Japanese アーカイブ » Silverlight: ウェブはさらにリッチになった
IBM Developer
http://www.missingmethod.com/projects/slider.html