InfoQ: JavaScriptへのマルチスレッド・プログラミングの導入
function backgroundLoad ( ids ) { for ( var i=0; i < ids.length; i++ ) { var a = getArticleWithCache(ids[i]); backgroundLoad(a.children); } } このbackgroundLoadはIDの配列を引数に取り、その各IDに対して上で定義したgetArticleWithCacheを呼び出します。これでIDに対応する記事のデータがキャッシュされます。そして読み込んだ記事の子記事のIDに対してbackgroundLoadを再帰的に呼び出すことで、ツリー全体をキャッシュすることができます。 ここまですべてうまくいっているように見えます。しかし、一度でもAjax開発を経験したことのある方ならば、これではうまくいかないということはすでにおわかりだと思います。これまでの例で
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
Bridge Word
This shop will be powered by Are you the store owner? Log in here
いまさら聞けないJavaScript入門
さて、今回取り上げるリッチクライアント技術は「JavaScript」です。このプログラミング言語は、皆さん何度も聞いたことがあると思います。 しかし、名前は知っていても、実際どんな言語でどんな特徴があるのか、JavaとJavaScriptは違うのか？ Ajaxと関係があるの？ ……と、もし上司や同僚から質問をされたらきちんと答えられますか？ JavaScriptに関して何となくでしか分かってない人も、今回の記事を読めば、ばっちり答えることができますよ！ それでは、見ていきましょう。 いまさらだけど、“JavaScript”って何？ JavaScriptは、WebブラウザNetscape Navigatorをリリースしていた、米Netscape Communicationsによって開発されました。 JavaScriptはWebブラウザ上で主に動作します。JavaScriptが誕生した当時、い
ハタさんのブログ : Javascriptによる大規模開発の覚え書き。高速化編
前回書いた「Javascriptによる大規模開発の覚え書き」が凄いことになってました。 今回は、省略した「5.高速化せよ」について書きます。 僕にとってjavascriptは非常に高速な言語です。それは何が高速か 開発速度が高速である 開発速度、及びそこに至るまでの修得速度はとても高速です。動的言語を上手く操る開発者はもちろん、開発に不慣れな(言葉が悪いけど)新人達でさえ「動く」モノをサクっと作ってしまえる。 また、プラットフォーム(? というかブラウザ)が広く普及しているので、ググればスグに問題解決もできる。 それにローカルで簡単に作れる。javascript、それは動作環境を含めて高速です。 高速にUI操作ができる(UI操作が非常に簡単である) swingとかでUI操作をするには多くのオブジェクト操作をしなければならないけど、javascript(もといDHTML)は非常に簡単に
Rails/Ajax高速化関係メモ - Rubricks Project
RubyKaigiでも発表させてもらったのですが、Rubricks0.6リリースに向けてパフォーマンスをがんばって上げております。 以下、つらつらと。 render_componentが遅い render_componentはrequest.dupしてコントローラに投げなおすようなつくりになってて無駄が多い。 シンプルなsimple_render_componentを自作して解決。 →コントローラの処理時間がに5倍近く高速化 IEはDOM操作を行うと重い 一般的にDOM操作よりもinnerHTMLの方が速い。 SpinelzをDOM操作ではなく極力innerHTMLで操作するように改良 →IEで約3倍の高速化 毎回JSライブラリを読み直しは重い 数百kbyteのJSライブラリを読み直すのに時間がかかっている。 ほとんどのJSをログイン時に先読みし、画面更新を全てAjaxベースで実施するよう
Interface.jsで簡単スムーススクロール - Emotional Web
This domain may be for sale!
fladdict.net blog: JavaScript から Flashを制御する（超クロスブラウジング編）
オケラとかサッパリとか言う名前の駄目ブラウザ達のせいで、イマイチ実用的でなかったJavaScript → Flash間通信（逆は一応動く）。 モダンブラウザを全てサポートして、無理やり可能なことが発覚。 さぁ、奥さん。これは買わなきゃ損ですよ！！ 用意するものは、swfファイル２つとhtmlファイル２つ。 ロジックは以下の通り。 １．htmlAにある、swfAに対して値を送りたい。 ２．JavaScriptでIFrameに、swfBを持つhtmlBをロードする。 ３．htmlBの生成時に swfBのobjectタグに、送信したい値をflashVarsで書き込む ４．値を受け取ったswfBはローカルコネクション(LC)を作成、LC経由でswfAに値の通知を行う。 ５．swfAは無事に値を取得！ まさに、Flash beyond the Ajax！！これなら変数どころか、関数だって呼びだせます
OSX+Emacsで快適なRails開発ライフを送る
Posted by masuidrive Tue, 23 May 2006 13:22:00 GMT Rails用エディタを放浪 した結果、やっと、OSX上のCarbonEmacs で、rails.el + ECB + psvn.el を使い、EmacsなのにEclipse以上の環境を作る事ができました。 この環境＋Terminal上でscreenを立ち上げ、いくつかのログを tail -f LOGFILE で表示させて、殆どのソフトを作っています。 あとは、migrationをもう少し楽にできるツールが欲しいかな。そういえば、DB管理ツールのConductorとか、クラスタ管理のGaugeはどうなったんだろう？ まず、OSXでRailsを開発する上で気になっていたのが、subversion for OSX のパッケージを使うとメッセージ類が文字化けする件。これはロケールを正しく設定してや
ウノウラボ Unoh Labs: WEBアプリのテストに必須なツール７種
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
ファイルアップロード
画面を移動せずにファイルをアップロードし、そのページにアップロードしたファイルの情報を表示します。 Ajaxライクなファイルアップロードになりますが、実際にはAjaxを使いません。 iframeを使うため、必ず「非同期」になりますので、同期型アップロード（送信後、送信が完了するまで次の動作をできなくする）を使う場合は、Ajaxに対応したライブラリなどを使ってください。 Ajaxを使っても、基本的な送信部分は同じになると思います。 <form action="upload.cgi" target="upload" method="post" enctype="multipart/form-data"> <input type="file" name="fileupload"> <input type="submit"> </form> <!-- ここにアップロードしたファイル情報を表示 --
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
Rubyist - yamazのRails日記 - Ajaxっぽく画面遷移なしでファイルアップロードしたい!
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
クールなJavaScript入力補完ライブラリ「Ajax Auto Suggest v.2」:phpspot開発日誌
Ajax Auto Suggest v.2 : CSS . XHTML . Javascript . DOM : Brand Spanking New The new and improved version of my JavaScript/Ajax auto suggest script. More features, less bugs. Demo and documentation here.クールなJavaScript入力補完ライブラリ「Ajax Auto Suggest v.2」。 入力ボックス上でaを入力したところ。 JSON形式や補完時のコールバック関数、フェードエフェクト、ＣＳＳデザインなど基本的な機能は盛り込まれています。 ちょっと変わった補完ボックスを作りたい場合に使えそう。
かんたんすぎ かっこよすぎ Yahoo pipes « ku
yahooがyahooには似合わないくらいにかっこいいサービスを出した。その名も Pipes: Rewire the web とすごいサブタイトルがついています。rewriteはいい過ぎだけど。(よくみたらrewriteじゃなくてrewireだった) Pipes is a hosted service that lets you remix feeds and create new data mashups in a visual programming environment. と書いてあって、要するにフィードを混ぜたりするツール。UNIXのようにXMLデータをパイプをつないで処理したりできると便利だよね、というのは IBM dW : XML : XMLの論考: マイクロフォーマットのパイプストリーム - Japan にも書かれていた話。IBM dW の話は一般的なXMLの話で、行を単
Kazuho@Cybozu Labs Ajax な HTML ページのソースコードを表示する
« Japanize - 翻訳範囲の制御方法を検討中 | メイン | Japanize 拡張機能バージョンアップのおしらせ » 2006年10月02日 Ajax な HTML ページのソースコードを表示する 勢いだけで書く bookmarklet 第２弾です。 多くのウェブブラウザでは、メニューからウェブページのソースコードを表示することができます。しかし、この方法で表示される HTML はダウンロード時のデータなので、Ajax を多用しているウェブサイトのコードを解析する際には役にたちません。 Ajax により改変された、現在表示中の HTML のソースコードを確認するには、以下のようなブックマークレットを使うと便利です注。 javascript:void(window.open('', '', 'scrollbars=yes,dependent=yes').document.write
クール! Flash/Javaアプレット不要、Script.aculo.usでクロスフェード (MYCOMジャーナル)
18th Street Software, Mike Arace氏は自身のブログにおいて、FlashやJavaアプレットといったサードパーティプラグインを使わずにアニメーション効果を実現する方法を紹介している。 同氏は、これまでWebでアニメーション効果を実現したい場合、FlashやJavaアプレットなどのサードパーティプラグインを使わないといけないと考えられてきたが、最近のAjaxやDHTMLの普及により状況が変わったとしする。 そして、具体例として閲覧するWebブラウザに依存しないクロスフェードのデモンストレーションを紹介する。 このデモはScript.aculo.usを使って開発され、3つのテキストデータが5秒おきにクロスフェードしながら表示されるというものだ。JavaScriptを適切に処理できるブラウザであれば特別なプラグインは必要ない。 最初に表示される画面。下部の緑色のボック
最速インターフェース研究会 :: SafariのAjaxの文字化けをクライアント側だけで対応するバッドノウハウ
SafariでXMLHttpRequestのresponseTextが文字化けするという話。 http://blog.33rpm.jp/garbled-on-safari.html 最近のバージョンだとcontent-typeがちゃんとしてれば化けなかったような記憶があるけど、まあともかくとして、Safariで文字化けするのはJavaScript側だけで対処することができたりする。 http://kawa.at.webry.info/200511/article_9.html これ読んでほんとかよ、って感じだったんだけど案外役に立った。livedoor Readerで使われてたり。 実際に使われてるコードはこんなの。 if(browser.isKHTML){ ajax.filter.add(function(t){ var esc = escape(t); return(esc.index
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
joyfullife.jp