こんにちは、@yoheiMuneです。 １つ前の記事ではPNG圧縮を行うコマンドラインを紹介しましたが、 今回はJPGの圧縮をコマンドラインで行うツールを紹介したいと思います。 JPEGの圧縮をコマンドラインから実行できるjpegoptim pegoptimというツールを使うと、JPEGをコマンドラインで圧縮することが出来ます。 Macの場合インストールは簡単で、以下のように行います。 $ brew intall jpegoptim 上記でインストールできない場合には、以下のサイトからソースコードをダウンロードしてコンパイルすることでもインストールできます。 http://www.kokkonen.net/tjko/projects.html インストールが完了したら、以下のコマンドが認識されればインストール成功です。 $ jpegoptim jpegoptimをコマンドラインで使ってみる
こんにちは、@yoheiMuneです。 PNGの画像圧縮と言えば、以前のブログで紹介させて頂いたImageOptimやImageAlphaがありますが、今回はコマンドラインツールを紹介したいと思います。 PNGの圧縮がコマンドラインで出来るpngquant ngquantというツールを使うと、コマンドラインでPNG圧縮が出来るようになります。24/32-bit PNGを8-bitPNGに変換するツールです。 PNGの圧縮ではImageAlphaやImageOptimといったGUIツールがありますが、今回はコマンドラインツールを紹介したいと思います。 コマンドラインで実行できるということは、gruntなどのビルドタスクに組み込むことが出来たり、Automatorを使って右クリックのメニューに追加したりと色々と応用が出来て便利です。 それでは、pngquantの導入から書きたいと思います。 ま
こんにちは、@yoheiMuneです。 先日紹介させて頂いたSublimeText2を仕事で絶賛利用しているのですが、 仕事中によく使うショートカットキーで、これ良いねって言われる事もあるショートカットキーが増えてました！ 今回はそれらショートカットキー紹介したいと思いブログを書きました。 Sublime Text2とは Sublime Text2とは、様々なプログラミング言語をサポートしている開発エディタです。 個人的には、軽量でサクサク動き、仕事で使う技術（HTML, JS, CSS, Scss, PHPなど）をサポートしていて、 便利に使えるので気に入って居ます。 詳細は、こちらの記事にて紹介させて頂きましたので、 ご覧頂けると幸いです。 Sublime Text2の便利と感じるショートカットたち どのエディタでも言える事ですが、開発スピードを出す為には、ショートカットを覚える事が大
[Tool] HTML,CSS,JSの開発でSublimeText2というエディタがすごくいい感じ。機能紹介や導入方法。 こんにちは、@yoheiMuneです。 HTML,CSS,JSの開発を毎日行っていますが、最近はSublime Text2というエディタにハマってます。 8月から使い始めてだいぶ使い慣れてきたので、紹介したくブログを書きます。 Sublime Text2とは Sublime Text2は、 HTML,CSS,JavaScriptなどの開発で利用できるエディタで（PHPとかもいけます）、 軽量でたくさんの機能を持ち合わせている高機能エディタです。 評価版は無料で、使い続ける為には購入する必要があります（現在は、評価期限が設定されていないですが）。 執筆時は$59。ちょっと高いけど会社費用精算できるヒトとか良いかも。 個人的に気に入っているポイントは、以下のようなところです
[Tool] Codekitというツールを使うと、HTML/JS/CSS編集してファイル保存の度に、ブラウザに差分が自動的に反映される こんにちは、Webベースのアプリを絶賛開発中の@yoheiMuneです。 今日は、仕事で手放せなくなったCodekitというツールがあるのですが、 それの特に便利だなぁと感じる点を紹介させて頂きたいと思いブログを書きます。 Codekitとは Codekitとは、 HTML, CSS, JSなどのフロント開発を行う際に、便利に開発できるツールの一つです。 Codekitを用いると、JSのミニファイや、CSSプリプロフェッサ（Scssとか）のコンパイル、 JSのLintなど最近フロント開発でよく使う事を自動で行ってくれます。 そしてそれの設定をGUIで出来るのもポイントが高いと感じています。 ただし、お金がかかります。試用期間を過ぎたらお金を払います（執筆時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く