日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
概要 † JavaScriptで「待たせる」という動作をさせるには、 1. パターン①(非推奨)として、 ループを使った操作に応答しにくい状態の待ち(wait/ビジーウェイト/ループウェイト) がありますが、これはまず使わないほうがいいです。ブラウザが応答できなくなるからです。 2 . パターン②(推奨)として、 操作に応答できる状態での待ち(推奨)を実装するには、 間隔を空けるところで処理のかたまりを関数に分割し、(ステップ分割)、 「setTimeoutをかけて次のステップを起動」したり、 「広い間隔でsetIntervalで条件監視を行う」ことで、実現できます。 ブラウザに負担をかけないためには、タイマーを使ったこちらでやるべきです。 「ある条件を一定間隔で監視し、条件を満たしたら処理を起動する」という、 「条件監視sleep」機能を実装してみましょう。
JavaScriptにはwaitやsleepのような関数はありませんが、タイマとクロージャを利用することにより擬似的にwaitをかけることができます。 ところがネット上にイマイチまとまった説明がない。 というわけで、素人なりにざっくりまとめてみようというエントリがこれ。 適切なタイミングでwaitをかけることにより、ブラウザが長時間固まるのを防ぐことができます。 ■ 前提 setTimeoutは関数を指定時間後に登録するだけで、特に待ったりはしません。 登録後は即座に続きの処理が実行されます。 また、setTimeoutの返値はタイマIDで、登録した関数の返値は意味を持ちません。 このタイマIDをclearTimeoutに渡せば、関数が実行される前にキャンセルすることができます。 ■ シンプルなwait function simple_wait(){ var restart = funct
入門 Ajaxposted with amazlet on 06.04.22高橋 登史朗 ソフトバンククリエイティブ (2005/11/15) 売り上げランキング: 65,811 Amazon.co.jp で詳細を見る Ajax 実装のための基礎テクニックposted with amazlet on 06.04.22増井 雄一郎 深津 貴之 川崎 有亮 台場 圭一 WINGSプロジェクト 佐藤 真介 技術評論社 (2006/03/23) Amazon.co.jp で詳細を見る JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集 作者: ダニーグッドマン,Danny Goodman,村上列出版社/メーカー: オライリージャパン発売日: 2004/01メディア: 単行本購入: 2人 クリック: 36回この商品を含むブログ (63件) を見る Ajaxとは 最近
はじめに 筆者はDevXの以前の記事で、動的なWebアプリケーションの開発に役立つJavaScriptフレームワーク「Prototype」を取り上げましたが、その記事の最後で、PrototypeをベースにしたUIライブラリであるScript.aculo.usについて少し触れました。本稿ではScript.aculo.usが提供するオートコンプリータ、インプレースエディタ、スライダというWebコントロールについて説明します。 Script.aculo.usは大きなライブラリなので、1つの記事で網羅的に説明することはできません。しかし、本稿の説明を読めば、Script.aculo.usのWebコントロールを利用してエンドユーザーエクスペリエンスを向上させることができるでしょう。環境のセットアップ まずブラウザでPrototypeのホームページにアクセスし、最新バージョン(本稿の執筆時点では1.6
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 に関して この先、 HTML に onclick と書いても石を投げられないように書いておく>< 僕も onclick 属性がダメだと思っていた時代もありました。でも、今は時々使うなあ。 (あ、でも、 HTML と JS で分業している場合は、使わないほうがいいよね^^;そこだけは言っておく。) JavaScript 入門の記事を書くときに onclick 属性がダメだとしたら、いろいろ本質的でないことを説明しなきゃいけない。 現状では onclick 属性が、もっとも簡単に HTML にイベントをマッピングできる方法だから、そんなに目くじらたてなくてもいいんじゃないかなあ? たとえば 以下は、クリック時に href に GET を送るための oncli
「読書百遍義自ら見る」という言葉があります。難解な書物であっても 100 回も読めば自然と意味がわかるようになるという、熟読の大切さを説いた句です。しかし、これは本当のことなのでしょうか? 2000 年もたてば社会も常識もまったく変わってきます。昔の人の言ったことが今も正しいとは限りません。 疑問があれば解明したくなるのが人の性というもの。実際に「読書百遍義自ら見る」は正しいか、確かめて紀要にまとめてくださった方がいます。それによると、女子大生にデカルトの「方法序説」を 30 回読んでもらったところ、ほとんどが内容を理解するにいたったとのこと。この言葉の正しさが見事に証明されたのです。 ただし、一点注意することがあり、それは黙読ではなく朗読するということ。人間は活字を使いだしたのはたかだかこの5千年程度のことであるが、音声を使った情報のやりとりは動物の時代から行ってきたことであるという由緒
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー&ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
シンプルなドロップダウンメニューの詳細版になります。 マウスカーソルをメニューの見出しに重ねると垂れ幕のようにメニューが表示される…と言うよくあるドロップダウンメニューです。好きなように使って下さい。 ただし、このページのスクリプトはあくまでサンプルであって素材ではありません。このままでも使えなくは無いですが、以下の点に注意を払う必要があります。 標準準拠ブラウザの場合、CSSが機能していなくてもメニューとしての構造を保つように作っています。 が、CSSオン・javascriptオフのIEではメニュータイトルしか見えない状態になります。 このシチュエーションをフォローするには、IEが読めないようにCSSのpositionとdisplayにハックコード(例えば、dl[id=foo]など)を入れ、代わりにJavascriptでpositionとdisplayのスタイル指定を書
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
In the world of online dating, JavaScript is a central part of how apps and sites function. In the USA alone, there are over 5 million people using online dating services . Not only does good technology help users interact with one another more fluidly, it also helps attract new customers so it makes sense that sites trying to stand out from the crowd have invested in the best JavaScript framework
Javascriptでグラフ作成する「WebFX」では積み上げグラフしか紹介しませんでした。 今回は補足として、棒グラフ、線グラフ、混合グラフを取り上げます。 sponsors var c = new Chart(document.getElementById('id名')); c.setDefaultType(CHART_BAR); c.setGridDensity(8, 7); //グリッド(横、縦) c.setVerticalRange(0, 80); //縦軸の数値(最小、最大) c.setBarWidth(12); //棒グラフの幅サイズ c.setBarDistance(-2); //棒グラフの重なり c.setHorizontalLabels(['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun', 'mon', 'tue']); /
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基本/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能
jqDnR :: Minimalistic Drag'n'Resize for jQuery jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」。 1. 赤の領域をドラッグして自由にリサイズできる要素作成 2. ドラッグ移動できる要素を作成 3. 赤いバーでドラッグ移動し、右下の赤いつまみでリサイズするボックスの作成 プラグイン自体が972バイトしかなくて、jQueryとあわせてもとても軽いですね。 CSSでスタイルすれば、当然、もっと綺麗なUIで提供できます。 関連エントリ 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」
丸亀製麺は、全国に820店舗以上を展開するうどんのチェーン店です。店内で製麺を行っているため、打ち立ての美味しいうどんをいただくことができます。 注文まで列に並んでいくスタイルですので、何を頼もうか考えている間に自分の番がきて焦っちゃうなんてことも・・ 別のせのてんぷらやおにぎりも美味しいですよね! 丸亀製麺で一番お得なクレジットカードは、dカード・dカード GOLDです。d払いを利用することで、ポイントの3重どりができ2.0%還元を実現できます。 丸亀製麺では、クレジットカードや、電子マネー、バーコード・QRコード決済など多くのキャッシュレス決済を支払いで利用することができます。クレジットカード キャンペーンも活用するとさらにお得になることもあります。 丸亀製麺の支払いで利用できる決済方法クレジットカードVISA・Mastercard・JCB・ダイナースクラブカード・AMEXバーコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く