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

開発 - モックアップの記事一覧

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

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

もっと見る

List

  • 2012/12/02

試そう!Webブラウザ上でモックアップを作れる「Mockup Designer」

Mockup Designerはローカルストレージを使ったWebベースのモックアップ開発ツールです。Webサイトを作ったり、iOSアプリを開発したりする際にまず作っておきたいのがモックアップ(ワイヤーフレーム)です。シンプルで飽きのこないデザインです。配置はドラッグアンドドロップでできます。色の変更や配置順の変更も可能...

List

  • 2012/11/29

HTMLを使ってiOSアプリのモックアップを手早く作るフレームワーク「Ratchet」

RatchetはHTML/CSS/JavaScriptを使ってiOSアプリのモックアップを素早く作るフレームワークです。iPhoneアプリを開発する際にまずプロトタイプを作ることが多いですが、Xcodeなどを使って作っていては時間がかかると感じるかも知れません。そこでもっと手軽に手早くモックが作れるRatchetを使っ...

37302?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-25-10.50.57_thumb

  • 2012/04/07

Twitter for Mac OSXにも使われているメッセージ系ソフトウェアにぴったりなUI「EDSidebar」

EDSidebarはTwitter for Mac OSXやSparrowといったソフトウェアのUIを模したモックアップアプリです。iOSの隆盛に伴って、Mac OSXアプリの中にもそのエッセンスを取り込んだソフトウェアが登場してきています。今回はTwitterやSparrowといったアプリのUIを模したEDSideb...

List

  • 2012/03/15

Clear風の操作を一部実現したモックアップアプリ「Opaque」

OpaqueはClear風のUIを再現したモックアップアプリです。今、iPhoneで話題になっているアプリと言えばClearです。あんな独特なUIを再現したモックアプリがOpaqueです。雰囲気がClearっぽいです。下にプルすると新しいタスクが追加されます。適当な場所をピンチしても追加されます。以前にも同様のアプリと...

32776?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot_2011_12_02_03_32_37_thumb

  • 2011/12/13

タップして表示される華麗なメニューモックアップ「QuadCurveMenu」

QuadCurveMenuはPath 2.0というiOSアプリのメニュー表示機能を模したモックアップアプリです。デザインやコンポーネントの工夫で人気に雲泥の差が出るのがiOSアプリです。そして人気のあるアプリはそのコンポーネントが真似されます。QuadCurveMenuもその一つです。起動した直後の画面です。赤いマーク...

32725?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot_2011_12_01_03_03_23_thumb

  • 2011/12/10

Facebook Graph APIを使ったiOSアプリを開発するなら参考にしたい「SCFacebook」

SCFacebookはFacebookの提供するiOS SDKの使い方をモックアプリを通じて教えてくれるソフトウェアです。iOSアプリを開発していてFacebookのGraph APIを利用したいと思ったならばFacebookが提供しているSDKを使いましょう。さらにSCFacebookを見ればその使い方について参考に...

26362?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2f2e4f10d09882321fd2a3e79f82b21e5a

  • 2011/04/19

Webカム連携型のWebサービスを作る際の参考に「Webcam App」

Webcam AppはRuby on RailsとFlashを使ってWebカム連携型のWebサービスを作るデモ。Webcam AppはRuby on Rails製のオープンソース・ソフトウェア。スマートフォンを使ったアプリケーションではカメラを用いたものが多い。同様のことはデスクトップでもできない訳ではない。Webカム...

None

  • 2011/03/24

フィード活用のために。iOSアプリのフィード表示モックアプリ「MWFeedParser」

MWFeedParserはフィードを表示するiOS用のモックアプリ。MWFeedParserはiOS用のオープンソース・ソフトウェア。Webサービスを作る際などにおいて、最も手軽な方法は既に公開されているコンテンツを利用することだ。一からコンテンツを作るのは大変だが、既にあるコンテンツを変換して表示するのは容易だ。その...

25973?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f03%2f421ec3539dd69c550ae14bd3ec7cc78e

  • 2011/03/22

写真閲覧機能をiOSアプリに組み込むなら参考にしたい「MWPhotoBrowser」

MWPhotoBrowserは複数のパターンに対応した写真閲覧用iOSモックアップ。MWPhotoBrowserはiOS用のオープンソース・ソフトウェア。スマートフォンと写真の相性は言うまでもないがとても良い。写真を撮るのはもちろん、その後閲覧したりするのにも手軽で便利なデバイスだ。特にiPhoneは画面も大きいので人...