Panda Noir

JavaScript の限界を究めるブログでした。最近はいろんな分野を幅広めに書いてます。

jQuery

jQueryでむりやりFluxをするとどうなるのか?

結論: 非常に辛い。なぜならFluxの恩恵はコンポーネント化によってもたらされるから。 jQueryのコードが汚くてつらい こちらをご覧ください。jQueryで作ったカンタンなアプリのコードになります。 <title>jQuery</title> <script src="https://pandanoir.net/js/jquery.slim.min.js"></script> <script src="socket.io/socket.io.js"></script> <script> jQuery($ => { const socket = io(); l…

jQueryを使うときに安易にアロー関数を使ってはいけない(戒め)

タイトルは半分ネタですが、かなり陰湿なトラップに引っかかってしまったので記録として残します。

jQueryを(多少は)マシに書けるFWを作った

jQuery、遊びツール作る分には重宝するのですが、やはりこのレベルでもつらく感じるのでフレームワークを作ってみました。

jQueryを使うべき2つの理由と使わないほうが良い3つの理由

(この記事はQiitaで僕が書いたものを移行した記事です。記事中のコメントはQiitaの該当記事を参照ください) 追記: 個人的にそろそろ脱jQueryが来てもいいんじゃないかなと思い書いた記事です。 まあ読むとわかりますが、趣旨は「jQueryの悪いところAngularな…

かなり重たいアニメーションを表現する荒技

jQueryやCanvasの登場によりアニメーションをつけることは一般的なものとなりました。しかし、スマートフォンのようにスペックの足りない端末ではアニメーションができないことがあります。しかし、一歩引いてみると解決策が見えてくることがあります。

Shuffle Letter Effect というjQueryプラグインがかっこいいです。

デジタルな感じでとってもかっこいいです。まあ、そう感じるのは私だけで他の人は空港の掲示板じゃんと思うかもしれませんが

jQueryのバージョンの取得方法

自分が使っているjQueryのバージョンが知りたくなるときがありますよね?そんなときにつかえるスニペットを作ってみました。

jQueryのpreventDefault、stopPropagationのエイリアスの作り方

jQueryのclickイベントなどで、よくevent.preventDefault()やevent.stopPropagation()を使います。でも、長くてうつのたいへんでした。そこで、短いエイリアスを作ってみました。

JavaScriptの動作テストをしてみたい人へ!QUnitを使ったwebサービスのテスト方法 (2/2)

では2回目です。 今回は始めっからテストしていきます。

JavaScriptの動作テストをしてみたい人へ!QUnitを使ったwebサービスのテスト方法 (1/2)

今回はQUnitを使ったテストの方法をのせたいと思います。 意外に検索しても出てこないんですよね。ほぼ自己流で完成させました。 Snowballを元に解説を進めていきたいと思います。

jQueryのセレクタにおいてidとclassでなぜ速度が違うのか

jQueryのセレクタでは、$("#hoge")(idによる指定)のほうが$(".hoge")(classによる指定)よりも高速です。 なぜでしょうか?どちらも似ているのになーと疑問に思う人、意外と多いと思います。 実は、このふたつには大きな違いがあるのです。

あなたのwebサイトの体感速度をグッと早くする!LABjs

こんにちは。 いま、わたしはPandanoirでLABjsというライブラリを使っています。 これを使うととてつもなく体感速度があがります。Webwaitではかったら毎回およそ0.3秒でした。 本家が英語でわけわからなかったです。 しかし、とりあえず動いているので、動…

外部のクリックを感知するjQueryプラグインjquery.skOuterClick.js

DLはこちらより このプラグインは、要素の外部のクリックを感知します。 仕組みもなかなか面白いです。

必見!inputタグの装飾を簡単にするjQueryプラグインjquery.css3form.js

今回は、jQueryプラグインで、とても便利なものを見つけたのでご紹介を。 いつもならinputタグをcssで装飾をしようとすると、とても難しいです。 しかし、そのinputタグをaタグで置き換える事により、とても簡単にしてくれます。

周期表をバージョンアップさせて、高機能にしました。

周期表をバージョンアップさせました。 以前とは比べものになりません。というか、以前がダメすぎでした。

jQueryでマウスイベントを使っていてはまったこと

jQueryでクリックされたときに、altKeyが押されているかどうか判定するときに、はまってしまいました。 結構時間がかかってしまったので、みなさんが私の二の舞にならないように書きます。

セレクタの誤動作っぽいもの

jQueryをいじったらなぜか動かなくなってしまい、原因を探したら、意外とみおとしていたところにありました。案外おこるきがするので書きます。

jQueryでfindとうまくつきあう方法

jQueryでは、findというものがあります。 よくjQueryのパフォーマンスをあげるときに使います。 findはとても便利です。 しかし、さらにうまく使う方法を見つけたので書いておきたいと思います。 (もう常識みたいになっている??)

よりコードの無駄を省けるようになった「CSS Compressor」

CSS Compressorを更新しました。 追記:CSS CompressorはSnowballになりました。

時間電卓を見直したら大変なことがわかりました

時間電卓を見直してみたら、1KBもコードが減りました。

素因数分解のアルゴリズム変えました。

いままでは、引数と比べてみて、素数の数字かどうかで判別し、その表になかったらその数より小さい数で割って全部で割り切れなかったら素数のようなことをしていました。 (引数==3 || 引数==5のような感じです。) でも今回修正をして、素数かどうかの表をあ…

difff

difffというサイトがとてもコードを書くときに便利だから紹介したいとおもいます。 まずdifffとはなにかについて。 difff(デュフフ)とは、文章比較ツールです。 よくわからない人は一度いってみてください。 例文がのっているのでそれを比較してみると分かると…

DLタグのテーブル問題

DLタグを使うとテーブルタグなしでテーブルを作れます。 (作り方は今回の本題ではないので気になる方は調べてください) しかし、このDLテーブル、問題があるのです。

CSS3グラデーション作成時重宝する相対色メーカー作りました。

相対色メーカー作りました。相対色とは、ある色から相対的な色のことです(命名・私)。