JavaScriptで画像処理するなら「Jimp」が便利 | 綺麗に死ぬITエンジニア
現在JavaScriptは、ブラウザで使用されるのはもちろんのこと、サーバーサイドでWebサーバーとして動作したり、はたまた開発者のPCで各種開発ツールとして動作したりしており、様々な場面で利用されています。 そこで今回は、そのどちらでも使える、Node.jsとブラウザJavaScriptの両方に対応した画像処理ライブラリ「Jimp」を紹介したいと思います。 「Jimp」とはJimpは、外部またはネイティブの依存関係が全くない、完全にJavaScriptで記述されたNode.js用の画像処理ライブラリです。ライセンスはMITライセンスで、オープンソースで開発されています。 以下のnpmコマンドでインストールできます。 var Jimp = require("jimp"); // "lenna.png"を開く Jimp.read("lenna.png", function (err, len
コードを画像ファイルに埋め込んで難読化
WebサイトのJavaScriptは丸裸です。Webブラウザーには、JavaScriptのコードを見たり、実行を止めて一行ずつ実行するステップ実行の機能が付いています。そのため、容易に何がどのように実行されるのかを調べることができてしまいます。そこで、JavaScriptの処理を隠すために、難読化が行われます。 前回は、変数名や関数名を無意味なものにして、プログラムを読みにくくする難読化について紹介しました。今回は、少し趣向を変えて、画像ファイルの中に、JavaScriptのプログラムを埋め込んでしまうというテクニックを紹介します。 画像にプログラムを埋め込む方法 ちなみに、本連載では、以前にも、PNGファイルの中に、データを埋め込むという手法を紹介しました（関連記事：PNGファイルに重要データを埋め込むツールを作ろう）。 ただし、その際は、JavaScriptの実行環境Node.jsと専
jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery
jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery 昨今Tori's Eyeのように要素をJavaScriptで動かしているサイトを多くみます。 今回はjQueryを使用して要素を動かす方法を紹介します。 via：Crafting an Animated Postcard With jQuery sponsors 使用方法 サンプルのようなアニメーションを作るには以下のようなhtmlを記述します。 使用するファイル一式はCrafting an Animated Postcard With jQueryからダウンロードしてください。 <div id="content"> <div id="sun"><img src="images/sun.gif"/></div> <div id="cloud1"><img s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
