Two hats

Design + technologies

バイクの盗難対策

どうも、こんにちは。 久々にバイクを復活させたリターンライダーです。 清々しい気候の中、風を受けながら颯爽と運転するのはとても気持ちが良いものですよね。 ところでバイクの維持の為に色々と行わなければならないことがあります。 メンテナンスもそう…

DIY:キッチンカウンターに化粧シート

以前、キッチンカウンター周りに白レンガ調のエコカラットをDIYで施工しました。 当時から気になっていたのはカウンタ天板含め全部白っぽくなってしまっていることでした。 カウンター天板自体も何の変哲も無い白一色なので寂しかったんですよね。こんな感じ…

人間中心設計のデザイン

大それたタイトルをつけてしまいましたが、ネタとしてはプチリフォームネタです。 子供の誕生をきっかけに、今後のびのびと成長してもらえるよう数年前に家を購入し引っ越しをしました。 立地や建物構造などの条件は色々調べて納得済みで購入したのですが、…

大量のダミー画像を生成するイラレ用スクリプト

久々にイラストレーター用のスクリプトを作成しました。今回のスクリプトはダミー画像を大量に作るというスクリプトです。 大規模なシステムのソフトウェアのリニューアルの案件などで稀に、刷新される新しいデザインに沿った画像ができあがるまで既存の画像…

DMEメソッドの効率的な受講の仕方

イングリッシュベルでDMEメソッドを初めて2ヶ月ぐらい経ちました。始めた時に思っていたDMEとの印象が少しずつ変わってきて、自分なりに効率的な受講の仕方が分かってきたのでまとめてみようと思います。 english-bell.com 基本的な文法・リスニングを鍛え…

Sketch3 機能・操作・設定一覧

Sketchを本格的に使い始める、またプラグインを作成する前にどんな機能があるのかを把握するため1から調べてみました。 おそらくAdobeからの乗り換えユーザーが多いと思うので、Adobe製品で似たような機能があればその用語を使って機能の概要を説明しようと…

オンライン英会話15社で体験レッスンを受けてみた

色々なオンライン英会話を受け、レッスンスタイルごとにそれぞれの特徴を纏めました。

英語学習に役立つ3サイト

できるだけ学校で習った文法・暗記などの英語学習法ではない方法で、楽しく英語に親しむことのできるWebサイトを3つ選んでみました。 Japan Info http://jpninfo.com 日本に訪れる外国人観光客向けのサイトで、日本の文化や今流行っているもの時事ネタなど…

DIY:ウォールペイントでプチリフォーム

新しい年が始まったので心機一転のため書き初めならぬ壁の「塗り初め」を行いました。ウォールペイントのHow toについてブログにまとめようと思います。 今回施工する面はリビングの一面です。標準の白めの壁紙のままだと少し寂しさがありますね。 準備 次の…

DIYでエコカラット(6):完成!

間が空いてしまいましたが、エコカラットを全て貼り付け終わりました。 思っていたより手間がかかり、予定のない休日を見つけて少しずつ進めていったので半年ぐらいかかってしまいました。 施工前はこのような感じでした。今思うと白い壁紙だけなので若干寂…

DIYでエコカラット(5):番外編 棚設置

今回はちょっと話を逸らして、棚設置について書きたいと思います。 単に白いエコカラットを貼るだけだと装飾的にちょっとさみしいので、併せて飾り棚も設置してみようと考えました。 インテリアショップを巡って棚がどのように設置されているかを調べてみた…

DIYでエコカラット(4):エコカラットプラスの防汚性能

巷にはレンガ風タイルの商品が幾つかあります。その中でエコカラットを選んだのには理由があります。 今回使用したグラナスハルトはエコカラットプラスという商品群で、プラスは普通のエコカラットよりも進化した機能を持っています。 除湿 消臭 防汚 私がこ…

壁掛け用のフォトフレーム

