どうもはじめまして、株式会社はてなのid:cho45です。これから数回に渡り、拙作のJavaScriptのライブラリであるJSDeferredの紹介と、それに関係するJavaScriptにおける非同期の技術に関して解説させていただきます。 JavaSciptにおける非同期処理 非同期処理とは まずは確認程度に、非同期処理がどういうものかを解説しておきます。先に乱暴にまとめてしまうと、以下の事柄が大切なところです。 非同期とは「あとで」という意味 同期処理はコードの見た目順に実行される／非同期ではそうならない JavaScript の非同期処理は絶対に同期処理にすることができない JavaScriptにおける非同期処理をいくつか例に出すと、以下のようなものが挙げられます。 リスト1 // XMLHttpRequest の例 var req = new XMLHttpRequest(); re
スクロールした位置についてくるサイドバーをjQueryで実装するサンプル例が公開されており、チュートリアルと共にダウンロード可能になっています。 サンプルを見ると、殆どの面倒なことがjQuery側にてやってくれるため、非常に簡単なプログラムになっています。 付いてくるのがリアルタイムにしすぎるとガクガクして酔いますが、ちょっとした遅延があったあと、アニメーションして付いてくるので、動きとしてもよいですね。 jQueryの学習用に、また実際にサイトにサクッと組み込んでみる際にもよさそうですね。 以下のエントリを参照してください。 Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
js-mindmapはJavaScript製のオープンソース・ソフトウェア。情報を整理したり、新しいアイディアを見いだす際にマインドマッピングを使う人は多い。個人はもちろん、複数人で同じマップを目の前にして色々話し合いながら書き加えていくのも面白い。 コラボレーションを考えるならWebブラウザベースで実行できるのは大事なことになる。それをライブラリで実現してくれるのがjs-mindmapだ。js-mindmapはJavaScriptを使ってマインドマッピングを描き出してくれるライブラリだ。 描画後に揺れながら表示されるタイプになっており、最初の表示は中央に集まっていた全てのノードが一気に広がっていく。子ノードほど遠くに広がっていく。ノードはマウスでドラッグでき、他のノードも連動して動くようになっている。リンクは付けられるがjs-mindmap上でノードの追加や削除、編集はできない。 編集機
「フローティングウィンドウ」は、Webページ本文に重ねて表示し、ドラッグ＆ドロップ操作で移動できる子ウィ ンドウのことです。といっても、ブラウザーの画面内にウィンドウのように表示するだけですので、ブラウザーやウイルス対策ソフトのポップアップブロック機能に規制されることもありませんし、追加的な情報を元のWebページのレイアウトを崩さずに表示できるメリットがあります。 基本のフローティングウィンドウを作成する 今回は、「フローティングウィンドウを表示」のリンクをクリックするとフローティングウィンドウを開くWebページを作成します。開いたウィンドウはドラッグ＆ドロップ操作でページ内を自由に移動でき、右上に配置した「×」ボタンで閉じられます。 まず、以下のようなHTML／XHTML（以下、HTML）を用意します。リンクのテキストをa要素で包み、class属性に「open」を付けます。このa要素は、
jQuery WatermarkはjQuery用のオープンソース・ソフトウェア。最近のWebサイトでは登録フォームにどういった文字を入力すべきかを提示するケースが多くなっている。例えばユーザIDと書かれていれば何を入力すれば良いか分かりやすい。他にも検索ボックスにSearch...と書かれているのもよく見かける。 予め文字を入力してユーザビリティを向上する そんなテキスト入力を補助する効果を実現するのがjQuery Watermarkだ。名前の通りjQueryプラグインなので、jQueryを使った開発の際にはぜひ使ってみたいライブラリだ。テキストボックスの他、テキストエリアに対しても適用できる。 テキストボックスに対して利用する他、パスワードボックスでも通常のテキストを表示しつつマウスがフォーカスしたら内容を消すこともできる。さらにSafari用の検索ボックスへのデフォルト表示にも対応して
Windows XP Professional、Windows Vista BusinessとUltimate、Windows 7 ProfessionalとUltimateで利用可能なのがリモートデスクトップのサーバー機能。画面の描画ベースの転送ではないので細い帯域でも問題なくリモートコントロールが可能であり、出先から自宅のPCを遠隔操作するような場面では大活躍してくれるのですが、「1セッションのみ」という制限があります。つまり、ユーザーAがログインして使っているWindowsに、別のユーザーBがリモートデスクトップで接続してログインしようとすると、現在ログインしているユーザーAは弾き出されて操作できなくなってしまうわけです。 ところがWindows7/Vista/XPの32bit版(x86)と64bit版(x64)の両方に対応するこの「Universal Termsrv.dll Pat
筆者は画像編集に「GIMP」を利用している。Mac OS X向けのGIMPには2種類のビルドがあり、1つはこちらのサイトで配布しているAqua版、もう1つは従来からあるX11版。Mac OS XネイティブのGUIを使う前者のほうが操作性は上だが、まだ不具合が多く動作が安定しない。そのためX11を利用しているのだが、1つどうにも腹立たしいことがある。 それは「ツールを使うとき2回クリックしなければならない」こと。ほかのアプリケーションのウィンドウが前面に表示されているとき、GIMPで作業するため（表示されてはいるが最前面ではない）ツールパレット上のボタンをクリックすると、ツールパレットをアクティブにする操作に使われてしまい、もう1度クリックしなければツールを選択できないのだ。この作業はほかのウィンドウがアクティブになるつど繰り返さねばならないため、かなりイライラする。 Snow Leopar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
