世界一かんたんに実装できるJQueryカラーピッカー「JSColor」
とあるシステムでカラーピッカーを実装したいケースがあったので、JQueryで探して、いくつか実装テストを試した。
しかし、どれも複数のJavaScriptファイルやCSSファイルを読み込む必要があり、しかもimgファイルの場所も別フォルダにあったりすると、既にあるシステムには組み込みにくい。
今回紹介する「JSColor」はそんなことを考える必要がないくらい、かんたんに設置できて、機能も充分なものだった。
カラーピッカー
インプットタグをクリックするとカラーピッカーが出てきて、色を選択できる。もちろん直接カラーコードを入れることもできる。
設置方法
1.ファイルをダウンロード
JSColor公式サイトから、ファイルをダウンロード。
開いてびっくりのシンプル構造。なんと入っているのはこれだけ。
2.設定
JQueryファイルを読み込んだ上で、次にjscolor.jsを読み込む。
<script type="text/javascript" src="jscolor.js"></script>
そして、適用させたいインプットタグに
<input class="color">
のようにクラスを指定する。
これだけで設置が完了してしまう。
フリーランスエンジニアの稼ぎ方
PROFILE
プロフィール
自分が作ったサービスで生きていく。同じゴールを目指すサービス開発集団「入江開発室」を運営（現在約280名） / 個人間スキルシェアサービス「MENTA」は1ヶ月と10日で売上100万円を達成。1日で100社が利用した「JobTag」など多数開発
（詳しいプロフィール）
PRODUCT
イリテクで開発したプロダクト
RELATION
関連する記事
【jquery.floathead】テーブルのヘッダーを固定してスクロールできるようにする方法
tableで行数が多いと下の方に行った時にヘッダー（見出し）が見えなくなります。そうすると、また上に戻ってヘッダーを確認しなければならず不便...
サービス開発におけるニセの「顧客像の罠」にはまらないために
サービスを作る際に、マーケティング用語で「ペルソナ」を作ろうということをよく聞きます。ペルソナとは、サービスを提供する時の判断基準として使う...
Appleのデベロッパー登録（法人）のために、DUNSナンバーを取得する方法
法人でAppleのデベロッパー登録をするにはDUNSナンバーが必要になります。これを取得しないことには先に進めないので、ちょっと面倒。 (さ...
プロダクトを継続して使ってもらうためには、初回の印象がとっても大事！
CLOUD PAPERのここ30日間の無料登録アカウントは20件でしたが、そこから有料プランへの加入はありませんでした。これはマズイ...。...
顧客の要望通りにシステムを作ったのに「使いずらい」と不満が出るのはなぜか
「お客様は神様です」というように、 お客様の要望に答えることは美徳とされてきました。 しかしなんでも要望をきくことはお客様のためになりません...
