バックナンバー

2020年2月

第380号

発行

  1. 第7回静的サイトジェネレーターEleventy

    ページ一覧を作成するコレクションデータ


    何らかのルールに基づいて整理されたページ群を見やすく一覧したい場合に利用できる、「コレクション」について解説します。Eleventyで生成するページの一覧を配列データとして提供する機能です。

    中村 享介

  2. Markdownを使う

    GitHub Flavored Markdownを活用する


    GitHub独自のMarkdown仕様である、GitHub Flavored Markdownを中心に、GitHubのIssueやPull Requestで使える書式とその使いどころを紹介します。

    今冨 悠一

  3. 第1回Netlify Functionsで作るサーバーサイド機能

    Netlify Functionsとは


    サーバーサイドの機能を簡単に公開できるサービス、Netlify Functionsを解説します。Netlifyで公開しているサイトにサーバーサイド機能を足したい場合に便利に使えます。

    山田 順久

第379号

発行

  1. 第3回フロントエンド・エンジニアのためのYAML入門

    スカラー 2


    スカラーの型について、前回取り上げた文字列以外の、Null/真偽値/整数/浮動小数点/タイムスタンプ/バイナリについて解説します。

    國仲 義則

  2. 後編コードレビューの方法

    合意形成の場としてのレビュー


    後半はさらに、具体的にコードを見る視点が明らかになります。レビュアーとレビュイーの間でのやり取りで、どんなことが発生しているのかにも注目してみてください。

  3. 第2回CSS GridとFlexboxの使い分け

    画面幅で変化するレスポンシブデザイン


    いくつかの実務でよく扱う特徴的なレイアウトを、CSS GridとFlexboxの両方で作り、使い分けるための勘所を身に付けましょう。2回目ではレスポンシブデザインを例にあげ、CSS GridとFlexboxの両方で実装します。

    坂巻 翔大郎

第378号

発行

  1. 第3回色の決め方、配色の考え方

    薄い色の使いこなし


    UIデザインをより良くするという視点から、薄い色の使い方ついて解説します。薄い色を上手に使いこなすことができるようになると、閲覧者の認知コストを軽減することが可能になります。

    小原 司

  2. 第3回Trelloを使った業務管理

    日報ボード(チーム)の作り方


    日報ボード(個人)に続き、日報ボード(チーム)の作り方を紹介します。このボードは、見積もりに対して稼働した時間が妥当であるのかの判断材料の一つとなります。

    高津戸 壮

  3. 前編コードレビューの方法

    コードレビューの機能


    ピクセルグリッドでは、受託案件のコードは必ずプロジェクト内でのレビューを経て積み重ねられていきます。レビューを行う、レビューをしてもらう、それぞれの立場から、ピクセルグリッドのコードレビューのエッセンスをお伝えする座談会です。

第377号

発行

  1. 第6回静的サイトジェネレーターEleventy

    提供される日時データと表示方法


    ページに関するデータとして提供される、日時を扱う方法を中心に紹介します。独自に設定するフィルタや日付処理ライブラリと合わせることで、柔軟に出力できます。

    中村 享介

  2. 第1回CSS GridとFlexboxの使い分け

    テキスト量が変化する要素を並べる


    いくつかの実務でよく扱う特徴的なレイアウトをCSS GridとFlexboxの両方で作り、使い分けるための勘所を身に付けましょう。1回目はテキスト量が変化する要素を並べるレイアウトを取り上げます。

    坂巻 翔大郎

  3. 第2回フロントエンド・エンジニアのためのYAML入門

    YAMLの基本的な使い方:スカラー 1


    YAMLの仕様、スカラーはJavaScriptでいうとプリミティブに当たるものです。まずは、扱う使うことが多い文字列について解説します。

    國仲 義則

バックナンバー月別