バックナンバー

2018年12月

第324号

発行

  1. 前編行く2018年、来る2019年

    薄いWeb Componentsと厚いライブラリ


    2018年の振り返り座談会です。前編では新しいライブラリ/フレームワークの登場も、ほぼ一段落した2018年、どのライブラリがよいか、という切り口では捉えられないね、という話からスタートします。

  2. 後編2018年のWebアクセシビリティを振り返る

    業界の取り組みとエンジニアの取り組み


    2018年は国内でアクセシビリティへの取り組みを進めているWebサービス業者が、さまざまな取組を発表してきました。それらに加え、個人による取り組みも紹介していきます。

    太田 良典

  3. 第3回つくってみようChrome拡張機能

    コンテンツスクリプトによるDOM操作


    策定した仕様に沿って、処理を実装していきます。今回は、ウェブページ上のコンテンツを操作するコンテンツスクリプトという機能を使い、ウェブページを拡張機能から操作してみましょう。

    山田 敬美

第323号

発行

  1. 前編2018年のWebアクセシビリティを振り返る

    WCAG 2.1の勧告


    2018年のWebアクセシビリティ業界やその取り組みについて、振り返ります。前編では、10年ぶりに勧告されたWCAG 2.1を中心に紹介します。

    太田 良典

  2. 第7回CSSセレクター総ざらい

    擬似要素 2


    擬似要素の実装にはちょっとした落とし穴があります。この回では、それらの注意点を取り上げて解説します。

    坂巻 翔大郎

  3. 第3回Nuxt.js、ファーストステップ

    基本的な機能 2


    Nuxt.jsでのVuexストアの基本、データ取得メソッドのfetchを使って、asyncDataから書き換えを行います。さらにSSRされたサイト全体を静的ファイルとして書き出してみましょう。

    中島 直博

第322号

発行

  1. 第1回Web App Manifest入門

    マニフェストファイルの構造


    Web App Manifestは、PWAを実現する際に使われる技術のひとつです。まずはその構造とメンバを紹介します。

    矢倉 眞隆

  2. 第6回CSSセレクター総ざらい

    擬似要素 1


    Selectors Level 4の仕様書を元に、セレクターの総ざらいをしています。今回から擬似要素の解説に入ります。まずは、擬似要素の基本と、業務でよく使う擬似要素と、その利用方法を解説します。

    坂巻 翔大郎

  3. 第5回フロントエンドのためのCircleCI 2.0

    デプロイ


    CircleCIを利用し、プレビュー環境や本番稼働している環境へデプロイする方法について紹介します。デプロイまで設定できると、CIは非常に便利なものになります。

    中村 享介

第321号

発行

  1. 第2回Nuxt.js、ファーストステップ

    基本的な機能 1


    この回ではルーティングの元になるページ用のコンポーネント、またそれらをページとして配置していくためのレイアウトコンポーネントという2つの概念と実装、またデータ取得のメソッドasyncDataの実装を中心に解説を進めます。

    中島 直博

  2. 第2回つくってみようChrome拡張機能

    マニフェストの設定


    Chrome拡張機能を作るため、まずはどのような仕様が必要か考えていきます。仕様が決まったら、設定ファイルとなるマニフェストを定義していきましょう。

    山田 敬美

  3. 第1回2018年 買ってよかった仕事グッズ

    スタッフの買い物と使いこなし


    今年一年でピクセルグリッドのスタッフが購入したものの中から、買ってよかったものをその理由とともにお届けします。年末年始の買い物にお役立てください。

バックナンバー月別