フロントエンド開発効率化のための素敵なツールたち

覚えておくといろいろ捗りますよ。

PSDファイルのスライス

Photoshopの便利機能を使う

外部ツール

エディタ

悪いことは言いません。初心者ほどSublimeを使いましょう。
手に馴染んでしまえば、AtomだろうがBracketsだろうがどれも同じです。

タスクランナー

HTMLテンプレートエンジン、CSSプリプロセッサ、AltJS

HTML

CSS

Javascript

JSライブラリ

便利系

UI系

テンプレート

クライアントMVC

世の中はAngularJS推しですね。

Canvas

WebGL

スターターキット

自分の使いやすいテンプレートがあれば効率は格段に上がります。
すでに公開されているテンプレートを自分の使いやすいようにカスタマイズするのも良い手段だと思います。
頭の良い人ほど同じことは繰り返さないのです。

五十川 洋平(Yohei Isokawa)

五十川 洋平(Yohei Isokawa)

フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。Udemyでプログラミング解説の講師や、ドローンを使った映像制作も行っています。

プロフィール