フロントエンド

ブラウザのウォーターフォール図でサイトのパフォーマンスを知る

 こんにちは。初めまして!メディア開発本部 エンジニアの東です。2年目のサーバサイドのエンジニアで、サイトのパフォーマンスチューニングをやっています。本日はWebページのパフォーマンスを知る一つの手段である、ページの表示完了までのウォーターフォール図についてその見方を紹介したいと思います。

続きを読む

もう迷わない!CSS3のFlexboxで手軽にレイアウト

みなさま、こんにちは!エンジニアの東です。

フロントエンドの開発は不慣れな私はCSSの扱いもまだまだ未熟です。

というのも、私は、自身の業務では、CSSはなかなか触る機会がないです。

それもあって、私はCSSには苦手意識がありまして・・・特にfloatの扱いがうまくできないんですよね・・・!floatを使ってコンテンツを配置しようとすると大体レイアウトが崩れて、混乱します。

そんな私でも、floatの代替として使える非常に便利なものがありましたのでそちらを紹介したいと思います。

それは、CSS3 Flexbox

今回、こちらについて紹介したいと思います。

続きを読む

Phaserではじめるカジュアルゲーム開発 – PART 1

はじめまして。メディア開発本部の榎本です。

近年、HTML5のCanvas, WebGLなどのWeb技術でのゲーム開発に向いた技術が増えて、Webブラウザ向けのゲーム開発が盛り上がりを見せています。
しかし、それに合わせて、JavaScriptによるゲーム開発フレームワークも乱立し、正直どれを選べばいいか迷ってしまうほどです。

今回はそのたくさんあるJavaScriptのゲーム開発フレームワークから Phaser(フェイザー)というフレームワークを使ってゲーム開発の基礎を学んでいきたいと思います。

Phaserとは

Phaserとは何か

Phaserとは、Pixi.jsをコアにして、サウンドや衝突判定や物理演算などを追加した2Dゲーム開発フレームワークです。

続きを読む