タグ

javascriptとjQueryに関するtsupoのブックマーク (24)

  • jQuery 2.0がついに正式リリース

    JavaScriptでもっとも人気のあるライブラリjQueryの最新版、「jQuery 2.0」が正式にリリースされました。 jQuery 2.0は、jQuery 1.xからのメジャーバージョンアップになりますが、APIの変更や大きな機能追加はありません。Internet Explorer 6/7/8のサポートを廃止することで、これらのサポートに必要だった細かなハックを一掃、いわゆるモダンブラウザにフォーカスしてコードを書き直すことにより、より小さく、速く、安定した動作を目指したものです。 jQuery 2.0はjQuery 1.9.1に比べて12%小さくなっています。 今後もjQuery 2.0では古くなった環境のサポートを廃止することで、より軽量で高速なライブラリを目指す予定で、次にサポート廃止予定なのはAndroid/WebKit 2.xのWebブラウザ。利用シェアの推移を見つつ、そ

    jQuery 2.0がついに正式リリース
    tsupo
    tsupo 2013/04/22
    Internet Explorer 6/7/8のサポートを廃止 / 今後も古くなった環境のサポートを廃止することで、より軽量で高速なライブラリを目指す / 次にサポート廃止予定なのはAndroid/WebKit 2.xのWebブラウザ
  • 企業サイトをスマホ向けに作り込むのに役立つテク11選

    企業サイトをスマホ向けに作り込むのに役立つテク11選:jQuery Mobileでスマホ向け企業サイト構築(4)(1/4 ページ) まだjQuery Mobileを触ったことのないWeb制作者向けに、基的な利用方法を学びながら、jQuery Mobileを使った簡単な企業サイトの構築の仕方を解説していきます。今回は、開閉式/アコーディオン式コンテンツ、画像のマルチデバイス表示、グリッドレイアウト、Googleマップの表示などを紹介します。

    企業サイトをスマホ向けに作り込むのに役立つテク11選
    tsupo
    tsupo 2013/04/04
    今回は、開閉式/アコーディオン式コンテンツ、画像のマルチデバイス表示、グリッドレイアウト、Googleマップの表示などを紹介
  • 「Adobe Edge」、パブリックプレビュー版第3弾がリリースへ

    新世代ウェブ標準に対する関心の急激な高まりに急いで対応しようとしているAdobe Systemsは米国時間10月3日、ウェブデザインソフトウェア「Adobe Edge」に重要な新機能を追加する。それは、インタラクティビティだ。 同機能を備えたEdgeの3度目のパブリックプレビュー版は、3日に「Adobe Labs」でリリースされる予定だ。3日から開発者およびデザイナー向けの同社カンファレンス「Adobe MAX」が始まるが、今回のパブリックプレビュー版はそれにタイミングを合わせてリリースされる。 Edgeプロジェクトを率いるAdobeのフェローであるMark Anders氏は、「インタラクティビティは現時点で最も要望の多い機能だ」と述べた。同機能を追加することで、Edgeはページが読み込まれるにしたがってページを整えていくという基機能を持つツールから、ユーザーの操作に応じてページを変化さ

    「Adobe Edge」、パブリックプレビュー版第3弾がリリースへ
    tsupo
    tsupo 2011/10/04
    「Mac OS X」および「Windows」向けのEdge 1.0は2012年に登場予定
  • 「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる - Publickey

    このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単! スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1)HTMLを書くだけでモバイルアプリケーションができてしまう 2)モバイルのユーザーインターフェイス対応の部品が多く揃っている 3)iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な

    「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる - Publickey
    tsupo
    tsupo 2011/02/16
    HTMLを書くだけでモバイルアプリケーションができてしまう / iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応 / HTML5で加わったカスタムデータ属性の「data-*」を活用
  • 右クリック禁止をjQueryで実装(褒められた事ではありませんが、) - [k]id[k]id

    たま〜に「html内の画像の保存をさせたくないので右クリックを禁止してくれますか?」 等の若干疑問を抱くリクエストを受け付ける事があります。 ユーザービリティ的には決して褒められた事ではないのですが、 どうしても反発出来なかった場合はjQueryでサクッと実装してしまいます。 jQueryを読み込んだ上で $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 上記で、ササッと実装して無かった事にしましょう。

    右クリック禁止をjQueryで実装(褒められた事ではありませんが、) - [k]id[k]id
    tsupo
    tsupo 2011/02/09
    この右クリック禁止は $('body').unbind('contextmenu') で無効化できる
  • jQueryとTwitterのAPIを使ったWindows 7アプリを作ってみた

    jQueryとTwitterAPIを使ったWindows 7アプリを作ってみた:楽しいWindows 7アプリ作成入門(5) 「あんなこといいな」「できたらいいな」というアイデアをWindows 7の表現力で具体的な“アプリ”という形にするには、どうすればいいのだろうか? 具体的なコードやデモとともに一から教えます Twitterのフォロワーを画像を一覧表示して投稿もできる 稿では、Webデザイナ/プログラマの方でもテキストエディタとWebブラウザで簡単に作成できる、TwitterAPIを使ったWindows 7デスクトップガジェット(以下、Windows 7ガジェット)の作り方を紹介します。Windows 7デスクトップガジェットの基礎については、記事「HTMLJavaScriptで作れるWindows 7デスクトップアプリの基礎知識」を参照しておいてください。 実装する機能は、

    jQueryとTwitterのAPIを使ったWindows 7アプリを作ってみた
    tsupo
    tsupo 2010/05/17
    テキストエディタとWebブラウザで簡単に作成できる、TwitterのAPIを使ったWindows 7デスクトップガジェットの作り方を紹介 / 使用するjQueryのバージョンは1.4 (CDN を利用)
  • Diving into the Twitter API | Envato Tuts+

    Twitter's astonishing growth is rivaled only by its intuitive, developer friendly API. In this second part of the series, we are going to learn more about Twitter's API and how to work with it. Too much abstraction is never a good thing. In this Web 2.0 era, web applications which have an easy to use, intuitive API have a distinct advantage as it lets developers exploit and build for the platform

    Diving into the Twitter API | Envato Tuts+
    tsupo
    tsupo 2010/03/30
    「30分でわかるTwitter API」的な記事。API の 使用例は PHP (+ cURL) と JavaScript (with jQuery) で用意
  • neue cc - Reactive Extensions for JavaScript

    MIX10終了しましたねー。何はともかく皆してIE9の話題ばかりで、ああ、InternetExplorerは愛されてるなあ(色々な意味で)、などというのを横目に、私にとっての最大のニュースはReactive Extensions for JavaScript(RxJS)です。Reactive Extensions(Rx)はこのサイトでもカテゴリーを作ってメソッド探訪なんてやってるぐらいに注目していたわけで、当然MIX10でJavaScript版出すという話を聞いた時からwktkが止まらなかったわけですが、全く期待を裏切らなかった!というか、こいつはヤバいですよ? Reactive Extensionsとは何ぞや、というと、LinqというC#の関数型言語みたいなリスト処理ライブラリ(語弊ありまくり)のイベントとか非同期版です。イベントや非同期処理にたいしてmapとかfilterとかfoldと

    tsupo
    tsupo 2010/03/23
    jQueryあるからRxJSなんてイラね、というわけじゃあないんですよ! ふたり揃ってプリキュア / DOM操作はjQuery、イベントや非同期処理はRxJS、二つの強力なライブラリを組み合わせることで、JavaScriptプログラミングは次のパラダ
  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
    tsupo
    tsupo 2010/02/17
    「40分」というのが微妙だな
  • Microsoft Ajax Library(プレビュー6)とMicrosoft Ajax Minifierの告知 - @IT

    ASP.NETチームは日(2009/10/15)、大幅に新しく更新されたMicrosoft Ajax Library(プレビュー6)をリリースしました。今回の更新では、クライアント側のAJAXライブラリへの非常に多くの新機能や改善点が含まれており、どのASP.NETバージョン(ASP.NET 2.0、3.5、4.0を含む)でも使用可能で、ASP.NET WebフォームおよびASP.NET MVCプロジェクトの両方で使用できます。このリリースには以下の機能改善が含まれています。 改善された命令形構文:クライアント・コントロール作成に対して新しくかつ簡易化されたコード構文 クライアント・スクリプト・ローダ:クライアント・コントロールが要求したJavaScriptファイルやライブラリを自動的にすべて動的にロードし、正しい順序でスクリプトを実行できる新しいクライアント側スクリプト・ローダ 改善さ

    tsupo
    tsupo 2009/10/27
    クライアント・ライブラリ: すべてのMicrosoft Ajaxコントロールは自動的にjQueryプラグインとして公開される / AJAX Minifier: JavaScriptファイル圧縮ツール / Visual Studio の IntelliSense が JavaScript でも使える
  • Dino Esposito による jQuery を使用したリッチ ユーザー インターフェイスの構築に関するコラム

    Cutting Edge jQuery を使用してリッチ ユーザー インターフェイスを構築する Dino Esposito 目次 jQuery UI ライブラリ サンプル シナリオ タブ付きペインを準備する ダイアログ ボックスを準備する ダイアログ ボックスを読み込む 表示前の初期化 データをコントローラにポストする Web をアップグレードする ダイアログ ボックスはグラフィカル ユーザー インターフェイスの基要素です。おそらくご存知でしょうが、ダイアログ ボックスにはモーダルとモードレスがあります。モーダルの場合、ユーザーがダイアログ ボックスの問いに答えるまで次の操作に進めません。ユーザーが単純にダイアログ ボックスを閉じると、ダイアログ ボックスによってトリガされる動作は何も発生しません。 Windows 開発では、ダイアログ ボックスはユーザーとアプリケーションとの対話型イン

    Dino Esposito による jQuery を使用したリッチ ユーザー インターフェイスの構築に関するコラム
    tsupo
    tsupo 2009/09/03
    jQuery を使用してリッチ ユーザー インターフェイスを構築する → jQuery による各種ユーザインターフェースの作り方。MSDN に jQuery の解説があるのが感慨深い
  • jQuery UI .dialog() method failing silently in IE6

    tsupo
    tsupo 2009/09/03
    jQuery を使って、yes/no ダイアログを実現する方法
  • How to Mimic the iGoogle Interface

    Unlimited WordPress themes, web templates, graphics & more! Unlimited asset downloads! Get Started

    How to Mimic the iGoogle Interface
    tsupo
    tsupo 2009/08/10
    iGoogle のように、ドラッグで各部品を自由に配置換えできる仕組み / 要: jQuery → 横方向のサイズが統一されていない(ただし、倍数にはなってる)場合でも使えるように拡張したの、ないかなぁ
  • solidstate.jp

    tsupo
    tsupo 2009/08/10
    iGoogleのような、ユーザーサイドで自由にボックスの位置を変更することができるスクリプト / jQueryを使用 → ボックスの位置によっては、微妙に動作が変になることがあるな
  • jQueryとGlimmerでインタラクティブコンテンツを作成

    jQueryとGlimmerでインタラクティブコンテンツを作成:jQueryで学ぶ簡単で効果的なAjaxの使い方(4)(1/3 ページ) いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ/プロデューサーも必見! Webサイトで重要なのは、顧客を囲い込む戦略 Webサイトで重要なのは、いかにリピーターを確保できるかどうかに掛かっているといっても過言ではありません。新規のユーザーは、広告さえ出せば瞬間的に獲得できます。しかし、継続的にサイトにアクセスしてもらうには、ユーザーにそのサイトを何度も訪れる“理由”が必要です。 もちろん、「Webサイトが、どのようなサービスを提供するのか」が最も重要な“理由”とならなければ意味がありませんが、Webサイトに何度も訪れたくなるようなちょっとした“仕掛け”

    jQueryとGlimmerでインタラクティブコンテンツを作成
    tsupo
    tsupo 2009/07/31
    インタラクティブコンテンツが作れる「Glimmer」
  • まずは、mixiアプリを使ってみよう、作ってみよう

    まずは、mixiアプリを使ってみよう、作ってみよう:基礎から分かる、mixiアプリ作成入門(1)(1/3 ページ) mixiのアプリ?それって何? 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi(ミクシィ)」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript+XML+HTMLCSSで作ります(やり方によっては、Flashなども使える)。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です(参考:「mixiアプリ」8月に正式公開 販売

    まずは、mixiアプリを使ってみよう、作ってみよう
    tsupo
    tsupo 2009/06/18
    mixiアプリの作り方を一度覚えると、ほかのOpenSocialに対応している環境であるgooホームやMySpace、iGoogle、Orkut、OpenPNEベースのSNSサービスなどにも簡単に応用できる
  • マイクロソフト、「Visual Studio」向けjQueryを提供へ:ニュース - CNET Japan

    Microsoftは米国時間9月28日、同社の開発者ツール「Visual Studio」と一緒にJavaScriptライブラリのjQueryを提供する計画を発表した。 Microsoftは、jQueryは「ASP. NET AJAX Control Toolkit」の上位コントロールの実装に使われるライブラリの1つで、新しいAjaxサーバサイドヘルパーメソッドでも役割を担うことになると述べた。15KバイトのjQuery JavaScriptライブラリは、フォークなしでそのまま配布され、ファイルはjQuery MITライセンスに準拠する。 さらに、Microsoftは、jQueryオープンソースプロジェクトのテスト、バグフィックス、パッチを提供するとともに、2008年中に製品サポートをjQueryに拡大すると述べた。 この発表は、Microsoftの開発者部門のバイスプレジデントであるSco

    マイクロソフト、「Visual Studio」向けjQueryを提供へ:ニュース - CNET Japan
    tsupo
    tsupo 2008/09/30
    jQueryは「ASP. NET AJAX Control Toolkit」の上位コントロールの実装に使われるライブラリの1つで、新しいAjaxサーバサイドヘルパーメソッドでも役割を担うことになる → jQuery を採用するんだ
  • twitterをタイムラインで一望、「Twittimeline」 リリース! | トリアエズぶろぐ

    一定期間更新がないため広告を表示しています

    twitterをタイムラインで一望、「Twittimeline」 リリース! | トリアエズぶろぐ
    tsupo
    tsupo 2008/02/01
    jQuery超初心者&初JSONの習作 → いきなり! / JSONに手を出すにはTwitterAPIは面白い教材 → そうですね、試しに使ってみるには手ごろなAPI
  • HTAのTwitterクライアント - とっくりばー

    FirefoxのTweetbarを使っていたけどサイドバーが占領されるのが嫌なのでスタンドアロンクライアントを作った。これ作ってる人世界中に3000人ぐらいいるよきっと。 XULRunner+XULでとも思ったけどいろいろ調べながらやるのが面倒なのでへたれてHTAでさくっと作った。jQueryの便利さにやられっぱなし。 ウィンドウの大きさをcookieに覚えるようになっててイカス(そうでもない)。 メッセージ抜け対策とかそういう面倒そうな事は一切無し。 一覧も「friends」しか表示しない。 追記:ver.2になってfriends, public, userを表示できるようになりました。 Tweetbarに勝っている点がひとつ。「Older」のリンクがある。(地味すぎる) httpリンクをHTAなら普通はIEで開くところ、Windows関連づけで開く。(またもや地味) でも自分で作ったカ

    tsupo
    tsupo 2007/07/18
    HTA で作ったのなら、iGoogle ガジェットとか、Yahoo! ウィジェットとかにも簡単に移植できそうな気が。超期待。
  • jQuery 開発者向けメモ

    jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

    tsupo
    tsupo 2007/04/06
    jQuery に関する情報を日本語で蓄積しているページ