仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介これはすごい!Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」2008/08/25Web,オープンソースGPL,GUI,Firefox,開発,デザイン,Firefoxアドオンこれはデザイナーのみならず導入必須のソフトウェアと言えそうだ。Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。ドラッグアンドドロップでモックアップを作成できるそんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい...とそれぞれに欠点があった。そこでこれを導入してみよう。今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。Mockupsを使っている。これは手書き風のポップな画面を作るのにはぴったりだ。Pencilはちょっと正確な画面を作るのに適している。Mockupsは有償)。画像としてエクスポート可能PencilはFirefoxアドオンとして動作し、専用のモックアップ作成ウィンドウを立ち上げて利用する。テキストや画像、各種フォームオブジェクトが予め登録されているので、ドラッグアンドドロップで配置して文字を編集するだけで簡単にモックアップが作成できてしまう。GUI向けのオブジェクトや、Gtkオブジェクトなどが登録されている。作成した画面は独自形式で保存したり、PNGで書き出すことができる。Mockupsでは一つしか作成できないので)。日本語も問題なく利用できるPencilはWebデザイナ、開発者とも必須のソフトウェアだ。Add-onshttps://addons.mozilla.org/en-US/firefox/addon/8487Web,オープンソースGPL,GUI,Firefox,開発,デザイン,FirefoxアドオンMOONGIFTの関連記事${article.post_title}{{/each}}もっと見るコメントプレミアムでしか読めない記事が724あります。blockworks。