Linuxのデスクトップとサーバーについて扱います。Githubにて公開しました。Pagesでデモを公開しています。このライブラリを使用したWebサービス「写真明るさ補正」を公開しています。ベースにさせていただきました。使っている方は、使い方が理解しやすいかと思います。追加したい機能もあるのですが(ワーカースレッド実装・画像変換アルゴリズムの選択肢など)、JavaScriptで画像の輝度・彩度を操作するには十分かと思います。サンプルページのコードを見ていただければわかると思います。大まかな流れとしては、ソース画像ファイル->Imageオブジェクト->Canvasハンドル+Canvasコンテキストハンドル->ImageDate(縦横サイズ+ピクセル情報)->ImageDateのdata配列(ピクセル情報)と変換してから本ライブラリにピクセル情報を操作させて、->変換済みdata(ピクセル情報)->ImageDate(縦横サイズ+ピクセル情報)->ImageDateをCanvasに描画となります。ここでは本ライブラリの引数について解説します。ソース画像のアルファチャンネルの有無」で、ソース画像の情報をbrightness機能に伝えます。「変換アルゴリズム」は、無指定ではデフォルトの関数を使用します。今のところひとつしか搭載されていないので、選択肢はありません。変換の強さを制御します。Brightnessでは、-100が最も暗く、+100で最も明るくなります。変換終了後に呼び出される関数を指定します。変換済み画像情報が、配列bufferとして、コールバック関数の引数に渡されます。通常は、画面再描画の関数を登録します。変換ソース画像を渡します。各ピクセルの色データがRGBA(またはRGB)順に並んでいるだけの、単純な1次元配列です。Canvasコンテキストのdata形式です。以下のようにして、画像を持っているCanvasから取得することができます。変換の強さを制御します。この引数は省略することができます。省略した場合、オブジェクト生成時に指定したデフォルト値が使用されます。元画像データ用に表示されないCanvasを用意する加工した画像だけ表示すればよく、元画像のデータは持っていてもブラウザ上に表示する必要はない場合があると思います。ページのHTMLに書きこんでhiddenなどで隠すこともできますが、JavaScript側だけで使うCanvasをHTMLに持たせるのはあまり好ましいとは思えません。下記の方法により、ページ上に存在しないCanvasをJavaScriptで作成することができます。シューズを買いました。メインの靴がアシックスウォーキングで街歩き用なのですが、これまではこれで高尾山などの軽い山も登っていました。今回、靴底があまりに摩耗したこともあってアシックスウォーキングを買い替えたのですが、ついでに消耗が激...100均の液晶保護フィルムを13インチのノートPCに貼ってみましたノートPCの液晶保護フィルムが100円で買えるなんて、良い時代になりました。ダイソーに行ったら、ノートPCで使えそうな液晶保護フィルムがあったため、衝動的に購入。A4サイズと書いてあります。(HTMLでPOST、そしてhidden)formでユーザの入力やファイルを送信する際、IDを付与したり、送信した情報を紐付けるか、などの情報を一緒に送信したい場合があります。その場合、ID情報はブラウザに表示しないのがベストです。ユーザに見せたり、編集してもらう必要はありません。オルタネイティヴは数あれど、小さな実験プロジェクトを始めるときに、簡単に使えるMakeは未だにビルドツールとして有力な選択肢だと思います。MakefileはUNIX環境、というかCLIツール群があることを前提にしているところがあります。