jQueryの基本的な書き出し比較とまとめ

2015/11/17 JavaScript/jQuery  このエントリーをはてなブックマークに追加
社内でJavaScript職人の地位が確立されてきた僕です。
元々コーディング大好きマンなので楽しい限りです。
PHPを忘れそうですがw

今回は後輩(デザイナー)から、jQueryの書き出し(書き始め方?)が色々あってよくわからないと言われたので、比較とまとめをしていきます。
おそらく、後輩に限らず、デザイナーやコーダーの方がよく使うものは下記辺りではないかと。印象も参考までに載せておきます。


1)$(function(){...});←多分1番使う

2)$(document).ready(function(){...});←次によく使う

3)jQuery(function($){...});←あまり使わないけど、検索したら見かける

4)jQuery(document).ready(function($){...});←WordPressでよく見る

5)(function($){...})(jQuery);←使わないけどプラグインの中に書いてある


こんな感じらしい。
おそらく日常的に使っている人でも、正確に比較と説明ができるという方は少ないかもしれません。わからなくても書けますし。順に解説します。

Chart.jsの棒グラフ(Bar)で、数値(data)を常時表示にする方法

2015/11/10 JavaScript/jQuery  このエントリーをはてなブックマークに追加
Chart.js

Chart.js

かわいい感じのグラフをcanvas上に生成してくれるChart.js。
以前「Chart.jsの円グラフ(Pie)で、項目名(label)を常時表示にする方法」という記事を書いたのですが、質問が来ました。


「bar chartでもデータをグラフ上に表示させたいのですが同じやり方でしょうか?」


残念ですが全く別です。


しかも棒グラフの方がややこしいです。何でこんな仕様にしたのか、開発者に問いたい……まぁなんとなく理由はわかりますが。ということで、質問への回答ということで、今回は棒グラフ編です。

続きを読む >>