2014-01-01から1年間の記事一覧

TesselでState パターン

※2014/1/4…以前のコードはオーバーライドでprototypeを全て書き換えてしまう書き方になっていたので、部分的にオーバーライドできるような書き方に修正しました。 前回の記事でも書きましたがJavascriptでプログラムできる「Tessel」でちょこちょこと遊んで…

TesselのWifi設定

突然ですが、最近Javascriptでプログラムできるマイコン「Tessel」で遊んでいます。 このマイコンのメリットは Javascriptで開発できる node.jsをサポートしていて、使い方もnode.jsライク。 Wifiモジュール標準搭載 Tesselに直接指すだけで使える様々なパー…

100円ショップのモノだけでキレイな物撮り

この写真はスタジオや撮影ボックスなどを使用していません。 カメラ以外は100円ショップに売っているものだけを使って物撮りを行いました。 用意するもの カメラ(コンデジでも可) 三脚 障子紙(100円) 模造紙(100円) お絵描き用の画用紙(100円) 大手…

illustratorでUIデザイン:画面遷移図作成スクリプト

illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ1つ1つの画面を作成…

iOS8の写真アプリの新しい補正機能

何気ない夕食の写真を撮ってみました。味付けがちょうどよくペロリと食べてしまいました。我が家のヒット作の一つになったかも。 ・・・今回は料理を自慢したかったのではなく、iOS8から搭載された写真アプリの新機能を紹介したいと思います。

USMのTVボードとNelson End Table

注文していたUSMのTVボードとNelson End Tableが届きました。 TVボードとコーヒーテーブルは大きさ・デザイン・形状などなかなか納得できるものが無く、結局購入が一番最後になってしまいました。

illustratorでUIデザイン:属性抽出スクリプト

文字のサイズ・色やパスの線の太さ・塗りの色などを抽出してくれるスクリプトを作成しました。getProperties.zipダウンロード 基本的な使い方 要素を選択してスクリプトを実行するだけです。

豊橋木工のキッズチェア「UPRIGHT」

先日購入した豊橋木工の「UPRIGHT」というキッズチェアです。 インテリアショップでたまたま見つけたのですが、デザインの良さと機能性を両方兼ね備えている椅子だったのでひと目で気に入ってしまいました。UPRIGHT-アップライト 子どもたちの姿勢を守る椅…

無垢オーク☓アイアンのテーブル

新居に越す際に購入した無垢オーク☓アイアンのテーブルです。 テーブルはかなーり検討しました。もちろんオシャレなデザインのものが欲しいとは思っていたのですが、海外製のは高さが高すぎたり、小さい子供がいるので角が気になったり、多少食べこぼしして…

ダウンロード

公開したプログラムなどダウンロードできるものを纏めたページです。 illustrator用スクリプト 画面遷移図.jsx 日付 Ver. 更新内容 2014/11/11 0.1 公開 ダウンロード

illustratorでUIデザイン:スクリプトの注意点

illustratorのスクリプトについて調べていくうちに意外と引っかかりそうな困った点をいくつか見つけました。 四角形・楕円形の関数の引数はXY座標の順ではない これ最初に引っかかりました。 PathItemsにはrectangleとellipseという四角形・楕円形を描くメソ…

illustratorでUIデザイン:スクリプトことはじめ

Adobeの製品は自分で書いたプログラムを動かすことができ、バッチのように自動で大量のタスクをこなしたりすることができます。このような機能は「スクリプト」と「プラグイン」と呼ばれ、それぞれの役割は似ていても作り方や使い方が違ってきます。 今回は…

illustratorでUIデザイン:ボタン量産スクリプト

またillustrator用のスクリプトを作成してみました。タイトルそのまま、ボタンを沢山作るスクリプトです。 と言っても、ボタンの見た目まで作ってくれるのではなく、四角形のパスでボタンのワイヤーフレームを作ってくれるだけです。 UIデザインを行っている…

