さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
F's Garage：FlashおよびAjaxを戻るボタンに対応する
前エントリでやってたのは、割とダサいやり方で、location.hashというページ内リンクで使う文字列をURLの後ろに追加することで、次の画面から戻ってきたときに元の状態に戻ることができるようにしたほうがはるかに使いやすいです。 サンプルはこちら ソースはこちら Flashのテキストフィールドに文字を入力し、「Flash変数保存」を押すと、URLの後ろに文字がつくかと思います。これが入力された文字列をescapeしたものですので、戻すときはここからデータを復元させてあげればOKです。この方法であれば、次の画面遷移は普通のリンクで問題ありません。ブラウザのURL移動履歴で全てがまかなえます。 これを使って状態保持をしてあげればFlashだろうがAjaxだろうが状態復帰ができます。 また、はてなブックマークのようなサイトに途中の状態をそのまま保存することができるので、Flashが苦手としてい
Ajax - All About
Copyright(c) All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。
CodeRepos::Share – Trac
JSDeferred Simple and clean asynchronous processing. Sample http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/sample.html Download http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.js No comments: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.nodoc.js Compressed: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsde
Asual » SWFAddress
SWFAddress is a small but powerful library that provides deep linking for Flash and Ajax. It's a developer tool, allowing creation of unique virtual URLs that can point to a website section or an application state. SWFAddress enables a number of important capabilities which are missing in today's rich web technologies including: Bookmarking in a browser or social website Sending links via email or
MOONGIFT: » Ajaxでもhistory.backを「Really Simple History」:オープンソースを毎日紹介
Ajaxを使ったアプリケーションは、画面遷移の少ないWebアプリケーションを作れる利点はあるものの、これまでのWeb操作に慣れ親しんでしまったユーザにとっては使い勝手が悪い時があった。 それがブラウザの戻るボタンだ。これを押した時、一気に別な画面にいってしまったり、そもそも戻るが有効でないままになっていることが多い。この操作性の違いはユーザにとってストレスになる。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはReally Simple History、Ajaxにも履歴機能を付けるライブラリだ。 Really Simple HistoryはIE、Safari、Opera、Firefoxにも対応したライブラリだ。クリックした時のアクションに履歴を付与していくことで、戻るボタンを有効にし、履歴機能を実現する。 さらに、URLがアンカー付きのユニークなものに変わるのも特徴だ。これをうま
Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
JavaScriptからFlickr APIで画像検索：ITpro
Flickr APIのインタフェースとしては， REST / XML-RPC / SOAP の3種類が用意されています。 通常は，実装が容易な REST を利用することが多いようです。 REST リクエスト時のレスポンス（APIから返却される結果データ）は， RSP 形式という独自の XML フォーマットで出力されます (Plain Old XML)。 XML以外にも，JSON形式(JavaScript Object Notation)， JSONP形式(JSON with Padding)， PHP serialize形式での出力も可能です。 今回は，JavaScriptから処理しやすいJSONPを利用することにします。 Flickr APIの利用（ライセンス認証用API Keyの取得）には， 米国Yahoo!の会員登録が必要です。 英語のメッセージなので少し面倒ですが， [Sign U
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
人気のAjaxフレームワーク"script.aculo.us"、1.8へ向けたプレビュー版公開 | エンタープライズ | マイコミジャーナル
script.aculo.usの主要開発者であるThomas Fuchs氏は12日(ドイツ時間)、次期script.aculo.usへ向けたプレビュー版となる「script.aculo.us 1.8 preview 0」を公開した。script.aculo.usはJavaScriptで開発されたAjax Webアプリケーションフレームワーク。Prototypeに対するアドオンとして機能する。プロダクトはThe MIT Licenseの下で提供され、Prototypeに対してアニメーションフレームワーク、ドラッグ&ドロップ、Ajax制御、DOMユーティリティ、ユニットテストなどの機能を追加する。 script.aculo.usの最新安定版は2007年1月19日(ドイツ時間)にリリースされたscript.aculo.us 1.7.0。script.aculo.us 1.8 previewは次期
Dojo 0.4.2のまとめ - Dojo/JavaScript Toolkitのメモ
Dojo 0.4.2について少しずつ書いていきます。ここはまとめページ。 Dojo http://dojotoolkit.org/ は、The Dojo Foundationにより提供されているオープンソースのJavaScriptツールキットである。 Dojoは、Ajax呼び出しから、イベント処理、タブやツリーなどの各種GUI部品など、広範な機能を提供しており、機能ごとにファイルが分かれていて必要な機能だけを動的にロードする仕組みとなっているのが特徴となっている。 ブラウザは、Safari 2.0.x, Opera 9.0+, IE(Windows) 6.0+, Firefox 1.0+/Mozilla, Konqueror 3.5+に対応している。 概要 Dojoのインストール ビルド デバッグ方法 オブジェクト HTML要素の取得 クラス/オブジェクト 配列 Collection Da
[JS]外部ファイルのインポート・ロードに特化したスクリプト -Ajile.js
Ajile.jsは、外部ファイルのロード、インポート、インクルードやJavaScriptでの名前空間を扱うスクリプトです。 AJILE, the Advanced JavaScript Importing & Loading Extension brings Load Example 外部のJavaScriptをロードするデモ Namespace Example 名前空間にアクセスするデモ Include Example 外部のJavaScriptをインクルードするデモ Import Example 外部のfunctionをインポートするデモ Import Listener Example ファイルのインポートに関するデモ Import Module ワイルドカードを使用したインポートのデモ Dependency Example 外部ファイルに依存しているファイルをインポートするデモ Am
【レポート】いまなぜProtoscriptか? 開発者が明かす、作成動機とその利点 (1) JSONを採用 - 直感的に操作できる、それがProtoscript | エンタープライズ | マイコミジャーナル
既報のとおり、Ajax Webアプリケーションを開発するためのスクリプティングとして「Protoscript」が発表されたわけだが、同プロダクトの発案者であり開発者であるYahoo! Ajax Evangelist, Bill Scott氏は、「Why Protoscript?」というタイトルのもと、Protoscriptの開発経緯やその利点を紹介している。Protoscriptがどういった目的で開発されたのか、既存のフレームワークと比較してどのような特徴/利点があるのか。同ドキュメントはこれらの点についてよくまとめられており、興味深いので紹介しよう。 プロトタイプ開発をより簡単にすることが目的 同ドキュメントでは、Protoscriptの開発動機について、「プロトタイプ開発は技術に精通していないユーザには難しすぎるため、それを現在主流のアプローチとは別のアプローチでより簡単に実現できるよ
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
lightWindow Demo
БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cssnite.jp/lp/lp18/CSSNite-LP18-nishihata.pdf
ホットペッパー UIライブラリ
Google Code Archive - Long-term storage for Google Code Project Hosting.
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
