rch850 の上澄み

技術的な話題とか、雑談とか。タイトルを上澄みに変えました @ 2020/09/02

JavaScript

yarn workspaces での snowpack で軽くハマった

実験用のコードなどを記録しておくために yarn workspaces を使って rch850/web-sandbox というリポジトリに放り込んでいるのですが、ここに最近 v1 がリリースされて話題になっている snowpack を入れてみた時の話です。 Quick Start を参考に yarn add pre…

Leaflet で福井県の年度別市町村人口を出してみた

前回の記事 rch850.hatenablog.com 白地図を出すだけでは芸がないので、福井県の年度別市町村人口を表示してみました。表示するときは、少しデータの取得に時間がかかります。10秒も待てば終わると思います。 だいたいこんな感じです。 市区町村の人口を出す…

Leaflet で都道府県の白地図

Leaflet って何?白地図が書けるってほんと?白地図のデータはどこから手に入れるの?ライセンスは?調べてみました! Leaflet って何? Leaflet はモバイルフレンドリーなインタラクティブマップのための JavaScript ライブラリです。 白地図が書けるってほ…

本番環境での source maps についてのご意見たち

source maps ってあるじゃないですか。難読化、圧縮された JavaScript や CSS から、難読化前の場所を復元してくれるあれ。 デバッグを容易にするという点で source maps が有用なのは誰もが認めるところです。 では本番環境ではどうするか。作る?公開する…

JavaScript のコードにつける README

いま書いてるコードの README.md から、わりかし汎用的に使えそうな部分を抜粋してみた。ここでも最後に減点方式が出てくる。 開発者向けドキュメント このディレクトリで Grunt を使って開発すると、質の高いコードを書くことができます。 grunt watch すれ…

KineticJS から EaselJS にした

Canvas 使ってごちゃごちゃと描くためにこの間まで KineticJS 使ってたんだけど、ちょっとつまづいた。スマホ向けの canvas だったんだけど、大きな canvas、というか、KineticJS 的には Stage を作ると、canvas をスワイプしてもスクロールしてくれない。素…