illustratorでUIデザイン:便利なショートカット

今回は便利なショートカット集です。 SPACE:手のひらツール V:選択ツール A:ダイレクト選択ツール Ctrl+U:スマートガイドON/OFF Ctrl+Shift+O:文字のアウトライン Ctrl + Shift + C:文字の中央揃え Ctrl + Shift + L:文字の左揃え Ctrl + Shift + R:…

llustratorでUIデザイン:縦横サイズ書出しスクリプト

縦横サイズを書出してくれるスクリプトを作成しました。縦横サイズ.jsxインストール、実行は前回の記事を参考にしてください。オブジェクトを選択してスクリプトを実行すると、縦横サイズの寸法線を描いてくれます。

llustratorでUIデザイン:相対座標書出しスクリプト

寸法っていちいち手作業で測って指示書作るのって一苦労なんですよね。Web系は指示書を自動化するツールがでてきているみたいですが、組み込み系のソフトウェアは使っている言語が違うのでそうもいきません。そこで汎用的に使えるillustratorで寸法指示する…

llustratorでUIデザイン:応用編

今回は応用編について書きたいと思います。 illustratorって結構色々できるじゃん!と思っていただけたら幸いです。 1.内側シャドウをかける。 テキストフィールドなどで内側シャドウをかけたいときがあります。Photoshopでは元々この機能を持っていますがil…

illustratorでUIデザイン:基本編

前回は設定について記事にしましたが、今回から具体的な使い方について書きたいと思います。 ただ、ボリュームが多くなりそうなので「基本編」「応用編」「ショートカット」「部品切り出し」など項目を分けたいと思います。

illustratorでUIデザイン:設定編

Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に…

ウォールペイント、もう1面

もう1面塗ったところのビフォア・アフター。 元々白っぽかったのが シックな感じになりました。 この面はリビングです。 大人っぽい雰囲気にしたかったのでシックな色を選んでみました。 また、この面は4隅につけたコーキング剤を乾かしてから塗ってしまっ…

ウォールペイント、上手にできました

前々から興味のあったウォールペイント、初めて挑戦してみました。 難しい作業は無かったけど、思っていたより手間かかってしまいました。 1面につき半日って感じですかね・・・ なんの変哲もない部屋が このとおり明るい印象になりました。

ちょこっと暗記 -英単語学習用のChrome拡張-

JavaScriptの勉強がてら、Chrome 拡張のアプリを作りました。 ダウンロードはこちらからどうぞ。

住宅購入は怖くない -2.キャッシュ・フロー表をつくる その1-

前回の記事にしたように家計簿2〜3ヶ月をつけていくと大体の支出が把握できます。 今回はその情報を元に人生の生活設計を立てていきます。 手順は次のようになります。 キャッシュ・フロー表を取得する。 寿命の分だけ表を拡張する。 将来のイベント(出産・…

住宅購入は怖くない -1.家計簿をつける-

住宅を購入するときに気がかりになることは沢山ありますよね。しかも、一生に何度も買い換えるものではないので初めはどう選べばいいかわからないもの。 私は最初は住宅購入に否定的な意見でした。賃貸の方が身軽だし東日本大震災のときのように家が被害にあ…

ここ1年で学んだこと

不動産購入を機に、しばらくプログラムとは別の勉強をしていました。 人生で一番高額と言われる住宅を買おうと決めた時に、住宅の価格はいくらぐらいが適正なのか?、ローンは払っていけるのだろうか?生活費や教育費はどれぐらいかかるのだろうか?などの疑…

はてなブログに移行しました。

えー、しばらくブログといふものを放置していました・・・(約1年ぐらい)。Blogger色々と使いにくいなぁと思っていたので、はてなブログに移行し心機一転で続けていきたいと思います。とりあえず、シンタックスハイライトの機能が簡単にできたのが嬉しい。…