[B! JavaScript][jQuery] f-sugerのブックマーク

混沌を極める jQuery のコードをいかにして Vue.js に頼らずに整理したか - Qiita

序師走ですね。年の瀬が近づいてくると、酔っ払った元社員に絡まれることが稀によくあります。私は jQuery から Vue.js への置き換えで何をやらかしたのか - Qiita 可能ならいきなりフロントエンドのライブラリを導入するよりも jQuery のみで MVVM パターンへ移行したほうがよかったかなぁと今になると思います。　結局のところ、jQuery で苦しんでいたのは、複雑な「状態」が表示やイベントハンドル系のコードとごっちゃになっていたからです。うん、分かる。当時、この取組みを「大変そうだなー」と思いながら横で眺めていました。まさか、続きを自分でやることになるとは夢にも思っていませんでしたが(｡◉ᆺ◉) ごあいさつどうも、 @cesare と申します。クラウドワークスでサービスの開発や運用を手がける傍ら、たまに機械学習とか VR とかに手を出して遊んでいます。この

f-suger 2019/02/21

リンク

範囲指定でチェックするjQueryプラグイン｜株式会社エン・ＰＣサービス - 東京都台東区蔵前のウェブアプリ・システム開発、ウェブサイト制作会社

Windowsのような操作で、チェックボックスをshiftキー範囲指定でまとめてチェック/解除できるjQueryプラグインです。複数のチェックボックスを１つ１つポチポチするのが面倒と思い、範囲指定してまとめてチェックできるようなものを作ってみました。 jQueryプラグインの勉強がてら作ったものです。ご参考まで。概要複数あるチェックボックスを、WindowsのようにShiftキーで範囲選択&チェック出来るJavascriptです。jQueryが必要です。ベースは SANsoft様サイトにて公開されていたものです。チェックボックスの塊（グループ）が１つであれば動作したのですが、グループが複数あるときにうまく動作しなかったので、それを改良したものです。範囲選択の挙動が若干しっくりこなかったので、そこも改良しています。まずは、次のサンプルで動作をご確認下さい。動作サンプルグルー

f-suger 2013/03/20

リンク

Canvas を使ってみんなもお手軽に弾幕作ろうぜ！！ - 其の壱 - - 凹みTips

はじめに勉強がてら Canvas を使ってなにか作りたいなーと思いまして、昔作っていた STG のドット素材を利用して、簡単なマルチタッチ対応 STG を作ってみました。だんまくてすと触った指の数だけゆっくりが出てきます。マウスでもプレイ出来ます。死んだらクリックで復活します。作成の過程で学んだことなどを共有できればと思い、簡単にまとめてみました。解説は何回かに分けて行おうと思います。今回は、N-Way 弾が画像で出せるところまで書いてみました。あ、ちなみにタイトルではこんなこと言ってますが、ぶっちゃけ重いので弾とかエフェクトを1000個とか結構辛いです(´・ω:;.:...。勉強に使った場所 Canvas - HTML5.JP 今更聞けないcanvasの基礎の基礎 | tech.kayac.com - KAYAC engineers' blog canvasでキラキラした背

f-suger 2012/05/28

リンク

QUnitの基本的な使い方 - but hopeful

[追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un

f-suger 2012/05/14

リンク

データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…

SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を