秋元@サイボウズ研究所プログラマーBlog: Ajax アプリケーショントップ12 (トップ10 パート2 ???)
週3日勤務。残り4日は英語ブログアジアジンやThe Japan Times等で活動しております。連絡先は「姓@gmail.com」です。 Ajax アプリケーショントップ10 で紹介した、ベンチャーキャピタリストのブログで、Ajax アプリケーショントップ10 パート2 が公開されていた。先月の記事なので僕が気づいてなかっただけだが。トップ10 なのにパート2、しかも 12 個あるんだが。。。まあいいか。 パート1 のあとに出てきたもの、いまだにその実態がはっきりしないものもふくめ、前回とは別の 12 個、追記の 2 個を含めて 14 個の注目 Ajax アプリケーションがピックアップされている。 カレンダー: CalenadarHub 検索可能な共有 or プライベートカレンダー。グループによる共有、購読機能、ドラッグ&ドロップできる UI、RSSフィード、API 公開 辞書/シソーラス
サンプル web creators
本サイトからダウンロードできるサンプルデータはすべて記事をよりよく理解するための参考用です。データの著作権はすべて各制作者にあります。許可なく譲渡、販売または営利目的で使用することを禁止します。
特集：枯れた新しいUI革命「Ajax」をASP.NETで活用する（1/4） - ＠IT
「Ajax」というキーワードが、近ごろ、世間をにぎわせている。ブラウザ上でページの再読み込みを行うことなく、必要なデータのみを更新できる……などと聞くと、何やらすごいものに聞こえるかもしれない。しかし、最初にひと言申し添えるならば、Ajax（Asynchronous JavaScript And Xml）は決して新しい技術ではない。 次の図は、Ajaxによるクライアント／サーバ間通信の大まかな流れだ。 Ajaxでは、ページ上で発生したイベントをJavaScriptで捕捉し、XMLHttpRequestオブジェクト（HTTP通信用のオブジェクト）でサーバ側と通信を行う。そして、その結果をコールバックで非同期に受け取り、Dynamic HTML技術を使ってページの「必要な部分だけ」を動的に変更する。これによって、従来のWebページのように、クライアント／サーバ間の通信のたびにページ全体のリロー
W3Schools Online Web Tutorials
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
Flash サンプル
ナウでヤングなレンタルサーバーです。初心者にやさしくて、人気のブログも超カンタンに設置できます。おこづかいでＯＫの格安料金 なんと月額100円（税込105円）から！可愛いアドレスもたくさんで女性に大人気！充実のサポート体制で安心です。
あの565バイトテトリスが、ついに500バイトを切った！
各所で話題になった「わずか565バイトテトリスのプログラミング解説」。 あの565バイトテトリスの作者がわかったとともに、さらにプログラム行数の圧縮が進められていました！ 詳細は、 482バイトテトリス - Cozy Ozy に載っています。 （リンク先は482バイトとなっていますが、手元で改行コードを2バイトで確認してみたところ493バイトでした→追記：Ozyさんからコメントを頂きました。「改行位置を工夫すれば、セミコロンが省略できるので489バイトにできますよ」だそうです） 565バイトテトリスを作ったのは、nanagyouさんという方で、Short Coding本にも名を刻んでいる超絶スーパーコーダーらしいです。 そして初期の565バイトテトリス完成から5年半以上経ち、新しく500バイトを切ったテトリスのソースコードはこちら。 <body id=D onKeyDown=K=event
IEの気持ち - 最速チュパカブラ研究会
amachang史上最多のブクマ数をマークした例のwindow.documentの高速化に関して、便乗してちょっと書いてみようと思います。 基礎知識 ブクマコメントで 2007年10月11日 b:id:staki vbやった事ある人なら自然に沸く発想だったりする。理屈も同じなんじゃなかろうかと妄想。五倍ってのは中々無かったけど。 * と指摘されているのは、たぶんCOMまわりの事だと思います。御存知のように、Windowsはシステム内のあらゆる部品をCOM(Component Object Model)オブジェクトとして実装しており、IE内のxxElementやDocument、Window、そしてIE自身もCOMです。 で、javascriptでよくやる window.document という操作も、（amachangのテクニックを使っていない場合は）COMを通して行うことになります。この
ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js
ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js Dynamiclayout.jsはウィンドウサイズに合わせて読み込むCSSファイルを変更できるJavaScriptライブラリになります。 dを使用することにより、リキッドイアウトの幅を広げることが可能です。 設置方法 ダウンロードしたdynamiclayout.jsをhead要素などで読み込みます。 <script src="./dynamiclayout.js" type="text/javascript"></script> ウィンドウ幅に合わせたCSSファイルを用意します。 それぞれのCSSファイルを読み込む際にはtitle属性に ウィンドウ幅が750pxまでの場合の『thin』 ウィンドウ幅が950pxまでの場合の『wide』 ウィンドウ幅が950pxより大きい場合の『wider』 を付けて読み込みます。
onerrorでエラーを検出 - VTuberになったプログラマーの魂の残滓
@nitoyon IE 6 エラーになる？やべー、手元に Windows がないー。ちょっと別のマシン起動してきます。 http://twitter.com/amachang/statuses/191685642 ってのがあったのでonerrorを使ったエラーの検出方法について書いてみたいと思います。 いきなりソースコード var err = function(a,b,c){ var img = new Image(); img.src = 'http://example.com/error.gif?a=' + escape(a) + '&b=' + escape(b) + '&c=' + escape(c); return true; } window.onerror = err; 用意するもの 上のスクリプトをできるだけページの上部に設置 アクセスログを閲覧できる場所に1x1のerro
ModalBox ― An easy way to create popups and wizards
On May 3rd, we shared that we sold Postmark and DMARC Digests to ActiveCampaign. For some of you reading, this will come as quite the surprise. As you can imagine, this decision was incredibly important and personal, taking nearly a year of soul searching and questioning. First, a few important points: The entire team at Wildbit was offered a position with ActiveCampaign, regardless of whether the
ボタンでサイトの文字サイズを自由に変更するサンプル:phpspot開発日誌
Zoom Zoom Zoom Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus. ボタンでサイトの文字サイズを自由に変更するサンプル。 右上のボタンを押すことで文字サイズを変更できます。ニュースサイトでは標準実装されている機能ですが、自分のサイトにも埋め込みたい場合、このサンプルが応用できそう。 switcher.js というファイルを読み込んで表示しているようで、ボタンを押した際にスタイルシートをJavaScriptで書き換えているようです。 もっと良いサンプルは作れそうですが、手早く改造して利用する分にはこれでもよいかもしれませんね。
Firefoxの最新状況
今年のクリスマスには、Firefox 2.0の姿を目にすることができそうだ。ところで、Firefoxは今どんな変化が加えられようとしており、どこへ向かおうとしているのかご存じだろうか？ 先週、オレゴン州ポートランドで開催されたO'Reilly Open Source ConventionでMozilla Corp.のマイク・シュレーファー氏と数分座談する機会を得た。内容はFirefoxを中心に開発、セキュリティ、JavaScriptのアップデート、そして LinuxベンダーそのほかFirefoxの下流プロバイダとの連携にまで及んだ。 自動アップデート機能の追加でFirefoxはすこぶる進歩した。ブラウザの全ユーザーにセキュリティアップデートを短時間でプッシュする体制が確立したからだ。ただし、自動アップデート機能の恩恵を受けるのはブラウザをMozillaから直接入手したユーザーに限られ、Li
Google Mapsでレーシング公開！ [tech.nitoyon.com]
Google Maps API を利用した便利なサービスが数々発表されているけど、別に遊びのために活用してもいいよね。 そんな思いから、Google Mapsをレーシングゲームに応用してみました。 Google Mapsで鈴鹿サーキット試走 簡単操作のテスト版ですが、それなりに楽しめると思います。時間測定や当たり判定がないのはご愛嬌ということで許してください。 応用例 操作方法などはリンク先に書いたので、ここではさらに応用例を考えてみます。 実測地図を利用したRPG ドラクエ３をリアルな世界地図で・・・とか。 リアル桃鉄 データさえ入力すれば実現できるはず。オンラインゲーム化したら楽しそう。 フライトシミュレータ サテライト写真を使えば、実際に飛んでいる気分になる！ 高度が上がるにしたがって、ズームレベルを変更するとリアリティーが出るかも・・・。 シューティングゲーム インベーダから地球を
![Google Mapsでレーシング公開！ [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d81b4c2eba71389dea0599dc6c94d1cac300ece/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
rest/ahah - Microformats Wiki
AHAH: Asynchronous HTML and HTTP AHAH is a very simple technique for dynamically updating web pages using JavaScript. It involves using XMLHTTPRequest to retrieve (X)HTML fragments which are then inserted directly into the web page, whence they can be styled using CSS. Contributors David Hansson Kevin Marks Ernest Prabhakar Questions Has anyone considered working with browser vendors to have them
fladdict.net blog: 今見ているサイト内で「はてなブックマーク」されてるエントリ一覧を表示するブックマークレット
今見ているサイトの中で「はてなブックマーク」に登録されているエントリーを表示するブックマークレット。サイト巡回中に名エントリがザクザク発掘できます。 bookmarklet（最終更新日 2005/05/18）: javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://www.fladdict.net/bookmarklet/hb_siteentry/hb_siteentry.js";document.body.appendChild(s)})(); 上記コードを、新規ブックマークのurl欄にコピペしてください。 あるいは、このリンクをそのままお気に入りに登録してもOKです。 勝手にはてな情報発電所計画（笑 このブックマークレットを用いることで、ブログ上で面白い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSプルダウンメニュー１ 〜CSSテクニック〜
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
IBM Developer
http://www.dxdec.com/wod/formstyle/index.html
Shibuya.js TT#1
