oinumeのブックマーク - はてなブックマーク

[JavaScript] Gruntの後発のフロントエンドビルドツール、gulpに入門 - YoheiM .NET
こんにちは、@yoheiMuneです。 gulpというフロントエンドのビルドツールが気になってました。それについて試したり調べたりしてだいぶ理解できたので、今日はその内容をブログに書きたいと思います。目次 gulpとは gulpとは、JavaScriptのMinifyやCSSプリプロセッサのコンパイルなどを行うことができるフロントエンドのビルドツールです。フロントエンドのビルドツールには有名なGrunt.jsがありますが、その後発のビルドツールのようです。 Grunt.jsと何が違うの？実現できることはぶっちゃけ同じで、その実現方法や思想が異なるのだと思います。 gulpのサイト(英語)からいくつか主張を拝借してみました。 gulp's use of streams and code-over-configuration makes for a simpler and more i
oinume 2014/08/13
gulp
リンク
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こうこんにちは、@yoheiMuneです。ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。目次ブラウザのレンダリングの仕組みこの章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
oinume 2014/07/16
browser

internal
リンク
[フロントエンド] スマホ実機でのデバッグ手段を増やす！Macのプロキシを利用して、通信内容を確認する。 - YoheiM .NET
[フロントエンド] スマホ実機でのデバッグ手段を増やす！Macのプロキシを利用して、通信内容を確認する。こんにちは、@yoheiMuneです。今日は、プロキシを使ってスマホの通信内容を確認する方法について、ブログを書きたいと思います。 Special Thanks to http://flic.kr/p/7Sd7hc この記事で伝えたいことスマホ向けWebアプリケーションのテストにおいて不具合が発生した場合に、スマホ実機にてデバッグする方法の1つを解説します。今回は、MacのApacheをプロキシサーバーとしてセットアップし、スマホの通信をMac経由にすることで、スマホとサーバー間の通信内容を確認する、という内容です。スマホ実機でのデバッグはなかなか大変ですが、そのデバッグの1手段として使ってもらえれば幸いです。 Macのプロキシを設定するまずはMacBookにインストールさ
oinume 2014/03/06
Macだったらtcpdumpでおｋ
リンク
1