kei3.jp | head -n 10 diary

アマゾンで見つけた「日動 電工ドラム NF-EB34」のカラーリングが・・・。

これは完全にエヴァンゲリオンですよね。

HTMLはZen Codingで書きやすくなったので、今度はスタイルシートを記述する環境を改善する為に、Textmate 2のLESS対応を行いました。まずはバンドルファイル。GitHubから持ってきて解凍するとフォルダーになってしまい、インストールをどうするのか、Textmate初心者としては悩みました。結局フォルダー名をless.tmbundleにして、Zen Codingの時と同様の場所にインストールすれば動きました...

昨日からTextmateを使い始めて、HTMLを書く場合も少し使ってみたりしたのですが、やはりDreamweaverの方が分かりやすいと思って結局Dreamweaverに戻ったりしていましたが、Zen Codingの事を思い出し、Textmate用のバンドルをインストールしてみました。おそらくVer.1用なので、Textmate 2で使えるか心配でしたが、 問題なく使えている気がします。

ちなみにインストール先は以下の場所
...

5年ほど前にVer.1.5を試用して結局わかなかったTextmateですが、オープンソースになったので、Textmate 2をビルドしてみた。途中、ninjaが無いとか、Clangが古いとか警告が出て、少々時間が掛かったが、警告通りに対処して行き、なんとかビルド出来ました。(もしかして、何処かにビルド済みの物があったのかな？自分でビルドしたからなのか分かりませんが、一部正常に動かないメニューがあ...

Adobe Illustratorで14セグメントLEDも描いてみた。デザインとしては、何処かのメーカーの物を参考にしたのですが、これだとXがXに見えないです。デザインの構造としては綺麗なんですけどね。文字がちゃんと読めないのは不味いので、作り直しだな。

手元にあるタイプのモノの方が、デザイン的に良さそうなので、それを参考に作ります。

Illustratorに慣れている人は簡単な事なのだけど、サンプルとして作った7セグメントLEDの描き方を紹介します。

まずは、丸と長方形で基本の形を作ります。出来たらパスファインダーで合体します。

型抜き用に線を引いて行きます。基本の形もそうですが、フリーハンドで綺麗に作る事は出来ないので、必ずグリッドを使って吸着する様にしておきます。線が引けたら、「パスのアウトライ...

サンプルとして7セグメントLEDを作ってみた。

Illustratorから書き出した後に、パス毎に色を変更出来る様にコードを追加して、表示非表示のデータを格納した配列をもとに数値指定するだけで表示が切り替わる様にしてみた。なかなか良い感じになったので、その内、時計かなにか作ります。

このような物を作る場合、依然だったら画像を貼付けたと思うのですが、今回の様に描画するコー...

Adobe Illustratorからパスデータを書き出すスクリプトを書いたついでに、グラデーションデータをスタイルシートに書き出すスクリプトも書いてみました。

グラデーションの設定をしたパスを選んだ状態で以下のスクリプトを実行すれば、クリップボードにスタイルシートの記述をコピーします。

ただ、これはまだ不完全なので、使用する場合は、自己責任でお願いします。クリップボード...

先日の続きです。IllustratorからUIViewの- (void)drawRect:(CGRect)rectに貼付けて使えるソースコードを書き出すスクリプトをグラデーション対応しました。前回のサンプルでは重なり順が不正になってましたが、現時点では取りあえず、重なり順は正しくなる様にしてあります。

今の所対応しているのは、線と塗り(べた塗り、線形のグラデーション)のみです。複合パスは対応しているのです...

SVGファイルをObjective-C(Quartz 2D)のコードに変換するツールがある事を知り、使ってみたいなと思ったのだが、思ったよりも高かったので、自分で作れないかなと思って実験してみた。まだラインの実験だけだが、何となく出来そうな気がする。

これで上手く行けば、Retinaとか解像度の事をあまり気にする事無く、素材を用意出来るので、可成り便利かな。

特にアスペクト比の違う端末...