カテゴリー: フロントエンド

  • 15
  • 10
  • 14
  • 25

【Angular2入門】TypeScriptをコンパイルからのWatchifyでファイル結合、ブラウザで動作確認するところまで - Gulpで作るwebフロントエンド開発環境

正式版もリリースされたことだし、そろそろ Angular2 を始めてみませんか? 2016年9月15日に Angular2 の正式版がしれっとリリースされました。前バージョンの AngularJS 1.x は独自の路線で HTML や…

  • 5
  • 0
  • 20
  • 50

JS、CSS、画像ファイルといった静的ファイルにリビジョンを付与してブラウザのキャッシュ問題を回避する - Gulp で作る Web フロントエンド開発環境 #9

【前置き】ブラウザのキャッシュ問題について Web ページ高速化の手法のひとつに『キャッシュサーバーやブラウザキャッシュを活用する』というのがあります。予めキャッシュ済みの静的ファイル ( 画像、CSS、JS など ) をキャッシュサーバ…

  • 194
  • 15
  • 367
  • 312

Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました

お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの? …

  • 20
  • 2
  • 20
  • 50

デザイナー・バックエンドの方もすぐに実践出来る!フロントエンド設計(CSS設計)のコツ

こんにちは、2015年新卒の小原(こはら)です。フロントエンドを担当しています。 先日まで新規サービスの開発にジョインしてフロントエンドの設計・実装を行っていました。その時のことを振り返りながら、簡単に行えるフロントエンドコーディングの設計…

  • 24
  • 1
  • 53
  • 110

Jasmine × Karma × Gulp でつくるユニットテスト環境 入門 - AngularJS + TypeScript #3

はじめに お恥ずかしながら、いままでユニットテストというものをまともに書いたことがありませんでした。いや、過去に何度かチャレンジしてみたものの、いまいちテストに対してリアリティというか使いドコロというのが見えないまま何度も挫折してきました…