発行
共通部分が多いHTMLを効率よく作るには、さまざまな手法が考えられます。このシリーズでは、テンプレートエンジンを使用してHTMLを生成するという手法を取り上げ、解説していきます。
要素の位置に関する操作は、jQueryの本領発揮の場面。目的に沿った操作を行うためには仕様のほか、ブラウザごとの細かいクセを把握する必要があります。まずは位置の操作から詳細に解説します。
情報はWebサイトからという人も多いと思いますが、まとまった正確な情報を得るには書籍は有効です。ピクセルグリッドのメンバーが読んだ本の中で、役立った本をおすすめしてもらいました。
発行
後半は制作現場のオンライン、オフラインでの情報共有、チームビルドの施策から個人のゴールと、チームや会社のゴールをどう擦り合せていくのか、CTOならではのテーマが登場します。
配列やオブジェクトに設定されている各値を、一括して個別の変数に分割して取得できる「分割代入（Destructuring assignment）」の機能を紹介します。見通しよいコードに貢献できる新機能です。
今回はAudioNodeをいろいろ組み合わせたWeb Audio APIの利用例を見ていきましょう。HTML Audioだけでは実現できないような、さまざまな処理が実現します。
発行
ワンパク訪問記前編では、普段手がけている業務内容や、使っている技術、ドキュメンテーションや、コードの品質管理など細部に渡ってお話しました。業務の進め方のヒントが見えてくる対談です。
後編は、ES6で書かれたもの、ES5ベースでクラスを表現した解答や、AngularJS、Reactなど独自の設計思想で構造化を行いやすいライブラリを使用した手法を紹介します。中〜上級者向けの解法です。
ブラウザで、より複雑な音響処理が可能になるWeb Audio API。今回は、このAPIの構造や使い方を紹介します。サウンド実装初心者がつまずきやすいポイントについても解説しましょう。
発行
デザイン指定のポイントの最終回は、ボタン、ボーダー、表組み、アイコンフォント、JSで実装するUIの指定を取り上げます。アートディレクターの小原が重要だと考える理由と、指定方法を詳解します。
今回のドリルはグローバル変数として定義されたデータから、指定どおりのHTMLを生成する問題です。前編は、比較的初心者向けのDOM操作やテンプレート機能を使った解法を紹介します。
JavaScriptからaudio要素を扱う方法を解説します。さまざまなプロパティやイベントを使うことで、より柔軟にaudio要素をブラウザで表現することができます。