予告通り、このチャートをSVGで書き直しました。 前バージョンとは違って、マウスオーバーするとTooltipが出て数字がわかるようになりました。 作ってみた感想: グラフはSVGで作ったほうがいい。但しcanvasより面倒。 SVGで円弧を描くのはなかなか大変。。。…

ドーナツ型チャートに特化したjQueryプラグインを試しに組んでみました。 Chart.jsのソースを大いに参考にさせてもらいました。 (Chart.jsは読みやすくてお勧めです)・初期段階でドーナツ状のグラフが通るレールを予め描画するようにした。 ・色つきグラフ部…

結論から。 iOS6から可能になった、ファイルをアップロードするinput type="file"ですが、 表題にもあるように、PNGを送信する前に強制的にjpegに変換されてから送信されるようです。今のところ解決策は見つかっていません。 ※iOS7は未確認。解決してるとい…

PC向けだけに作製していた画面を、 スマホ向けに修正していた時にぶち当たった問題。 解決したので共有します。Android2.Xでだけ、JavaScriptの特定の行でParseErrorが起こって、 それ以降のスクリプトが読み込まれないという現象が。。8/2発表の最新の統計…

jQueryを使っているサイトで、以下のことをやりたいときにどうすればいいのか、調べてみました。 ・特定要素にmouseenterした時に、別途作ったプルダウンで情報を出したい。・そのプルダウン内には、マウスオーバー時にDBへAjaxでリクエストし、動的に取って…

お世話になることの多いNETTUTSで、jQueryのDOM検索効率化を上げるためのTipsが紹介されてました。 Quick Tip – jQuery Newbs: Stop Jumping in the Pool 内容はすっごく基本的なことなのだけど、 filter()の便利な使い方について言及されてたので自分用メモ…

よくFlashサイトなどで見られる、写真をフルスクリーンに表示する機能をJavaScriptで実現するjQueryプラグイン、"jquery.maximage.js"。 そこそこ軽くて、おせっかいな機能もあんまりついてない、お気に入りのプラグインです(スライドショー機能はクロスフェ…

iPhoneやAndroid向けのサイトを簡単に作れるフレームワークと言えば、最近話題のSencha TouchとかjQuery Mobileとか、いろいろありますが。動作が速くてjsコードも短め、手軽に実装できるのはやはりjQTouchなのではないかと。最近jQTouchの担当者がSencha To…