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
Clusterize.js
<!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <div id="scrollArea" class="clusterize-scroll"> <table> <tbody id="contentArea" class="clusterize-content"> <tr class="clusterize-no-data"> <td>Loading data…</td> </tr> </tbody> </table> </div> </div> <!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <
2017年はNode.jsの達人になる！いま知っておきたいベストプラクティス10
前回の記事『10 Tips to Become a Better Node Developer in 2017（達人に学ぶ、優れたNode使いにレベルアップするための10のヒント）』では、いますぐ使える10個のNode.jsのヒントやテクニックを紹介しました。この記事もそれに続いて10個のベストプラクティスを紹介し、Nodeのスキルを次のレベルに上げられるようにしたいと思います。 以下が今回紹介する内容です。 npmスクリプトを使う：bashスクリプトを使わず、npmとNodeのスクリプトを使ったほうが管理しやすい（例：npm run build、start、test）。Nodeの開発者が新プロジェクトに取り組むには、npmスクリプトこそが唯一の真実 環境変数（process.env）を使う：process.env.NODE_ENVを、development（開発）あるいはproducti
grunt-usemin - アカベコマイリ
仕事の Web フロントエンド開発でファイル構成を以下のように管理したくなった。 jQuery や normalize.css などのライブラリと自作部を分ける 開発用 HTML では素の JavaScript、CSS を参照 リリース用 HTML では複数の JavaScript と CSS を結合 & Minify したものを参照 リリース用のファイル構成には必要最小なものだけが含まれるようにする この要望を満たすのに grunt-usemin がよい感じだったので使い方をメモしておく。 あと別件で Yeoman を試してみようとしたが構成要素である Grunt や Bower の理解が浅くファイル構成で混乱したので、今回の記事ではこれらに慣れるため素で使ってみる。 開発用ファイル構成 開発用のファイル構成はルート部分に HTML を配置。そこから参照されるものがサブ フォルダになると
Angular JSの良質チュートリアルまとめ - Qiita
随時更新中 日本語によるAngularのTips別チュートリアル AngularJS's tutorial ・とても丁寧に作りこまれていて、わかりやすい 公式チュートリアル AngularJS ・基本困ったらここ Yeomanのチュートリアル Step 10 ・かなり質が高い。 ・自分がチュートリ作る際にも参考になる。 angular-local-storage GitHub Demo ・上記のチュートリで使われるモジュール Further Reading THE PAST, PRESENT & FUTURE OF LOCAL STORAGE FOR WEB APPLICATIONS ・これは英語だけどかなりおすすめ ・Local Storageの背景とかも理解できた MongoDBも接続したい YEOMANを使ってMEAN（MongoDB + Express.js + Angular.j
IntelliJ IDEAのFile Watchers機能でTypeScriptコンパイラ（tsc）にパスを通す方法 - 448.jp blog
こんにちは、沖です。 昨日書いた翻訳記事「WebStorm 6におけるTypeScriptのサポート」に対して、「非CUIユーザーのために「tscコンパイラへのパスをWebStormに提供する」方法を詳しく教えてほしい！」とコメントをいただきましたので、その方法を説明する記事を書きます。 私の環境は、以下の通りです。Macの人は、コマンドプロンプトをターミナルに置き換えるなどして読んでください。 Windows 7 Professional 64bit IntelliJ IDEA 12.1.1 IntelliJ IDEAは、WebStormやPhpStormの上位版ですが、今回の内容は下位製品でも同じ手順でいけるはずです。 なお、WebStormには最初からFile Watchers機能が入っていますが、IntelliJ IDEAには入っていませんので、Settings -> Plugin
Highcharts Demos and Examples | Highcharts
DefaultBrand LightBrand DarkDark UnicaSand SignikaGrid Light
3つのMVC系人気フレームワーク、Backbone.js／AngularJS／Knockout.js ［スライド＆動画］
それぞれのJavaScriptフレームワークに詳しい3人の講師が、30分ずつ、フレームの概要や基本的な使い方を紹介。その後の10分ほどで、それぞれの講師への質疑応答や、それぞれのフレームワークの機能比較や意見交換を行うパネルディスカッションを実施。 ［Backbone.js］LINE株式会社 開発１室 UITチーム 清水 大輔 ［AngularJS］金井 健一（AngularJS Japan User Group 管理人） ［Knockout.js］沢渡 真雪 ［質疑応答＆パネル・ディスカッションのモデレーター］グレープシティ株式会社 八巻 雄哉 ← 前回 連載 INDEX 次回 → 6月8日（土曜日）に開催したセミナー「第1回 Build Insider OFFLINE」のRoom A 14:35～16:30のセッション動画（115分）とスライドを視聴・閲覧できます（映像上ではスライドの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Edit fiddle - JSFiddle - Code Playground
JavaScriptプログラミング講座【画像イメージについて（HTMLImageElement）】