monospace blog

なにができる？

ふと思いついたので息抜きついでに、Twitter のカラーテーマを自動生成するブックマークレットを作ってみました。

どういうものかと言いますと、Twitterの設定画面に行ってデザインのタブのところに行くと、テーマを選択したり、背景を選択したり、色を設定したりする部分があるんですが、今回はその色を設定する部分を自動的に設定してくれるような代物です。現状だと、5箇所の色を設定できるんですが、5色も選ぶのって実際のところ、ものすごくめんどくさいです。そんなときに適当な配色を試してみて、その中から選べたら便利だと思ったのが今回作ったきっかけです。そこから1色だけは自分で設定とかしてもいいし。

COLOURlovers は、デザインするときとかに、お世話になったりするとても便利なサイトなんですが、ちょうどここが5色セットのパレットを API で提供してくれてるんですよね。今回は、この中の、ランダムで1パレット返す API を使ってます。

使い方

↓のブックマークレットをブラウザのブックマークバーあたりにドラッグして使ってください。ブックマークレットがなんたるかとかの話はグーグル先生に聞いてください。

Twitterカラージェネレータ

• このブックマークレットを、 Twitterのデザイン設定ページ (ログイン必要)へ行って実行します。
• 右上の方にメニューっぽいものが出るので、まずは、「Generate」をクリックします。
• そうすると、 COLOURlovers の API からもらったパレットを使って生成された配色にデザインがかわります。
• 「Randomize」をクリックすると、現在のパレットをシャッフルして色の配置を変更します。(説明しにくい…)
• 気に入る色が出るまで、Randomize したり Generate したりしてみてください。
• 気に入った配色になったら、Twitter側で「保存する」ボタンを押して完了です。

世界進出のためにメッセージなどは全部英語になってますが、特に難しい機能とかないので気にしないでください。ちなみに、背景画像を設定していると表示がおかしくなるので、背景画像はなしにしたほうがいいかもしれません。

そんなわけで

同じパレットでも配置を変えると雰囲気がガラっとかわったりするので、Randomize 機能は割と使えます。Generate は、Webアクセスが発生するので、連打するとうちのサーバが死ぬかもしれません。COLOURlovers は、JSONP できないっぽいので、うちのサーバでプロキシしてます。

ブックマークレットを作ること自体が初めてですが、 Twitter が jQuery を使っててくれたおかげでかなり楽ができました。 Javascript のソースは割とどうしようもないので、ちょっと勉強しようかなという気になりました。

あ、 Twitter の ID は、 pateo です。