naoyaのはてなダイアリー - Jemplate で JavaScript でもロジックとビューを分離する
JSON を Template-Toolkit で展開する Jemplate という記事を書いたんですが、Jemplate を使うと何がいいかってのをもう少し詳しく書いてみます。 Jemplate は TT で JavaScript 上の JSON を展開できるんですが、それだけ聞いてもしかすると「これで普段サーバーサイドでやってるテンプレートの展開をクライアントサイドに持って行けて負荷がクライアントに移ってウマー」っていうのが使いどころのようにも思えちゃいますけど、そうじゃない。検索エンジンに引っかからなくなったりとか、アプリケーションの使い勝手が悪くなったりとか色々弊害があります。 そうじゃなくて、Jemplate は JavaScript のためのテンプレートとして使います。 試しに Catalyst で簡単なアプリケーションを作ってみました。ちょっと動かしておく環境がないのでソース
JavaScript開発のお供に。 log吐き
2006/11/27 Firebug公式サイトが移転しました。 http://www.getfirebug.com/ 詳しい使い方は、http://www.getfirebug.com/docs.html等をどうぞ。 2006/11/07 未だにアクセスが多いので、補足します。ここにある情報は既に大幅に古くなっています。以前程、パフォーマンスの低下もありませんし、ログの吐き方も変わりました。 例えば、console.debug("message",obj)のような形でログをとったり、assertしたりするようになっています。詳しくは、http://www.joehewitt.com/software/firebug/docs.php辺りを参照してください。 https://addons.mozilla.org/extensions/moreinfo.php?id=1843&applicat
Realtime validation using Ajax
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
Trivial Tracks: Javascriptのクロスブラウザライブラリ
Javascriptを少しでも自分で書いたことある人は、各種ブラウザ間の共通性・互換性の弱さにため息や頭痛を感じた人も少なくないのではないでしょうか サイト上にスクリプトが記載されていて、それをコピペして借用する方法もあるが、経験上こういうコードは意外と完成度が低く、自サイトでは挙動がおかしいということが多々ある。 こう思った人がブラウザ間の差を吸収したライブラリを誰か提供してくれているに違いないと思い探してみるとまず最初に引っかかったのがPrototype.js。 残念ながらこれは間違いではないが、目的がAjaxに重点を置いているため古いブラウザは問題外となっている。 ちなみに正式対応なIEバージョンは6以降と書いてある。 そしてやっと探しあてたのが以下で紹介されている「X Library」 http://www.cross-browser.com/ これの完成度は本当に素晴らし
Printing in the Digital Age: Evolution and Adaptation
When it comes to providing solutions on printers, easyprintersupport.com is well experienced in resolving users issues. We can provide solutions for all types of printer related problems, quickly and very easily. Whether its a driver related issues, software problems or any hardware changes required in their printers, we first understand the users perspective so that they can identify the exact pr
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
debugConsole 1.0.1 - Sooey
Read About this site, Works or Download software. Tumblelogging at Tumblr. Amazon associate store. Search content. debugConsole 1.0.1 JavaScript によるポップアップウィンドウを利用して PHP アプリケーションのデバッグを行うことができる debugConsole 1.0.1 がリリースされました。PHP 5.0.0 以降に対応しており、以下のような機能がポップアップウィンドウ経由で提供されます。 変数の変更の監視 変数のダンプ PHP が出力するエラーメッセージの表示 スクリプトの実行時刻および所要時間の表示 任意の範囲の所要時間計測 コンソール出力のログファイルへの保存 ただし、監視する変数や時間計測用タイマーの仕込みなどはコードレベルであら
2005年11月の日記
2005年11月1日（火） ●冥王星の衛星の数は1個ではなくて3個らしい 冥王星は唯一の衛星カロンを持つことが知られていますが、今年5月のハッブル宇宙望遠鏡による観測で新たに2個の衛星と思われる天体が見つかったと発表されました。新たに見つかった天体は冥王星からおよそ44000kmの位置にあり、明るさは冥王星とカロンのおよそ1/5000と非常に暗く、本当に冥王星の衛星であるかどうかは来年2月に再び観測して確認するそうです。冥王星の発見は1930年、カロンの発見は1978年ですから、確認されれば27年ぶりの冥王星の衛星の発見となります。また、太陽系の惑星の衛星の数は、水星0、金星0、地球1、火星2、木星63、土星47、天王星27、海王星13、冥王星3、合計156個になります。冥王星に衛星が3個あるなら、他のカイパーベルト天体の中にも2個以上の衛星を持つものがあるかも知れません。 NASA's
JAVASCRIPT ASSERTION UNIT FRAMEWORK
WELCOME to the JavaScript Assertion Unit SourceForge Page. Did You say JavaScript? If you're not a JavaScript developer, these pages will not be of much help for you, unless you want to port this tool to another programming language. But if you're a JavaScript developer, with or without a long experience of coding using this nice scripting language, we hope this tool will help to improve you codin
presentacular - Adding effects to S5 with script.aculo.us
Presentacular Presentacular adds script.aculo.us visual effects to slide shows created with S5. It has the same advantages than S5 for creating slide shows: printer-friendly version, simple and semantic markup and portable across the most modern browsers. Adding effects First of all you’ll have to create an S5 slide show. If you are new to S5, A Basic Primer in Using S5 can be useful to you. Next,
画像をアップロードする前にサムネイルを表示させる。
ここは他所様と比べると、やってる事のレベルがと～っても低い上に説明も分かりにくく誤字脱字の多い所です。 そういう仕様なのでエラーとか出ても知りません。 対応ブラウザ： IE6.0 / IE5.5 参照画像をリアルタイムでサムネイル表示させるJavaScriptです。 画像をアップロードするまえに確認することができます。 全ブラウザで確認したわけではありませんが、どうやらIE以外はセキュリティの関係上ローカル画像は表示出来ない仕様となってるみたいです。 IE以外のブラウザは「file:///C:/Documents%20and%20Settings/」のようにsrcを書き換えないといけないみたいです。 めんどくさいから作りません。 Mozilla FirefoxではWEB上からローカル画像が参照出来ない!? 優しい方が教えてくれました。感謝。 セキュリティの観点からローカルファイルを読み込ま
＠IT：Ajaxを使ったamazon検索をPHPで作ろう
Ajaxは今年非常にホットな話題の技術である。 ＠ITをはじめ、さまざまなところでもAjaxについての記事が目立つようになってきた。 ここでは、筆者が携わっているPHPかいわいでのAjaxの動きについて紹介していきたい。 Aajaxとは「Asynchronous JavaScript + XML」の略である。JavaScriptはいわずと知れたクライアント（通常ウェブブラウザ）サイドの技術であり、そこからXMLHttpRequestというものを利用し、ページ推移をせずにサーバ／クライアント間でどんどんデータ交換をしていく技術である。これとDHTMLを併用することでいわゆるAjaxになる。 この辺りの詳しい内容はAjax推進委員会による「古くて新しいAjaxの真実を見極める」を参考にするといいだろう。 PHPはサーバサイド技術、前述のとおりAjaxで用いられるJavaScriptはクライアン
最速インターフェース研究会 :: [Ajax] location.hashを使ったセッション復元
最近になってようやくJavaScript関係、動的ロードを使ったテクニック等について 話せる相手ができまして、、なかなか充実しています。 Gmail、GoogleMapsのような画面遷移なしの高速なナビゲーションが注目されています。 サイトが特定のタスクに対して特化している場合、JavaScriptを使ったインターフェースの最適化が非常に有用であるのは間違いありません。 ブラウザ上で動作するリッチクライアントとしてはFlashが圧倒的に有名ですが、Flashは、ブックマーク、ブラウザの戻る進む機能、文字の拡大縮小、などのブラウザが本来備えている機能が使えないため、ユーザビリティ研究者の間では嫌われ者です。 http://d.hatena.ne.jp/nazoking/20050226 というわけで、AjaxがFlashのような使い方をされないような実装例を考えてみたいと思います。 一つは、
Macromedia - Dreamweaver 8
Fast, flexible coding. Create, code, and manage dynamic websites easily with a smart, simplified coding engine. Access code hints to quickly learn and edit HTML, CSS, and other web standards. And use visual aids to reduce errors and speed up site development. Set up to site up in fewer steps. Get your sites up and running faster with starter templates that you can customize to build HTML emails, A
S5: A Simple Standards-Based Slide Show System
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. A
JSAN-0.10 - ドキュメント - FAX
翻訳 原文：JSAN-0.10 - DocumentationCopyright (c) 2005 Casey West. All rights reserved. 名前JSAN - JavaScript Archive Network概要 // または、ライブラリの中では if (typeof JSAN != 'undefined') { JSAN.use('Some.Library'); } 詳細このライブラリは、古典的なプログラミング言語に備わる振る舞いをJavaScriptへ追加します。そして、きちんと設計されモジュールに分けられたコードを作成するために必要な機能をプログラマに提供します。クラスプロパティglobalScope JSAN.globalScope = _player; globalScopeには、デフォルトでselfの値がセットされます。これはウェブブラウザでは上手く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TinyMCE Javascript Content Editor by Moxiecode Systems AB
IBM Developer
汎用 Google Maps API スクリプト“ KsGMap ”
Ajax を使った手書き文字認識