UIデザイン久々にイラストレーター用のスクリプトを作成しました。今回のスクリプトはダミー画像を大量に作るというスクリプトです。JavaScript主にExtendScriptでしか活用できないと思いますが、JSで日本語などの2バイト文字をtoSource()するとUnicodeに変換されてしまいます。「あ」は「\u3042」と表示されます。Webデザインイラレから素早く画像を書き出すことができるスクリプトです。いくつか認識違いがあったので記事を書きなおしました。はじめに断っておきますが完全に時代遅れな内容の記事です。Webデザインillustratorでは画像を書き出すときにいくつかのオプションがあります。背景色を指定したり、インデックスカラーの使用色を指定できたりします。SVGの形式で一括書出しするスクリプトです。Webデザイン座標をいじるようなスクリプトを作成していると、たまに予測不可能な挙動をするときがあります。今まではあまり深く探ってきませんでしたが、良い機会なので調べてみることにしました。Webデザインスクリプトを作成しているとの座標の計算が上手くいかなかったりすることが多く困ってしまうことがままあります。良い機会なので座標系について調べてみました。デザインパターン※2014/1/4...以前のコードはオーバーライドでprototypeを全て書き換えてしまう書き方になっていたので、部分的にオーバーライドできるような書き方に修正しました。node.js突然ですが、最近Javascriptでプログラムできるマイコン「Tessel」で遊んでいます。node.jsをサポートしていて、使い方もnode.jsライク。JavaScriptillustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。その内、個人的に押しなのは「アートボード」です。Webデザイン文字のサイズ・色やパスの線の太さ・塗りの色などを抽出してくれるスクリプトを作成しました。要素を選択してスクリプトを実行するだけです。Webデザインillustratorのスクリプトについて調べていくうちに意外と引っかかりそうな困った点をいくつか見つけました。これ最初に引っかかりました。ExtendScriptAdobeの製品は自分で書いたプログラムを動かすことができ、バッチのように自動で大量のタスクをこなしたりすることができます。このような機能は「スクリプト」と「プラグイン」と呼ばれ、それぞれの役割は似ていても作り方や使い方が違ってきます。ExtendScriptまたillustrator用のスクリプトを作成してみました。タイトルそのまま、ボタンを沢山作るスクリプトです。言っても、ボタンの見た目まで作ってくれるのではなく、四角形のパスでボタンのワイヤーフレームを作ってくれるだけです。ExtendScript今回は便利なショートカット集です。ExtendScript縦横サイズを書出してくれるスクリプトを作成しました。縦横サイズ.jsxインストール、実行は前回の記事を参考にしてください。オブジェクトを選択してスクリプトを実行すると、縦横サイズの寸法線を描いてくれます。ExtendScript寸法っていちいち手作業で測って指示書作るのって一苦労なんですよね。Web系は指示書を自動化するツールがでてきているみたいですが、組み込み系のソフトウェアは使っている言語が違うのでそうもいきません。拡張のアプリを作りました。ダウンロードはこちらからどうぞ。Backbone.jsここまでにBackbone.jsのModelとCollection、またBackbone.ioBindのModelについてSyncがどのような値を通信しているか見て来ました。千秋楽としてBackbone.ioBindのCollectionのSyncについて見ていきたいと思います。Backbone.js前々回、ModelのSyncについて調べましたが、今回はCollectionです。Syncを伴うCollection特有のメソッドとしてはfetchとcreateでしょうか。・Collection.fetch():url属性に設定されているアドレスへGETメソッドで通信する。Backbone.js以前の投稿では、Backbone標準のSyncについて調べてみましたが、今回は通信をAjaxではなくSocket.ioで行えるライブラリ、Backbone.ioBindについて使い方を調べてみました。Backbone.jsBackbone.jsで一度は使ってみたいお便利機能Sync。JavaScript以前のポストではBackbone.jsの導入に適したサイトを掲載しましたが、もうちょっと足を深くつっこんだ記事を見つけました。Backboneを使ってMVCならぬMVPパターンでの実装の記事です。JavaScriptBackbone.jsのお勉強用のサイトまとめ。Backbone.js入門ビデオのお手本通りに行うと、どんなふうに動くのか概要がつかめます。Backbone.js入門dotinstallをひと通り行なって感触を掴んでから、こちらのサイトで解説を読むとすん...Backbone.jsのお勉強サイト2012-12-16JavaScriptのブロックスコープJavaScriptまず、下記のコードを見て下さい。変数iの値は何になると思うでしょうか。JavaScriptnode.jsで使用するDBのために、最近話題になっているMongoDBをまずは勉強してみることにしました。自分用にインストール時のメモを残します。MongoDBとはNoSQLの流れを組むJavaScriptの言語で操作できるDBの仕組みです。JavaScriptそろそろサーバーサイドも勉強しはじめないとなーということで、最近話題になっているnode.jsに取り掛かってみることにしました。node.jsを選びました。...node.js事始め2012-10-01配列でのfor文・for-in文JavaScript最近までfor-in文はfor文の代わりに使えると思っていました。それぞれ用途が違うようです。いうことに集約されそうです。次のページプロフィールid:two-hatsUIデザイン関連のネタや、個人的なインテリアの趣味など思いついたものを投稿するごった煮なブログです。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。