タグ

jQueryに関するtyruのブックマーク (70)

  • jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」

    jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js (jquery-latest.js を使うな)」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、番環境 (公開している Web サイト) で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js : Official jQ

    jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
    tyru
    tyru 2014/07/05
    「手軽に最新版の jQuery を取得できるから便利なのはわかるけど、本番環境でこれを使っている開発者は、jQuery のバージョンアップの度に Web サイトが動作しなくなる危険をユーザーに与えている」
  • jQueryについての私見 - mizchi's blog

    jQueryでいいやん派の意見 / “Angular JS Kinda Sucks | OKmaya” http://t.co/n4ZlEmeNA4— 高意識エネルギー (@mizchi) 2014, 2月 14 jQuery、経験値貯めてレベルが上がれば上がるほど保守性下がる不思議なライブラリなんですよ…— 高意識エネルギー (@mizchi) 2014, 2月 14 使いこなしすぎると保守性下がる系ライブラリ、jQuery以外にも、pythonのfunctoolsとか、ScalaのList系ライブラリとか、C++のテンプレートとか、その辺— 高意識エネルギー (@mizchi) 2014, 2月 14 jQuery経験値貯めるより find, attr, css, on にのみ用途を限定する方が結果として綺麗になるのが僕の得た結論です— 高意識エネルギー (@mizchi) 2014,

    jQueryについての私見 - mizchi's blog
  • ■ - hitode909の日記

    jQuery 1.9から $.browserがなくなって, modernizrを使えって書いてあった.modernizrを使うと,IE7かどうか,とかじゃなくて,audioタグがoggをサポートしているか,とかで調べることになる.既存のコードで,なぜかIE7では動かないからコメントアウト,とかしてるところがあって,それはなんでIE7で動かないか知らないから,結局,IE7かどうか自分で判定するコードを自分で書くことになった.ということがあった.

    ■ - hitode909の日記
    tyru
    tyru 2013/02/18
  • jQueryの可能性は無限大!?プラグインまとめ番外編 - Webデザイン初心者向けのあれこれ

    どうもこんばんは、僕です。 今まで何度かjQueryプラグインを紹介してきましたが、今日は番外編?と言った感じです。 一応今までのプラグインまとめ記事はこちらです。 ・ひと工夫でこんなことも!ユニークなjQueryプラグイン5つ集めてみました ・すっごい動くよ!テキストをアニメーションさせるjQueryプラグイン集めてみた ・今更ながらみんな大好き(?)「lightbox」プラグインを集めてみました ・jQueryを使ったスライド・ギャラリーのライブラリを7個集めてみた ・jquery-tubular http://code.google.com/p/jquery-tubular/ ページの背景にYouTubeの動画を指定することができます。 背景を考える幅が広がるのではないでしょうか。 ・jquery.snipe http://rayfranco.github.com/jquery.sn

    jQueryの可能性は無限大!?プラグインまとめ番外編 - Webデザイン初心者向けのあれこれ
    tyru
    tyru 2013/02/10
  • タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。 タッチデバイスで使えるLightboxです。 見易くていいかも。CSSでカスタマイズできるらしいのでMedia Queriesを使うだけで対応できるなら楽でいいかも。 スマフォのスクショです。 $(".foo").swipebox(); 使い方はいつも通り。 <a href="big/bar.jpg" class="foo" title="My Caption"> <img src="small/bar.jpg" alt="image"> </a> マー

    タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox - かちびと.net
    tyru
    tyru 2013/02/09
  • 米Stripe、JavaScriptで決済の全てを完了できる 「jQuery.payment」をリリース 【増田 @maskin】 | TechWave(テックウェーブ)

    決済サービスを展開する米「Stripe」は2013年2月7日、ポピュラーなJavaScript用ライブラリ (プログラム郡がパッケージされたもの)「jQuery」と連携して仕様できる決済ライブラリ「jQuery.payment」をリリースしたと発表した。 「Stripe」は、面倒で時間のかかる決済機能の導入について、どこよりも簡単に実装できるAPIを提供する企業。大手決済サービスを展開する米PayPal 創業者や、大手有力VCから投資を受けるなど注目をあびている。 今回リリースされた「jQuery.payment」を使えば、数行のJavaScriptコードだけで決済機能を導入することができるようになる。 冒頭のスナップショットは、実際に「jQuery.payment」を使ってドネーションを受けられるようにしたサイト。決済者は面倒なユーザー登録作業などをする必要なく、この画面から利用すること

    米Stripe、JavaScriptで決済の全てを完了できる 「jQuery.payment」をリリース 【増田 @maskin】 | TechWave(テックウェーブ)
  • jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話

    jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome

    jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
    tyru
    tyru 2013/01/31
    ソースマップみたいな情報、エディタで活用したい
  • jQuery 1.9.0 での変更箇所の自分なりのまとめ | 私的なjQuery他

    2013年01月26日 このコメントは管理人のみ閲覧できます > Google Chorome > ↓ > Google Chrome ありがとうございます 修正しました コメントを書きこむ コメントを送信

    tyru
    tyru 2013/01/26
  • http://s3pw.com/jQ-JPN/

  • jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ

    白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ(プラグインの集積場)が公開されました! URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。 「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況 「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった 新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。 開発者にとっては、プラグインを公開

  • jQuery 2.0β登場! jQuery 1.9は正式版がリリース

    このところjQuery関連のニュースが続きます。Internet Explorer 6/7/8のサポートを廃止することで、より小さく、速く、安定したjQueryのメジャーバージョンアップ版のjQuery 2.0がベータ版として初めて登場しました。 jQuery Blog » jQuery 1.9 final, jQuery 2.0 beta, Migrate final released jQuery 2.0は昨年7月の時点でリリース時期を「early 2013, not long after 1.9」と説明されていました。2013年がまだはじまったばかりのこの時期にベータ版が登場したことで、予定通りに開発が進行していることがうかがえます。 jQuery 2.0リリース以降も、IE 6/7/8をサポートするjQuery 1.9のメンテナンスは継続されることになっています。jQuery 1.

    jQuery 2.0β登場! jQuery 1.9は正式版がリリース
    tyru
    tyru 2013/01/20
    「対策として互換性のためのプラグインjQuery Migrateが提供されます」
  • 妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try

    はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にしてのパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位! Mac万歳!Chrome万歳!な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ

    妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
    tyru
    tyru 2013/01/19
    なんかIE対応って面倒そうだなーって思ってたけど、今はHTML5+CSS3で書けばjQueryプラグインとかでなんとかできるのか。その方がすっきりしそう。
  • 画像を徐々に読み込みながら、タイル状に並べていくjQueryプラグイン「stalactite」

    twitter facebook hatena google pocket Pinterestが流行ってからタイル状に配置するデザインが増えました。 新はてブのように目線がばらつくという指摘もありますが、画像だけを見せるのであれば有効な手段なのではないでしょうか。 今回紹介する「stalactite : A jQuery plugin」では、画像だけでなく、iframeなども徐々に読み込んでいくというエフェクトもかけてくれます。 sponsors 使用方法 stalactite : A jQuery pluginからファイルをダウンロード。 下記のようにJavaScriptを記述します。 <script type="text/javascript" src="/test/js/jquery-1.8.3.min.js"></script> <script type="text/javascr

    画像を徐々に読み込みながら、タイル状に並べていくjQueryプラグイン「stalactite」
    tyru
    tyru 2013/01/13
  • jQuery 1.9のリリース候補版が公開。使用されなくなったAPIを整理し、jQuery 2.0と互換へ

    使っていないWebサイトの方が少数派となるほど人気のJavaScriptライブラリのjQuery。最新版となるバージョン1.9のリリース候補版「jQuery 1.9 RC1」が公開されました。 jQueryは現バージョンの1.8でモジュール構造を取り入れ、必要な機能のみを取り入れたライブラリを利用者がビルドできる環境を構築。そして今回の1.9では、ほとんど使われなくなった古いAPIを整理。バージョンアップによって肥大化した内部をクリーンな構造へと再構築しようとしています。 これは次のメジャーバージョンアップであるjQuery 2.0に備えた動きといえます。 jQuery 2.0では、jQuery 1.9とAPIの互換性を保つちつつInternet Explorer 6/7/8のサポートを廃止。より小さく速いライブラリとなる予定です。jQuery 2.0登場後も、Internet Explo

    jQuery 1.9のリリース候補版が公開。使用されなくなったAPIを整理し、jQuery 2.0と互換へ
    tyru
    tyru 2013/01/12
  • [JS]エクセルやスプレッドシートのように美しく機能的な表を作成するスクリプト -ParamQuery grid

    HTMLで作成した普通のテーブルでも、Microsoft OfficeのエクセルやGoogleのスプレッドシートのように美しく機能的なテーブルにする軽量のjQueryのプラグインを紹介します。 ParamQuery grid ソート、セルサイズの変更、インライン編集などもできます。 ParamQuery gridの特徴 ParamQuery gridのデモ ParamQuery gridの使い方 ParamQuery gridの特徴 商用利用可のオープンソース。 データのフォーマットはHTML, Array, XML, JSONなど。 ソート、ページング、カラムのリサイズに対応。 デザインはテーマでカスタマイズ可能。 バーチャルスクロール・レンダリング。 セルのインライン編集。 対応ブラウザはIE6/7/8をはじめ、主要な全てのブラウザ。 サーバーサイドのフレームワークはASP.NET,

    tyru
    tyru 2013/01/12
    ブコメ見るとjqGridっていう似たライブラリもあるらしい
  • jTruncSubstr [jGlycy]

    semooh作。 jTruncSubstrは、長い文章の途中までを表示し、続きは[more]ボタンで表示するようにします。 多くの情報を効率よく見せたい場合に便利ですし、JavaScriptが動作しない環境でも全文表示される点が優れています。 このプラグインは、既存のjTruncateをベースにしています。 非常に優れたプラグインなのですが、残念ながら単語の区切りを空白で探してそこでしかTruncateしてくれないため、日語の文章には殆ど役に立たないものでした。 そこで、単語の区切りを調べずに指定された文字列長でTruncしてしまう「substrモード」を追加して、そちらをデフォルトにしてあります。日語、中国語、韓国語などでは、こちらの方が便利でしょう。 また、区切り文字を空白以外も指定できるようにしました。 やはり句読点などに境目を合わせたい場合は、substrモードをやめて、こちら

    tyru
    tyru 2013/01/02
  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

    tyru
    tyru 2013/01/01
    いまさらだけどブクマ
  • jQueryを使って押したキーの判定をする

    キーボードを押した時の処理を出すために、キーを押した時にどのような値が帰ってくるのかをチェックしておこうかなと思い、アルファベッドの文字だけを判定する判定のスクリプトを書いてみた。 タイプしたキーの判定 jQuery 1.3.2 日語リファレンスを参考にしつつ、サンプルを作ってみた。 jQuery(function($){ $("div.preview input").keydown(function (e) { $("div.preview span#moji").text(e.keyCode); if (e.which == 32 || (65 <= e.which && e.which <= 65 + 25) || (97 <= e.which && e.which <= 97 + 25)){ var c = String.fromCharCode(e.which); }else{

    jQueryを使って押したキーの判定をする
  • 目次のリンクをクリックしても URL にアンカーを表示させないようにする

    アンカーを URL に表示させるとソーシャルブックマークや Twitter などで集計する際に同じページが別なものとして扱われる可能性がある。jQuery: Smooth Scrolling Internal Anchor Links で示されている短いコードは event.preventDefault() を使うことでアンカーの表示を防いでいる。 $(function() { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({ scrollTop:$(this.hash).offset().top }, "fast"); }); });

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

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

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