友人の腹筋ローラーの力を信じろさんと共に監訳を担当した書籍『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』が出版されます。現在、Amazonで予約受付中です。当初の予定よりもかなり遅れてしまいましたが、内容はいまだ鮮やかなままに思えます。 目次: 日本語版に寄せて 監訳者まえがき Chapter 1: 基礎 1–01: ボックス 1–02: コンポジション 1–03: 単位 1–04: グローバルスタイルとローカルスタイル 1–05: モジュラースケール 1–06: 公理 Chapter 2: レイアウト 2–01: Stack 2–02: Box 2–03: Center 2–04: Cluster 2–05: Sidebar 2–06: Switcher 2–07: Cover 2–08: Grid 2–09: Frame 2–10: Reel 2

アップデートの確認フロー npm-check-updatesを利用してアップデートを確認する アップデートの変更点をテンプレートに沿って記載する 終わりに こんにちは！ウィルゲートのフロントエンドエンジニア兼技術広報の小澤（@rikipedia_uw）です。 今回はフロントエンド開発に欠かせないnpm（Node Package Manager）ライブラリのアップデート確認方法をご紹介します。 アップデートの確認フロー 弊社で運用しているnpmライブラリにアップデートがあるかどうかの確認フローは大きく分けると以下の通りです。 npm-check-updatesを利用してアップデートを確認 アップデートの変更点をテンプレートに沿って記載 更新内容を確認しアップデートするかどうか議論 議論してアップデートする場合は対応 週次で実施してアップデートするかどうかを決定します。 npm-check-u

はじめに Vue.jsは軽量ですが、数万件のリストを並べるとそりゃ普通につらい。 だから目に見えるとこ以外はdom描いてもらうのやめるってコードです。 デモ デモ(jsfiddle) コード <div id="app"> <div style="overflow:auto;height:170px;" @scroll="getScrollParam"> <ul :style="listStyle"> <li style="height:17px" v-for="num in displayList">{{num}}</li> </ul> </div> </div> new Vue({ el: '#app', data: function(){ return { list:list, scroll:0,//スクロール量 scrollMax: (list.length - displayRow