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

  • 0
  • 13
  • 2
  • 17

TypeScript で学ぶ Observer パターン

一つ前に公開したエントリ『RxJS を学ぼう #1 – これからはじめる人のための導入編』にて『Rx は Observer パターンを基本に据えています』とご説明しました。Observer パターンとは、プログラム内のオブジェクトの状態を観…

  • 15
  • 10
  • 15
  • 27

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

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

  • 5
  • 0
  • 21
  • 54

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

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

  • 195
  • 16
  • 368
  • 316

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

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