タグ

SVGに関するatm_09_tdのブックマーク (2)

  • 自分の作業をざっくり把握するための工夫(JSON + SVG) - 結城浩のブログ

    背景 自分が今日どんな作業をしたかをざっくりとらえるために「色つき星取表」というものを作っている。 問題 自分でいちいち「今日何をやった」を入力するのがめんどうである。 解法 自分の作業で必ず実行するコマンドに、以下のようなJSON形式で作業記録を付ける処理を混ぜ込む。 pwd は作業ディレクトリで、dateは今日の日付。 work.json1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 [ // (省略) { "pwd": "/Users/hyuki/girl", "date": "2014-11-14" }, { "pwd": "/Users/hyuki/private", "date": "2014-11-12" }, { "pwd": "/Users/hyuki/girl/note", "date": "2014-11-14" }, // (省略) ]

  • 10分でわかるSVG 基礎編

    知って得する、Webブラウザ上で利用できるグラフィック関連技術HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript(DOM API)による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer(以降IE)

    10分でわかるSVG 基礎編
  • 1