PythonでjQuery感覚のセレクタが使えるPyQueryを試してみた - メモ置き場
PythonでスクレイピングといえばBeautifulSoupを使うのがポピュラーだと思いますが、jQuery風のセレクタを使えるPyQueryというライブラリもあると知ったので試してみました。 思いついたセレクタを適当使ってみた感じ、結構わかりやすくていいかも # coding=utf-8 from pyquery import PyQuery q = PyQuery(u""" <a id="top_link" class="current" href="/">トップへ</a> <a id="recent_link" href="/recent">最近のエントリ</a> <a id="popular_link" href="/popular">人気のエントリ</a> """) # id assert len(q('a#recent_link')) == 1 assert q('a#rec
Bower入門(応用編) - from scratch
Bower入門(応用編) さて、応用編を書いていきます。 基礎編ではBowerのインストールとライブラリ管理する上での基本的なコマンドを紹介しました。 応用編ではBowerのライブラリを管理する上で利用するべきツールやライブラリを公開する上で心がけるべきことについて書いていきます。 少し長いのでサマリ Bowerを管理する上で利用すると良いツール：grunt-bower-taskがオススメです ライブラリを公開する上で心がけること、その1：mainとignoreをちゃんと書きましょう ライブラリを公開する上で心がけること、その2：ちゃんとgit tagを使ってバージョン管理しましょう Bowerからインストールしたライブラリを利用する場合 前回の基礎編で少し書きましたが、おさらいすると、Bowerはあくまでパッケージマネージャなので、インストールしてもフォルダ構造までは変えてくれません。
jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
ページ内リンクをスマートにするsmoothScroll.js[to-R]
ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#（ハッシュ）付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#
![ページ内リンクをスマートにするsmoothScroll.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル:phpspot開発日誌
Twitter Bootstrap 101: The Carousel | Webdesigntuts Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアルが公開。 Twitter Bootstrapのクールさを壊さないでなかなか良い感じに実装できます。いくらBootstrapが多機能だからといって足りないものもあったりしますが、そういうものを別プラグインで持ってきちゃうとそこだけ違和感が、っていう風になっちゃいますがこれなら安心。主にトップページなんかでプロダクトの説明なんかをする際に使えそう jQueryベースなので再利用も簡単ですね 関連エントリ レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 高機能なカルーセルを実装するjQueryプラグイン５０まとめ ホイールも効いて超いい感じのカルーセル実装jQueryチュート
Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記
jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう？ 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ
jquery.jsを読み解く：第1回 jQueryライブラリ（1～171行目）｜gihyo.jp … 技術評論社
はじめに jQueryとは、John Resigによって開発され、最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また、ブラウザの種類やバージョンによる違いも吸収してくれるため、プログラマの作業量も減らしてくれます。 本連載では、jQueryライブラリのコードを読みながら、実装として中で何が行われているのかを見ていこうと思います。 想定している読者は、jQueryライブラリをただ使うだけでなく、やっていることを理解したいという方、使われているコードを応用して自分なりの改造をしてみたい方、新たなプラグインを開発したいという方などです。 今回の連載では執筆開始時点の最新版であるバージョン1.2.2を対象としています。説
jQuery.param(obj) - jQuery 日本語リファレンス
form要素やオブジェクトの値をシリアライズします。 この関数は.serialize()のコアにあたるものですが、単体で個別に使っても有用な場面があるでしょう。
jQuery ～ 入門記事、プログラミング解説、Tipsなどのまとめ
2009年現在、もっとも勢いがあり、よく使われているAjaxライブラリがjQueryです。jQueryは2006年1月に最初のバージョンをリリースし、急速に普及してきました。サイズが小さく、記述がシンプルで、さまざまな視覚効果を簡単に実装できるのが特徴です。プラグインで機能を追加することもできます。 jQueryは、Mozilla FoundationのJohn Resig氏によって開発されています。2008年9月にはマイクロソフトとノキアがjQueryの正式サポートを決定しました。マイクロソフトはASP.NET AJAXでjQueryを正式サポートしVisual Studioで対応。ノキアはスマートフォンのS60用Web開発ツールでjQueryを正式採用しています。 jQueryとMicrosoft － ＠IT Microsoftの本社副社長ScottGu氏のブログの日本語訳 jQuer
Ajax » jQuery APIリファレンス » イベント操作：イベントハンドリング | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説bind(type[, data], fn) マッチした各要素に対するclickなどのイベントをハンドラに結びつける マッチした各要素で指定したイベントが発生した時に、指定したコールバック関数を実行するよう、各要素のイベントをハンドラに結び付けます。 利用可能なイベントは、blur、focus、load、resize、scroll、unload、beforeunload、click、dblclick、 mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、 submit、keydown、keypress、keyup、errorです。 その他、カスタム
jQuery + jTemplatesを使って、setIntervalで定期的に新しいデータを取得し、要素の上に追加していく方法 · Real Beat
Home はまったので忘れないうちにメモ。 $(“#piyopiyo”).processTemplate(data) とかやると、id=“piyopiyo”な要素の内容が全部置き換わってしまうので、古いデータが消えてしまう。たとえばTwitterクライアントみたいなものを作ろうと思ったら、定期的に新しいtimelineをとってきたら、古いデータを残しつつ、新しいものだけ上に出てきてほしい。 以下のようにすることで、id=“piyo”配下のclass=“moge”にデータがたまっていく。空のdivを一個用意して、そこにprocessTemplateで新しいデータを入れていく。@hideaki_t、ありがとうございました。 <html> <head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <scrip
jQuery で要素の表示時の縦横サイズ取得、あと img 要素の onload とか - sometime-amigoの日記
下記。なんとなくイメージの縦横サイズをとっているみたいなコードだけど、$('#image') は、べつに img 要素じゃなくてもなんでもいい。 $(function() { alert($('#image').width()); alert($('#image').height()); }); ただ、$('#image') が img 要素であるか、もしくは img 要素を含んだブロック要素である場合、ちょっとした問題が。上述のコードを Safari で実行するとサイズがとれない。アラートには 0 とか変な値が表示されてしまう。イメージがロードされるのを待たずに縦横サイズを取得してしまうのが原因らしい。 $(function() { $('#image').bind('load', function() { alert($(this).width()); alert($(this).he
JavaScript/jQuery/readyじゃなくてonloadイベントに関数を追加したい - TOBY SOFT wiki
2020-06-02 Comments/Subversion/TortoiseSVNメモ/コミットしたログメッセージが編集できない 2020-03-31 ゲームを作る上でのバッドノウハウ/十字キーがボタンとして認識される 2019-11-12 Comments/Wiki/PukiWiki/スパム(spam)を防止する方法 2019-11-01 Delphi/XML/Delphi付属のXMLライブラリ 2019-08-27 Comments/SaGa2 秘宝伝説/モンスター一人クリア 2019-07-11 Comments/git/git rebaseを元に戻す方法 2019-06-08 VBA/関数呼び出し時に「オブジェクトが必要です。」というエラーが出る 2019-03-07 Comments/PhotoShop/「下のレイヤーとグループ化」はどこいったの？ 2019-02-06 Rub
prettyLoaderStéphane Caron – No Margin For Errors
prettyLoader is a small (less than 4kb uncompressed) jQuery plugin that aim at making your life easier regarding ajax loader display. You know, when you do an ajax call and you never quite know where to position your loader. prettyLoader takes care of that for you, by default, prettyLoader will “hook” to the jQuery ajax function and display a nice spinning circle next to the mouse cursor and hide
これまでに使った20のjQueryプラグイン :: 5509
delicious(nori_17/tagged:jquery)から実際に使ったものをメモ。 順番はたぶん登録が古い順なはず。たまに自作がまじってます。自作のは5509って振ってます。 deliciousからのみ抜き出したので使ったけど入ってないのがたくさんありそう。20なはずがない… Galleria http://devkick.com/lab/galleria/ 画像ギャラリープラグイン。これはきれいですよね。でもちょっと重い。 FancyBox 確か商用でも使えるhighslideみたいなのを探してた気がする。 tablesorter http://tablesorter.com/docs/ シンプルにデータ並び替え。管理画面には欠かせないですね。 prettyPhoto 角丸がかわいいLightboxクローン。 AjaxZip2 http://www.kawa.net/works
[JS]jQueryのプラグイン33+1選 -2010年3・4月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 YoxView 画像をスタイリッシュに拡大表示するスライドショー。 Roundabout Shapes 複数のオブジェクトをさまざま
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
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fancybox - Fancy jQuery lightbox alternative| API & Options
Code | Drew Wilson.com