某インテリアショップでかっこいい写真をみつけました。クールな金属製の手すりだけの写真ですが、ぐっと部屋が大人っぽくなったような気がします。 フレームはIKEAのもので1000円ちょっとだったはずです。写真入れて全部で5000円ぐらいですね。 壁を飾るの…

DIYでエコカラット(3):貼り付け編

今回は実際に貼り付ける作業を解説しようと思います。私は下記の条件で作業していますので、試される場合はご自身の環境を確認し施工マニュアルに沿って作業してください。 エコカラットはグラナスハルト 壁紙がビニール or 布系 施工面は石膏ボード 壁紙が…

DIYでエコカラット(2):切断・加工編

今回はエコカラットの切断・加工について書いていきたいと思います。 まず第1に作業中は必ず安全ゴーグル・マスクは着用するようにしましょう。切断時に破片が飛び散ったり、やすりで研磨すると粉塵が出たりするので人体に影響がでないようしっかりとガード…

Javascript:Unicodeでエンコードされた2バイト文字を元に戻す

主にExtendScriptでしか活用できないと思いますが、JSで日本語などの2バイト文字をtoSource()するとUnicodeに変換されてしまいます。例えば「あ」は「\u3042」と表示されます。 このままでは使いにく場面があるので、元の2バイト文字に戻すコードを作成し…

DIYでエコカラット(1):準備編

マンションを購入してからなんか家のインテリアがパッとしないなって思っていました。以前、ウォールペイントに挑戦してみたのですが、もう慣れてそろそろ雰囲気変えたいなーと思っていた矢先・・・思い出しました インテリアオプション会の最高峰(?)エコ…

素早く画像書き出しできるillustrator向けスクリプト

イラレから素早く画像を書き出すことができるスクリプトです。PNG / GIF /JPEG /SVG対応。iOSやAndroid用の画像も同時に作成できます!

Amazonギフトカンパ!

このブログでは私が作成した様々なスクリプトは全て無料で利用できます。illustratorをより便利に使ってもらえたら嬉しいと思いながら作成しています。もしよければ少額カンパいただけると、新しいスクリプトを作るモチベーションにつながります!Amazon.co.…

illustratorでUIデザイン:スクリプトでExtension風パネルを実装

2015/9/5追記 いくつか認識違いがあったので記事を書きなおしました。 はじめに断っておきますが完全に時代遅れな内容の記事です。CCから実装できるようになったHTML5を使って作るExtensionが主流になると思いますので、これからやろうという方はそちらを調…

illustratorでUIデザイン:切り出しスクリプトの設定変更

illustratorでは画像を書き出すときにいくつかのオプションがあります。例えば、背景色を指定したり、インデックスカラーの使用色を指定できたりします。 画像切り出しスクリプトでは操作をシンプルにするためと、スクリプト上では設定した内容を覚えておく…

illustratorでUIデザイン:画像切り出しスクリプト

Illustrator上で選択したオブジェクトをPNG(24bit)/ PNG(8bit)/ GIF/ SVGの形式で一括書出しするスクリプトです。

illustratorでUIデザイン:positionとleft, topの違い

座標をいじるようなスクリプトを作成していると、たまに予測不可能な挙動をするときがあります。今まではあまり深く探ってきませんでしたが、良い機会なので調べてみることにしました。 オブジェクトの座標を示す2種類のプロパティ ある程度スクリプトをい…

illustratorでUIデザイン:スクリプトでの座標系

スクリプトを作成しているとの座標の計算が上手くいかなかったりすることが多く困ってしまうことがままあります。良い機会なので座標系について調べてみました。 ドキュメント基準/アートボード基準の座標システムの違い スクリプト上で設定できる座標系には…

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色々と使いにくいなぁと思っていたので、はてなブログに移行し心機一転で続けていきたいと思います。とりあえず、シンタックスハイライトの機能が簡単にできたのが嬉しい。…