ITエンジニア/デザイナ向けにオープンソースを毎日紹介

デザインの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2009/11/28

FirefoxでiPhoneアプリのプロトタイプを作成する「iPhonePrototype」

iPhonePrototypeはオープンソース・ソフトウェアのFirefoxアドオン。iPhoneが日本でも200万台近く出荷されているという話もあってか、徐々にビジネス面での話も聞くようになってきた。iPhoneと言えばネイティブアプリが面白いだろう。そして実際に開発を行う際には何らかのモックアップが必要になる。iP...

List

  • 2009/11/20

Androidアプリの開発者は必須「Android Icons」

Android IconsはEPS/PNGファイルのオープンソース。アプリケーションを開発する際に必要なのはアイディアと技術、そしてデザイン力だ。技術者はアイディアと技術はあるかも知れないがデザイン力に乏しいケースが多い。そのためせっかくの面白いアプリケーションも見た目が貧相で使い勝手悪く見られてしまう。PNGアイコン...

List

  • 2009/11/19

一つのHTMLファイルを使ったiPhone最適化サイトライブラリ「Magic Framework」

Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日本においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあ...

List

  • 2009/11/14

iPhone/iPod Touch向けWebサイト向けテンプレート「Webapp.net」

Webapp.netはiPhone/iPod Touch向けのオープンソース・ソフトウェア。iPhone/iPod Touchはモバイルデバイスなので画面の大きさに制限がある。そのためPC向けのWebサイトを表示はできるが、できれば最適化されたWebサイトを提供したい。専用のインタフェースを提供すれば、ユーザ体験がぐっ...

List

  • 2009/10/02

複数ブラウザに対応したWeb開発支援ツール「Pirka'r」

Pirka'rはWindows/Mac OSX/Linux向けのフリーウェア(ソースコードは公開されている)。ここ数年でブラウザのシェアは大きく変わってきている。それまでIEが主流だったのがFirefoxが大きくシェアを取り、さらにSafariやGoogle Chromeといったブラウザが続いている。特にCSSやJav...

List

  • 2009/09/29

CSSで自動生成ドキュメント「CSS Doc」

CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマンド一つでソースドキュメント...

List

  • 2009/09/26

iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート「Mockapp template」

Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼...

List

  • 2009/09/04

PowerPointを使ってプロトタイプを作ろう「PowerPoint Prototyping Toolkit」

世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。PowerPointを使ってアプリ...

List

  • 2009/08/30

整然とライン上で表示されるCSSフレームワーク「Baseline」

大学ノートには横線が引かれている。これを使って文字を書けば、斜めになったり一部だけ文字の大きさが変わって読みづらくなったりしない。整然と並んで書かれていれば後で読み返す時にもきっと分かりやすいはずだ。ある一定の基準に沿っていると安心感があり、情報を受け入れやすくなるのだ。グリッド コンテンツを重視したWebサイトではそ...

List

  • 2009/08/30

創作意欲をかき立てるドローアプリ「Alchemy」

これは面白い。一般的にコンピュータ向けに提供されるペイント系ソフトウェアは、紙で行っていた作業をリプレイスするものが多い。デジタルならではの機能というと、レイヤーやアンドゥといった機能だ。だがもっとできることはあるはずだ。コンピュータ上ならではの創作プロセスが必要だ。デジタルならではの芸術が生まれるかも知れない そこに...

List

  • 2009/08/20

便利!CSS Spriteを作成するAIRアプリ「Tonttu」

CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。CSS Spriteを作るならぜひ使いたい ...

List

  • 2009/08/14

テキストを好きなフォントで表示する「Cufón」

Webサイトでテキストを指定したフォントで表示しようと思った場合、CSSで指定するか画像を使うかのどちらかが選択肢になる。CSSで指定した場合、コンピュータ上にフォントがある必要があり、画像で作成する場合は再利用性が悪い。好きなフォントで描画する そこで使ってみたいのがCufónだ。英文フォントに限定されるだろうが、テ...

List

  • 2009/06/25

イラストや写真から線画を抜き出す「境界線画抽出」

良い写真やイラストがあり、色合いを変えたり、塗りを変更して二次創作をしたいと思うことがあるかも知れない。だが既に色が塗られているイラストから線だけを抜き出すという作業は手間ひまがかかる。そんなことをやっていたら日が暮れてしまうだろう。某イラストより そこで境界線を抜き出す作業をコンピュータにやらせてみよう。ある程度でき...

List

  • 2009/06/21

Rubyによる構造化CSSライブラリ「Less」

CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。Lessの記述例 そんな訳でCSSは慣れれば慣れるほど使い方...

List

  • 2009/06/21

Webシステム開発者に送る便利なテンプレート「Web App Theme」

正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考え...

List

  • 2009/06/17

Webアプリケーション用のGUIツールキット「Socks」

Webアプリケーションを構築する上で最大のネックになるのがGUiインタフェースだろう。一般的なローカルOS向けのGUIツールキットとは異なり、Web向けには貧弱なコンポーネントしか用意されていない。YUIやExt JSなど多数のツールキットが登場しているのはそのせいだ。アニメーションもこなすGUIツールキット そしてデ...

List

  • 2009/06/13

CSSのプロパティを見ながら指定できる「Simple CSS」

CSSを常日頃から使わないと、ちょっとしたプロパティを忘れてしまう。例えばcursorプロパティに設定できる文字は何があっただろうか、といった具合だ。ネットを使って調べても良いが、オフラインの場合に困ってしまう。テキスト設定 そんな時に使えるのが、CSSエディタだ。シンプルなものが良ければSimple CSSが便利だ。...

List

  • 2009/06/12

Androidアプリケーション用インタフェースビルダー「DroidDraw」

国内でも徐々にではあるがAndroid向けのアプリケーション開発に注目が集まるようになってきた。そしてアプリケーションと言えば重要なのがインタフェースだ。機能的にどれだけ優れていたとしてもインタフェースが粗雑では全く売れることはないだろう。Androidアプリケーションの画面設計に! 逆に言えばインタフェースが優れてい...

List

  • 2009/05/23

Webブラウザでいかに読みやすい状態に仕上げるか「Better Web Readability Project」

コンピュータ上の文字は書籍や新聞に比べると読みづらい。それはフォントの問題もあるだろうし、電磁波の影響かもしれない。PDFなど可読性を良くするための技術もあるが、それでもコンピュータで長文を読もうという気にはならない。読みやすいWebページを目指す だが今後コンピュータがさらに利用されていく中では可読性の向上は必須とい...

List

  • 2009/05/03

海外製ソフトウェアによくみるREADME風のアスキーアートジェネレータ「Ascii Design」

アスキーアートを作るソフトウェアは数多い。とは言え、日本のいわゆる職人の方々に匹敵する代物を自動で生成するのは難しいだろう。それでも個人が手軽にアスキーアートを楽しむのに、自動的に生成してくれる類のソフトウェアは便利なはずだ。トレイン 昔からソフトウェアのREADMEファイルなどのヘッダ部分にソフトウェア名を記したアス...