いよいよ正式版が登場！ jQuery 3での変更点と前バージョンからの移行のポイント
何が変わったか（概要） jQuery 3.0では、非推奨としていたAPIやドキュメントになかったAPIを削除したり、全体的にAPIを整理してバグを修正しています。また一部のAPIでは、大きな仕様変更があります。既存のコードを動作させる場合には注意が必要ですので、まず移行プラグインをバージョンアップ対応ツールとして使って、影響具合を確認することをお勧めします。 なお、jQuery 3.0での特に大きな変更点は、次のとおりです。 バージョンの1本化 Deferred機能が「Promises/A+」仕様に準拠 非推奨のload、unload、errorを削除して、onメソッドに統一 カスタムセレクタの高速化 既存コードからの移行 既存のコードを移行できるように、Ver3用移行プラグインがリリースされています。このプラグインでは、影響のあるコードに対して警告がブラウザのコンソールに表示されますので
ygoto3.com
現在開発担当している AbemaTV で、昨年末にパナソニックさんのスマートテレビ VIERA 向けにアプリケーションをリリースしました。AbemaTV リモコンボタンで AbemaTV にアクセスできます。今回このアプリケーションの UI を開発するにあたって、新しいデザインワークフローを導入しました。 本記事では、 Story-Assured Design というデザインワークフローを、現在プロダクト開発で直面しているデザインの課題とともに紹介します。 Story-Assured Design とは？ Story-Assured Design はその名前が示しているように、ユーザーストーリーを保証することを目的とした UI デザインのワークフローです。UI デザインを３つのステップに分けて行います。 ストーリーデザイン デザインの構造化 視覚情報デザイン 一番重要なユーザーストーリーの
今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第３弾 週末ランサーズ に参加して個人的に今アツい AngularJS について話してきました。 AngularJS は ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態（要素の追加・削除や、状態のon/off など）を制御すればそれに合わせて view の表示はすべて AngularJS がやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが（これは directive と呼ばれます）、この ng というのは AngularJS の２文字目と３文字目を表
jQueryのFlexigridのflexOptions、paramsについて - 電脳徒然日記
今更ながらにFlexigridです。 データロード時に任意のパラメーターをサーバーサイドに 渡す方法が見つからなかったのでまとめてみました。 flexOptions、paramsはあまり使われていないのですかね。 以下のような画面で入力された内容を元に データを絞り込んで描画するというケースは多いかと思います。 Flexigridのデータロードも$.ajax関数で行っているので dataに値を渡せれば良いわけです。 Flexigridにはparamsがあり、これがdataへの受け渡し口になっています。 paramsにはflexOptionsで値をセットします。 [今回のポイント] ・flexOptions ・params ・onSubmit JavaScriptの記述は以下のようになります。 なお、今回の記述ではsetLoadParamsが2回実行されます。 通常はonSubmitだけの記
JQuery popup appearing under some map elements
Pretty new to both JQuery and OpenLayers. Everything was going swimmingly until I've tried to open a modal dialog using JQuery's dialog class. The dialog works fine except it appears under certain elements of the map: This is the same in both Opera and Chrome (Not tested others). Can anyone suggest a way to fix this? Thanks. EDIT: I've created a fiddle here that demos the problem. HTML: <body> <di
昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー
ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう･･･なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々･･･というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹
jQuery 2.0 Released | Official jQuery Blog
You asked for it, you got it: jQuery 2.0 has arrived! As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. In return it is smaller, faster, and can be used in JavaScript environments where the code needed for old-IE compatibility often causes problems of its own. But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8. You can
HTML5 × CSS3 × jQueryを真面目に勉強 – #17 Bootstrap をカスタマイズしてオリジナルテーマを作ってみた | DevelopersIO
トレンディ且つナウい Web ページを構築するための CSS フレームワーク（※枠組み）です。フレームワークというとなんだか大袈裟な響きですが、実態は単なる CSS と JavaScript という２つのテキストファイルだけで特別な使い方等もありません。利用者はこれらを HTML ファイルに読み込ませたのち、Bootstrap 側で既に定義済みのクラスを各 HTML 要素に指定するだけで、自分は一行も CSS を書くことなく高品質な Web ページが作れてしまったりします。 Twitter Bootstrap うろ覚えですが、2011年の夏頃に最初のメジャーバージョンがリリースされました *1。当時 Twitter のエンジニアで現在は Github にお勤め中の Mark Otto 氏によって開発され、2013年4月時点ではバージョン2.3.1が最新版となっています。またバージョン3.0
jQuery UI Touch Punch - Touch Event Support for jQuery UI
Tested on iPad, iPhone, Android and other touch-enabled mobile devices. jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser wil
jquery.ui.datepicker.jsに最小限の手を加えて年月選択UIを作る at softelメモ
日付入力、カレンダー入力をしたいときは jquery.ui.datepicker.js。 では、年月入力ができる機能が欲しいときはどうしましょう。 → jquery.ui.ympicker.js デモ 今回は、jquery.ui.datepicker.jsを 改造して作る例をご紹介します。 元が jquery.ui.datepicker.js なので、オプションなどもほぼそのまま、動きもだいたい似ています。 名づけて jquery.ui.ympicker.js。 以下、調理方法です。 １、材料 jqueryuiのダウンロードページから一式ダウンロードする。 ダウンロードしたzipファイルを解凍し、中身から、開発用の元のソース（development-bundle/ui/jquery.ui.datepicker.js）を使う。 ２、名前を変更する お好みの名前にしていただいてよいですが、ここ
jQuery UI Tabsのメモ - ×××Diary
jQuery UIのTabsを使ってみたのでいろいろメモっておく。 本エントリーで扱ってる項目 デフォルトで開くタブをセットしたい 別のタブへ切り替えたい１ 別のタブへ切り替えたい２ タブの上をマウスオーバーしたら切り替えたい タブの順番をドラッグで入れ替えたい タブの順番をドラッグで入れ替えたい(cookieで順番記憶してみた) ■デフォルトで開くタブをセットしたい ⇒selectedに開きたいタブの数字(0以上)を指定する ・サンプルでは、デフォルトのタブ指定方法を示します。 【動作確認用】→Demo <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sample</title> <link type="text/css"
blog.cuegraphix.com - jQueryのFlexigridを使ってみた
データを簡単にテーブルにフォーマットしてくれるjQuery プラグイン Flexigrid を使ってみた。 Flexigrid http://www.flexigrid.info/ Google Code http://code.google.com/p/flexigrid/ DBから吸い出して管理画面などでさくっとテーブルにしたい場合に非常に便利！ 具体的にどんなことができるのかはマイコミジャーナルさんの記事がわかりやすいのでリンク わずか数行で”ものすごいテーブル”に! – jQueryプラグイン「Flexigrid」 ただこのプラグインあまりリファレンスがない・・・ jsを開けばオプションは一目瞭然なのだが、自分メモとして残しておきます。 オプションパラメータ一覧 UIパラメータ width テーブルの横幅。数値もしくは auto が利用可能。auto に設定した際は横のリサイズは無
flexigrid.info
flexigrid.info 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
blog.cuegraphix.com - jQueryのFlexigridを使ってみた(2) データ成形編
前回 Flexigrid のパラメータのメモを残しましたが、表をHTMLに表示する際、データベースのデータをそのまま表示するのではなく、表示用に変換させてから表示するという場合が少なくありません。 たとえば表に画像を表示したり、詳細ページのリンクを張ったりと。 出力する JSON なり XML 自体を変換して出力してやれば済む話なんですが、タグをそのまま出力するのでエスケープ処理をさせたりしなくちゃならない。 なんとなくここまできたら表示部は表示部で分離させたい！となりました。 で、いろいろ模索してると見つけました！ パラメータに preProcess というメソッドを指定することができ、データ取得時の表示直前に全読み込みデータを引数として渡されます。 たとえば下記のようなデータを読み込むとします。 { page: 1, total: 5, rows: [ {id:'1',cell:['1
Shibu's Diary: 「flexigrid meets Django!」
渋日記@shibu.jp 渋川よしきの日記です。ソフトウェア開発とか、ライフハックを中心に記事を書いていきます。 最近はJavaScriptのライブラリとしてはもっぱらjQueryを使ってます。少ない行数でシンプルに書けるのがよいです。そんなにJavaScriptは得意じゃないのと、Pythonが好きということもあり、コードがシンプルに書けるのところが気に入ってます。jQueryはプラグインが何種類もあるのですが、その中で、少ない行数でソート機能、検索機能などいろんな機能を持った表を作成できるのがflexigridです。使ってみたのでメモをまとめてみました。 まずは関連ページ。 本家・・・だけど今は繋がらず 日本語での紹介。わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 本家サイトがつながらないので、アーカイブページ 英語のサンプル まずflexi
jQuery UIのDatepickerでカレンダーから楽々日付入力
フォーム入力で日付を扱うことあると思いますが、数字だけの割にはいろいろと制御が面倒な部分でもあります。 入力フォーマット、年・月・日の制御など、作る側としてはかなり見えない部分の仕事が増えます。 入力するユーザの立場としても、フォームがドーンとあっただけでは入力に迷いますし、こういう局面ではカレンダーなどで曜日や日にち間隔を確認しますよね。 この両者の不便さを解消する方法として、jQueryのプラグインである「jQuery UI」の１機能、「Datepicker」で解消できます。 Datepickerを使用することで、フォームへの日付入力の際、カレンダーを表示して入力補助をするインターフェースを、簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無効なURLです
http://daily.d3js.info/?p=296
GitHub - stefangabos/Zebra_Datepicker: A super-lightweight, highly configurable, cross-browser date time picker jQuery plugin
http://www.designwalker.com/2009/09/jquery-table.html
