タグ

jqueryに関するpiranoのブックマーク (45)

  • Re: 今さら聞けないjQuery実行パターンまとめ【実行のタイミングって?ちょっとした補足】

    今さら聞けないjQuery実行パターンまとめ :: 5509(+1) noriさんのブログでまとめられていた「.ready()」などのjQueryの実行パターンについてのまとめ。jQueryの書き出しに書かれる.ready()メソッドや$(function(){~});などを「おまじない」とか「最初に書いておくもの」なんて言われたり見て覚えていた人が多いんじゃないかなって思うのですが、こういうまとめがあるとわかりやすくていいですね。 十分ではあるのですが、僕なりの補足を入れておこうかなと思ったので紹介も兼ねてエントリー 慣習的に書く理由 この「$(document).ready(function(){~});>」や「$(function(){~});」はjQueryのスクリプトを書くときの最初に、慣習的に書くもので、「おまじない」とか「とりあえず書いておけ!」なんて言われて、何となく書き入

    Re: 今さら聞けないjQuery実行パターンまとめ【実行のタイミングって?ちょっとした補足】
  • さぼてん: 【jQuery】トピック

    イベント ready() DOMがロードされて操作・解析が可能になったタイミングで関数を実行する。 /* DOMロード完了後に実行 */ $(document).ready(function(){ // ここに実際の処理を記述します。 }); 「onload()」イベントをBODYタグに指定すると動かないので注意。 完全に「onload()」イベントの代わりにはならないので、「onload()」イベントのタイミングで実行したい処理は「jQuery.event.add()」を使う。 /* onloadイベントを追加 */ jQuery.event.add(window, "load", function(){ /* ここに処理を書く*/ }); たくさんイベント使うなら以下のようにちょっと楽する。 /* jQuery.event.add()改善 */ function addOnLoadEv

  • 少しのコードで実装可能な20のjQuery小技集

    2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基的な使い方 まずはjQuery家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

    少しのコードで実装可能な20のjQuery小技集
  • THE HAM MEDIA BLOG

    先日、アスキー・メディアワークスの小橋川さんより、12月11日に発売された『HTML5マークアップ 現場で使える最短攻略ガイド』を献いただきました!小橋川さん、そして著者のはましゅんさん、ありがとうございます!! HTML5マークアップ 現場で使える最短攻略ガイド:Amazon 先日発売していたのをFacebookやTwitterで、インターネット・Web開発のカテゴリで1位!なんてのをみていたのですが、まさか私にもお送りいただけているなんて思いもよらず。姫実家にしばらくいたこともあり、宅配の不在票に気づいたのが先週末くらい、その後うけるとまで1週間もかかってしまいました。 早速内容に目を通してみましたのでご紹介をしたいと思います。

    THE HAM MEDIA BLOG
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • jQuery 開発者向けメモ - リファレンス

    リファレンス $() jQueryオブジェクトを作り出す関数です. $("CSS文字列") CSSで要素を指定し,マッチした要素を持つjQueryオブジェクトを返します. 詳しい指定方法は Selectors を参照してください. jquery 1.1 までは XPath による指定もできましたが,最新版では削除されています. XPath Compatibility Plugin を利用することで,1.2 でも XPath を利用可能です. var $toc_1 = $("#toc_1"); jquery_dump($toc_1); var $h1 = $("h1"); jquery_dump($h1); var $h1head = $("h1.head"); jquery_dump($h1head); var $ahref = $("a[@href^='http://jquery.com

  • jQuery UI widgetでviewをゼロから作る

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / jQuery UI の widgetを使ってると、jQuery プラグイン形式だけどOOPできるぞーとかいう感じだけれども、結局のところはプラグイン形式なので、既にあるDOMをベースを起点として動作する。なので、例えば new $.ui.dashboard(JSON); みたいにやって、ゼロからviewを作ることが出来ない。こうするとwidgetのインスタンスをnewすることはできるんだけど、欲しいのは、widgetが適用されたDOM一式だったりすることが多い。widgetの_create(コンストラクタみたいなの)の中でごねごねやれば出来ないことは無いんだけど、それでやると色々とwidget

    jQuery UI widgetでviewをゼロから作る
  • HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net

    結構便利だったのでシェア。Web制作 に関する日語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSSiPhoneの事や jQueryからPHPRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間が省けるのでは。 @deeekiさん作のWebサービスです。クックパッドエンジニア向け「第2回 開発コンテスト24」に応募する予定だったようで、数時間で作成されたみたいで見た目はシンプルですね。 カテゴリもHTML5やjQuery、PHPiPhoneWordPressなど多岐にわたりサポートされていますので全Web屋さん向けと言えそうです。 日語のスライドのみを集約 集められたスライドは全

    HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net
  • BigtableをjQueryで操作できる「gaedirect」とは

    BigtableをjQueryで操作できる「gaedirect」とは:クラウドとgaedirectでできる緊急対応マッシュアップ(1)(1/3 ページ) 緊急時の“クラウド”の有用性 このたびの東日大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine(以後、GAE)などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加

    BigtableをjQueryで操作できる「gaedirect」とは
  • リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」

    リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」 jQueryUIはドラック&ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。 またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。 投稿日2011年03月21日 更新日2011年04月02日 jQueryUIのダウンロード jQueryUIトップページからダウンロードしてもいいですが、テーマファイルのビジュアルを確認してからダウンロードした方がいいと思いますのでこちら。 jQuery UI – ThemeRoller 左ナビゲーションの「Gallery」タブを選択して、好

    リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」
  • メニューに困ったら参考にできる40個のプラグインやスクリプト:phpspot開発日誌

    40 Javascript Menu Plugins and Scripts | AJAX | TutsList メニューに困ったら参考にできる40個のプラグインやスクリプト。 便利そうなナビゲーション用のUIがジャンルごとにまとまっていて、それぞれ使えそうです。 自分で作ると超大変そうなものもあり、気になるものはブックマークしておいてもよさそう。 ツリービュー アイコン付きツリービュー ドロップダウン 階層付きドロップダウン アイコン付き階層ドロップダウン RSSメニュー タブ 縦横にタブ iPodスタイルメニュー Dock風メニュー 素晴らしいですね。こういうのを10年前のWEBで出来るなんて誰が想像したか?というところなんでしょうが、次の10年どうなっているか楽しみです。 関連エントリ カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigatio

  • スマートフォン向けサイトに使えるjQuery UI Theme「Aristo」 | Web活メモ帳

    jQueryでスマートフォン向けのアプリケーションを作成する際に使えそうなライブラリ「Aristo」を見つけたのでご紹介。 設置もクロスブラウザ対応非常に簡単にできるようになっています。 ボタン、アイコン、モーダルウインドウ、スライダー、アコーディオンメニュー、タブ、プログレスバーなどおよそ使いそうなデザインはひと通り用意されています。 HTML5向けのサイトに良さそうですね。 ダウンロードは下のリンクからどうぞ。

    スマートフォン向けサイトに使えるjQuery UI Theme「Aristo」 | Web活メモ帳
  • jQuery UI/プラグインの活用:CodeZine(コードジン)

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    jQuery UI/プラグインの活用:CodeZine(コードジン)
  • jQueryUI Icons List / Cheatsheet

  • Daniel Raftery. Software Engineer.

    Hello. My name is Daniel Raftery.I'm a software engineer. I am currently building solutions for American Express. I try to contribute to the open source community as often as I can. Follow me on Twitter or GitHub for updates.

  • jQuery UI API 1.8.4 日本語リファレンス - StackTrace

    jQuery UI API 1.8.6 の日語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル

  • jQuery UI

    jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API

  • PCでファイル保存と同時にスマホなどでリロードされるJSを書いてみた | kzms2 – html,css,javascript

    概要 エディタで保存して、いちいちブラウザに切り替えてリロード。 この作業ってコーディングしていると腐るほどするので面倒くさくなりますよね。 PCだけで完結するなら昔書いたエントリー(これは便利!エディタで保存と同時に3ブラウザを更新)に書いてあるようにWindowsならどうにかできます。 ですがスマホとかになるとリロードとか非常に大変! というわけで作ってみました。詳細は↓の動画を見てみてください。 スマートフォンで自動リロード PCで自動リロード 特徴 使い方は簡単。編集しているファイルにJavaScriptを1~2行挿入するだけ。 1 2 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script src="http://kzms2.com/lab/r

  • 条件付きで外部ファイルの読み込みが出来る「yepnope.js」 | Web活メモ帳

    読み込みが完了するまで待機し、完了後のコールバック関数を設定できるようになります。 例えば、IEのためだけに書かれたコードを「if IE」タグを使うのではなく動的に変更する事が出来るようになります。 以下のようなコードで動作するようです。 yepnope([ { load: 'js/jquery.js', wait: true }, { test: Modernizr.geolocation, nope: ['googleapi.js', 'needs-googleapi.js'], wait: true, callback: function(){ alert('JS was loaded!'); } } ]); このコードはjQueryの読み込み完了後に、googleapi.jsとneeds-googleapi.jsを読み込み、 全ての読み込みが完了したらアラートを表示するサンプルです

  • 最近気になってきたjQueryについて色々調べてみました - もとまか日記

    最近、「jQuery」というキーワードをよく見かけます。 これって何だろ?と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日語リファレンス 必要に応じてみればいいかな?と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp:40分で覚える!jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて