発行
Vue.jsを使って書かれたサンプルアプリケーションについて、propsのテストなどの基本的なテストを書きます。テストのためのユーティリティ、vue-test-utilsの基本的なテスト機能と書き方について解説します。
アクセストークンによるユーザー認証について詳しく解説します。認証することによって、閲覧権限が必要な情報にアクセスしてみましょう。
CSS Gridはグリッドコンテナで格子状の枠を作成し、その枠の任意の場所にグリッドアイテムを配置できる仕様です。便利ではありますが、枠をしっかり把握するのが実装には欠かせません。そんな開発を補助するツールを紹介します。
発行
これまではフロントエンド専門ではなく、フロントエンドからサーバーサイドまで広く手がけてきた藤田。フロントエンド担当は自分ひとりだけという環境から、JavaScript専門のピクセルグリッドへの転職で得たものとは。
シリーズ第1回目ではVueのコンポーネントをテストする環境を整えます。そしてシンプルな構成のVueファイルに対してテストを行ってみましょう。まずはざっと概要を把握することが大切です。
Tabキーでフォーカスを移動したり、Escキーでドロワーを閉じたりといったキーボードでの操作を実装します。この実装はドロワーの動きとのタイミング設定が重要です。実装だけでなく、要件もじっくり考えましょう。
発行
a要素でリンクに指定するURLについて、さまざまなURL記法を紹介します。また、特殊な移動をするフラグメントの処理についても知っておきましょう。
このシリーズでは、フロントエンド・エンジニアのちょっとした操作を補助し、仕事効率を上げることができるシェルコマンドを紹介します。パターンにマッチしたファイルなどを検索したいときに便利なコマンドを解説します。
ESLintのルールを定義する、コンフィグファイルの設定を詳しく見ていきます。プロジェクトの環境に合わせて設定していくことが可能です。
発行
ドロワーナビの土台はできましたが、ドロワー開閉時のコンテンツ表示に細かな不具合が残っています。それはスクロールバーの出現を踏まえた適切な処理が行われていないからです。今回はこの処理を実装します。
今回はAtomic Designのやり方は、どのようにCSS設計に活かせるのか、どのように考え取りを入れてプロジェクトを進めるべきかという点について考えます。
ES2018に含まれる見込みのプロポーザル、Async Iterationを取り挙げます。連続した値を返すデータソースに対して同期的に働くIterationの仕組みを、非同期なデータソースにも対応させようという仕様です。