完全にJavascriptで書かれている location.hash(#以降の文字)で状態を変更するためURIが変わる モジュールとアクションの組み合わせで処理が決まる。 複数のモジュールが定義でき、 1つのモジュールに複数のアクションを定義することができます。
雅 - Pure Javascript MVC Framework
完全にJavascriptで書かれている location.hash(#以降の文字)で状態を変更するためURIが変わる モジュールとアクションの組み合わせで処理が決まる。 複数のモジュールが定義でき、 1つのモジュールに複数のアクションを定義することができます。
Google発のRailsライクなJavaScript MVCフレームワーク:TKMR.blog.show
ちょっと面白そうだったので、メモ Steve Yegge ported Rails to JavaScript Googleの Steve Yegge という男が「RailsをJavaScriptへ移植した」と言ってる。JavaScriptで動くRailsライクなMVCフレームワークを作ったてことかな。 SteveYeggeがRuby On RailsをGoogleでも使おうと提案したが駄目だった ↓ Googleで採用されてる言語（C++, Java, Python, JavaScript）の、JavaScriptへ移植すれば良いじゃん という経緯だそうだ。実際のコードを見るまで何とも言えないけど、上のブログで 「Line by line. In 6 months. Working 2000 hours. Steve is a coding stud.」 （一行一行、開発期間は６ヶ月で2
JavaScript で SQL - AjaSQL - naoyaのはてなダイアリー
All About で JavaScript のガイドも勤めている高橋さん が AjaSQL なる JavaScript (+PHP)のライブラリを公開しています。 AjaSQLは、JavaScriptからSQL文をAjax発行し、サーバー側のゲートウエイを経由して、データベース(MySQL,SQLite...)へ接続、結果セットもJavaScriptでAjax受信するツールです。 基本構成は、Ajaxライブラリ（jslb_ajaxXXX.js）、AjaSQLライブラリ（jslb_ajasqlXXX.js）とPHPによるAjaSQLゲートウエイ（ajasql_gwXXX.php）および、データベース(JavaScript側からSQLiteやMySQLを選択制御)です。 AjaSQLを使うことで、今まで、サーバー側がひとりで一手に引き受けていた、 SQLデータベースの処理を、Ajax通信によ
jQueryでリッチなグリッドを実装「jqGrid」:phpspot開発日誌
JGari.com A magical AJAX-enabled JQuery grid worth looking into jQueryでリッチなグリッドを実装「jqGrid」。 jQueryを使って次のようなグリッドを作れるコンポーネントの紹介がされてました。 グリッドを次のように階層化したり、データの検索機能がついていたりと、なかなか高機能みたいです。 グリッドは多数ありますが、これも便利そう。 jQueryベースということで、jQueryユーザにはやさしいですね。 関連エントリ 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」 データグリッド実現用JavaScriptライブラリ各種 リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」
某日記(後期)
．麻生氏失言：政権タガ外れ露呈「安倍後継」レースに影響？ - 気違いじみた言葉狩りは困ったもんである。 ．「差別用語を使う奴は人権意識が無いから信用するな」なんて、報道業界のおためごかしを信用してはならんぞ。信用できないのは、無定見かつ手抜きな自主規制を行っている方だということを、彼ら自身よく分かっている。彼らにとって言葉狩りというのは、それを糊塗しつつ他人を攻撃できる一石二鳥の方法だということを、私たちはよくよく理解しておくべきだと思う。 ．まあでもタロサも少々脇が甘いというか、こないだのアルツハイマーうんぬんは、純粋に正しくないという意味でどうかと思うけど。 ．医療の進歩 - あたしゃ個人的には、現代の人権意識と照らしてみて、日常的に行われている最も非人道的なものの一つは経膣分娩だと思うんだけども。一度でも出産のビデオを見たことがあれば、出来ることならばこんな痛そうなことはやらないほう
JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル
スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (1) ドラッグ&ドロップでカラム幅を変更可能 | エンタープライズ | マイコミジャーナル
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
データが1件の時だけ、JavaScriptの必須チェックが誤動作する：CodeZine
上の画面は、ワークフロー機能でよくある承認画面です。チェックボックスで選択したデータは、［承認］ボタンをクリックすることで、状態を「承認待ち」から「承認済み」へ変更できます。入力チェックとして、「選択0件で承認ボタンをクリックしたときはエラー表示」という処理をJavaScriptで実装しています。 ところが、データが1件の時だけ、「選択しているのに『1件も選択されていません』というエラーが出る」というバグが発生しました。バグコード 入力チェックのコードは、次のようになっていました。 function check() { var sentakuChk = document.form1.sentakuChk; for (var i=0; i<sentakuChk.length; i++) { if (sentakuChk[i].checked) { return true; } }
なんかばんざい | onclickと本気とIE
Think IT 第1回：そろそろ本気で学びませんか？ 本気でやるならonclick属性は避けてライブラリを活用すべき – id:HolyGrailとid:HoryGrailの区別がつかない日記 onclick 属性問題について – IT戦記 個人的には、onclick属性を書くのってCSSでいうと<span style="color:red;text-decoration:underline;">こんにちはこんばんは</span>みたいなもんだと思うので、長所短所もそれに準じる感じ。ただ、ちょっとしたハック（やっつけ仕事）としてやることはあるけど、本気と言うなら外に書くべきだよなあ、とは思う。 ライブラリは流行り廃りが激しいから、特定のライブラリに依存した「おまじない」ばかり覚えているのはどうかと思うなあ やっぱり、 DOM を直接書けたほうが、知識としては幅広く使えると思いますよ。 そ
天才を変態に置き換えるブックマークレット - てっく煮ブログ
JavaScriptソースコードjavascript:void(document.body.innerHTML = document.body.innerHTML.replace(/天才/gi,'変態'));利用方法はてなブックマーク - タグ 天才あたりからそれっぽい記事を拾ってきて、ブックマークレットを実行します。例：天才よばわり - shi3zの日記 → 変態よばわりライセンスPublic Domainネタ元誰かあのエントリの「天才」をそのまま「変態」に書き換えて投下する変態はいないものかTwitter / Yoshinori Munehara: 誰かあのエントリの「天才」をそのまま「変態」に書き換え...謝辞不謹慎とは思いつつ面白すぎるので公開してしまいました。反省はしていません。
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
駄文 - JavaScript と「クラス」と「コンストラクタ」と「プロトタイプ」って言葉の定義が難しいよなあ - IT戦記
このエントリを見てて思ったんですけど JavaScript関数の実体は、Functionクラスのオブジェクトです。今回はFunctionクラスの機能を網羅的に解説します。 JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan 「Function クラスのオブジェクト」って言いますよねー。 僕もそういう風に言ったりするんですけど、本当は微妙ーに違うんですよね。 でも、そんな細かいことを言っていてもしょうがないので、やっぱり「Function クラスのオブジェクト」って言うんですけど。 なんか、良い言い方ないかなあ。 Function.prototype を継承する、内部メソッド ［［Call］］ を持つオブジェクト Function コンストラクタを new することによって作られるオブジェクト いや、そもそも 関数って 内部メソッド ［［
はてなブログ | 無料ブログを作成しよう
中古のリーン・ロゼ ブリガンタンを買った 中古のインテリアリサイクルショップのウェブサイトを眺めてたら、とんでもない破格だったのをたまたま見つけまして、ずっとほしかったし買ってみました。本当に安かった。かなり汚れてるからこの価格だったようで、よくみると確かに汚れてるが、よく見ないとわからな…
JSONの根本的な脆弱性
この間どっかの記事で見つけて(これ自体は数年前から海外では言われていたことだが)ターゲットを探そうと頑張ってたんだけどいろいろと理由があってここで公開することにする。 javascriptは以下のようにコンストラクタを再定義できる。 function Array() { var obj = this; var ind = 0; var getNext = function(x) { obj[ind++] setter = getNext; if (x) { console.log(x.toString());//細工。 } }; this[ind++] setter = getNext; } 実はこれが問題で例えば、配列を含むオブジェクトをJSONで渡す際に必ずArrayコンストラクタが呼び出される。 上記のように少し細工をしておけばcallbackとかついてなくても内容を処理できるのでク
arc90 lab : tools : Link Thumbnail
A picture's worth a thousand words, right? So spice up those plain old text links with Link Thumbnail, the second tool from the arc90 lab. What is this? How do I use it? Examples Supported Browsers Licensing Discuss Link Thumbnail What is this? A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they'r
[JS]コンテンツをスクロールするアクセシブルなスクリプト -Easy Scroll
Easy Scrollは、スクリプトやCSSオフ時でも情報の提供が可能な、コンテンツをスクロールするスクリプトです。 Easy Scroll: Accessible Content Scroller デモページ スクリプトのオフ時には隠されているコンテンツが全て表示され、CSSのオフ時にはスクロールボタンがリストで表示されます。 Easy ScrollはjQueryやPrototypeなどのライブラリを必要とせず、単独のスクリプトとして配布されています。 設置もシンプルで、コンテンツのスクロールアップ・スクロールダウン・リセットの機能があり、スクロール領域の高さとスピードを設定することができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AjaSQL ユーザー・マニュアル:
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
