発行
Atomic Designのワークフローと、デザインシステムのメンテナンスについて紹介します。新しいやり方を取り入れるのは簡単ではありませんが、どのように進めるべきなのでしょうか。
Webページ上のテキストのコピーには、従来、クリップボードにアクセスする機能をもつFlashが利用されることもありました。現在、Flashを使うのはユーザーにとってやや煩雑。HTML5の標準APIでの実装を解説します。
モックを使ったユニットテストについて、2回に渡って解説します。まずは、動的にテストケースに応じてモックを作成する場合です。
発行
オフィスを移転する場合、物件のパターンにはいろいろな選択肢があります。今回のピクセルグリッドの移転では、それらをどう考え、決断においてはなにを考慮したのでしょうか。
テストランナーとしてのJestの詳しい書き方について解説していきます。さらに、テストコード書き方とともに、Matcherの使いこなしポイントも見ていきましょう。
webpackはさまざまなファイルをバンドルする前に、それらファイルに対して処理をほどこすことができます。これらの処理はLoaderによって行われます。今回はLoaderの役割を解説しつつ、基本的な使い方を紹介します。
発行
ピクセルグリッドがオフィスを移転した際に考えたことを紹介します。まずは前提となる移転する理由の整理と、それに基づいた移転先のロケーション選定です。
ブラウザのサポート情報を提供するサイト「Can I use」のちょっと便利な使い方を紹介します。また、ツールを使う際にサポートするブラウザを指定するフォーマットであるbrowserslistも解説します。
デザイナーが作成したフォームデザインをHTMLに落とし込む作業をしましょう。フォームをマークアップする際、エンジニアがどんなことを念頭に置いて設計しているのか、その意図をみていきます。
発行
年末・年始のピクセルグリッドのエンジニア座談会の後編は、パッケージマネージャーの話題についてから始まります。そのほか、デプロイやビルド環境、そして2017年のCSSの新トピックについて話しました。
JavaScriptのユニットテストのためのツール、Jestの特徴や基本的な使い方を解説します。「そろそろテストを書く習慣を付けたい」、そう思う人のための始めの一歩です。
webpackを導入して基本的な機能を試してみましょう。動作をコントーロールする設定ファイルは一見複雑ですが、段階を踏んで基本項目から押さえていけば、大丈夫。大丈夫。