バックナンバー

2015年9月

第168号

発行

  1. 第9回デザイナーの道具箱

    デザイン指定のポイント 3


    デザイン指定で、考えるべきポイントは3つあります。デザインをエンジニアへ渡すときに何を準備して渡すか、デザインの共通部分、個別部分の指定をどう行うかです。これらを詳しく解説します。

    小原 司

  2. 第2回フロントエンドのサウンド実装

    audio要素 1


    ブラウザで音を扱うときに、もっともポピュラーな方法ともいえるaudio要素。今回は、このaudio要素をHTMLで指定する方法について解説していきます。

    杉浦 有右嗣

  3. 後編picture要素による画像表現

    子要素のsource要素


    picture要素の子要素となるsource要素、img要素を使い、Viewportによる画像の出し分けや、画像フォーマットの出し分けを実装します。また、最終的にどのような使い方が現実的か指針を示します。

    坂巻 翔大郎

第167号

発行

  1. 第8回デザイナーの道具箱

    デザイン指定のポイント 2


    デザイン指定はフロントエンド・エンジニアに、実装に必要な情報を過不足なく伝える手段です。ユーザーに情報を伝えるデザインとは、観点を変える必要があります。そのポイントを解説します。

    小原 司

  2. 前編picture要素による画像表現

    img要素のsizes属性とsrcset属性


    HTML 5.1から導入されるpicture要素、img要素に追加される新属性を用いると、さまざまな条件を組み合わせて、画像を出し分けられます。基本仕様を解説しつつ、実務にどのように活かせるか探ります。

    坂巻 翔大郎

  3. 第1回フロントエンドのサウンド実装

    「音」に関する要素・API


    このシリーズでは、ブラウザで音を扱うにはどういった方法があるかについて紹介していきます。今回は、ブラウザで利用できる音に関する主な要素・APIを確認しましょう。

    杉浦 有右嗣

第166号

発行

  1. 第7回デザイナーの道具箱

    デザイン指定のポイント 1


    エンジニアが実装時に使うデザイン指定は、エンジニアとの大切なコミュニケーションのひとつです。この記事では、画面デザインをエンジニアに渡す場合の、デザイン指定の実践例を紹介します。

    小原 司

  2. 後編実践!AngularJS

    Controller間で値を共有 2


    AngularJSの実践的な使い方を解説するシリーズです。今回は、$scopeオブジェクトを使わずに、Controller As記法やサービスでコントローラー間で値を共有する方法を解説します。

    宇野 陽太

  3. 最終回JavaScriptのデバッグ

    DevToolsを使いこなす 2


    Webサイトが1種類のデバイスでのみ閲覧されることは少なくなりました。多様なデバイスの特性を踏まえたデバッグが必要になる場面も多々あります。そのデバッグを助けるデバイスモードを解説します。

    中島 直博

第165号

発行

  1. 第2回ピクセルグリッドが訪ねる、開発の現場

    ビジネス・アーキテクツ 後編


    ピクセルグリッドのエンジニアが注目するWeb制作会社を訪ね、語り合うシリーズ。今回は株式会社 ビジネス・アーキテクツ訪問の後編です。話題は、知識の共有、モチベーション……とより深まります。

  2. 前編実践!AngularJS

    Controller間で値を共有 1


    AngularJSを多少使い始めた人がぶつかりがちな問題を、さまざまな方法で解決していきます。今回は$scopeオブジェクトを使い、コントローラー間で値を共有する様子を見てみましょう。

    宇野 陽太

  3. 第6回JavaScriptのデバッグ

    DevToolsを使いこなす 1


    デバッグツールは日々進化します。この記事ではChromeのDevToolsを中心に、デバッグを楽にしてくれる使い方を紹介します。JavaScriptとそれに関わるDOM、CSSを効率よくデバッグしましょう。

    中島 直博

バックナンバー月別