ブラウザ上での作業が少しラクになる便利なブックマークレットについて紹介しようと思います。 今回はカラーコードを変換するブックマークレットを作成しました。 ブラウザのブックマーク(お気に入り)に簡易的なスクリプトを登録しておき、ブックマークをクリックすると実行できるjavascriptの実行方法の一つです。 登録方法は下記のページを参考にしてください 16進数→10進数 javascript:var r,g,b,input=window.prompt("カラーコード","#ffffff"),d=input.replace("#","");switch(d.length){case 3:r=htod(d.substr(0,1)+d.substr(0,1)),g=htod(d.substr(1,1)+d.substr(1,1)),b=htod(d.substr(2,1)+d.substr(2,1)),alert(input+" -> "+r+"."+g+"."+b);break;case 6:r=htod(d.substr(0,2)),g=htod(d.substr(2,2)),b=htod(d.substr(4,2)),alert("変換結果\n"+input+" -> "+r+","+g+","+b);break;default:alert("正しいカラーコードを入力してください。")}function htod(t){return parseInt(t,16)} 10進数→16進数 javascript:var r,g,b,input=window.prompt("カラーコード","255,255,255"),d=input.replace(/ /g,"");d=d.split(","),r=Number(d[0]).toString(16),g=Number(d[1]).toString(16),b=Number(d[2]).toString(16),alert("変換結果\n"+input+" -> #"+r+g+b);
ブックマークレットとは
登録方法（使い方）
作成したブックマークレット
私達は京都でNo1のデザイン力・UI力を目指す
システム開発・Web開発カンパニー
株式会社なないろです。
各種CMS、企業サイト、キャンペーンサイト、顧客管理システム、IoTシステムなど幅広いITソリューションを優良なデザインとUIで、SEOソリューションをあわせてお客様の目標達成を行う企業です。
Laboratory
なないろ研究所
⼈と⼈をつなぐコミュニケーションをもっと世の中に。
それが私達が⾏うこと。
なないろ研究所では日々、様々なことをリサーチし、実験しています。
コミュニケーションの流通をお手伝いするために、日々様々なリサーチを行い、分析し、時に実験しております。
そんな日々の活動内容においてログをつけております。
このような情報共有が、我々が考えるコミュニケーションの一つの形です。
2018.12.13
