有名なWebサイトのデザインをPSDで提供·Popular UIs MOONGIFT
Popular UIsはAdobe Photoshop製のオープンソース・ソフトウェア（MIT License）です。 有名なWebサイトではそのデザインについても様々な考察の上で成り立っています。そこからエッセンスを学び、自分のデザインに活かせる点は多いはずです。そこで使ってみて欲しいのがPopular UIsです。 Herokuです。 こちらはApple。 Designer News。 GitHub。 Facebook。 一枚絵ではなくちゃんとレイヤーに階層化されています。 Popular UIsはPSDファイルで提供されています。レイヤー、グループ化されていますので必要な部分だけ素材を切り出したりするのも簡単です。Facebookではルーラーがたくさん設定されていますが、他のPSDでは基本的な部分だけになっているようです。 MOONGIFTはこう見る プログラマーがソースコードを見る
Seleniumを使ったiPhoneアプリの自動操作テストツール·Appium MOONGIFT
AppiumはiOSのテストを自動化するSeleniumを使ったテストツールです。 iOSのテストはユニットテストが基本と思われます。実際の操作については人が細かくテストを行っているのではないでしょうか。その面倒なUIテストを自動化してくれるのがAppiumです。 実行中です。 文字の入力などは自動で行ってくれます。 テストコード。 AppiumはテストコードをJava/Ruby/PHP/node.js/Pythonで書くことができます。さらにSeleniumを使って開発されているのも特徴です。テストは分離しているため、既存のアプリに何らかのSDKを組み込んだりする必要はありません。近く、Androidもサポートされるそうです。 AppiumはMac OSX用のオープンソース・ソフトウェア（Apache License 2.0）です。 MOONGIFTはこう見る iPhoneを自動操作して
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
テクスチャやサウンドを公開、共有するプロジェクト·OpenGameArt.org MOONGIFT
OpenGameArt.orgはゲーム開発に必要なデザインリソースを共有するプロジェクト。 OpenGameArt.orgはオープンソース・プロジェクト。ゲームは今最も人気のあるインターネットコンテンツの一つだ。ここで活躍してみたいと思う人も多いはずだ。だがアイディアと技術力があっても成功は難しい。ゲームは何よりもデザインが大事だ。 トップページ キャラクター、背景、音楽、アクションの音など様々な要素が成功には関わっている。プログラマーが苦手としそうなデザイン分野について強力にバックアップしてくれるのがOpenGameArt.orgだ。 OpenGameArt.orgは2D/3Dなどのゲーム向けデザイン、オブジェクトをオープンソースの下に公開しているプロジェクトだ。主なジャンルとしては2Dのイラスト、テクスチャ、3Dオブジェクト、サウンドなどとなっている。どれもゲームを作るのに重要な要素ば
MOONGIFT: » アジャイルUIプロトタイピング「fluidIA」:オープンソースを毎日紹介
fluidIAはHTML/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発する際にモックから入るのは基本だ。テキストから考えていては各自の中で想定されるイメージが異なってしまう。頭のイメージを書き出すことでより具体的になるはずだ。 簡易的に画面を定義する デザインレベルではないが、画面の動きを含めて確認するのに役立ちそうなのがfluidIAだ。アジャイル向けとある通り、シンプルにさくっと流れを確認して開発にとりかかるようなスピード感が出せそうなソフトウェアだ。 fluidIAはHTML/JavaScript（jQuery）で作られている。オブジェクトとテキストを配置して最低限必要な情報を定義する。そして流れを定義する機能を使ってスナップショットで画面を固定化したり、マウスクリックを模したり出来る。 アクションを定義する プレゼンモードでは定義した流れに沿って確認が進
整ったレイアウトのWebサイトを手早く作るためのCSSフレームワーク·Markercss MOONGIFT
MarkercssはCSS製のオープンソース・ソフトウェア。開発者はWebデザインが苦手だ。絵が描けない、デザインのイロハが分からないなどと色々な問題はあるだろうが、その一つにCSSの使い方がよく分からないというのがある。特にブラウザ間の誤差をうまく吸収できないのだ。 こんな感じのデザインも容易に Firefoxで見栄えよく仕上がったと思ったらIEで見たら破綻していた…そんなことを繰り返しているとデザインがいやになってくる。そこで使ってみたいのがMarkercssだ。Markercssは設定を一つ一つ行っていくのではなくシンボル化することで手早くデザインできるようにする。 例えばフォントをArialの12ポイントにしたい時にはクラスに“A s12”と書く。レイアウトを幅900pxにしたい時にはw900と書く。同様に高さはh500といった具合に定義する。Markercssの規定する方式に沿っ
Flash向けのグラフィックスフレームワーク·Degrafa MOONGIFT
去年、確かFlashを勉強しようと思っていたのにいつの間にか一年が過ぎ去ってしまった。これではまずい、今年こそしっかりと取り組んでいきたいものだ。今やFlashは大抵のブラウザにバンドルされており、華麗なインタフェースを提供する上では欠かせない技術になっている。それだけに使いこなせるようにしたい。 ファイナンス系のWebアプリケーションサンプル Flashの魅力と言えば、HTMLやJavaScriptでは難しいグラフィックスを提供できることにある。そのためのフレームワークがDegrafaだ。 今回紹介するオープンソース・ソフトウェアはDegrafa、Flash用のグラフィックスフレームワークだ。 Degrafaを理解するためには何よりもまずサンプルを見ることだろう。グラフィカルなグラフ、リッチなユーザインタフェース、ダイナミックなグラフィックス、各種シェイプなどを簡単に（恐らく簡単に）実装
整然とライン上で表示されるCSSフレームワーク·Baseline MOONGIFT
大学ノートには横線が引かれている。これを使って文字を書けば、斜めになったり一部だけ文字の大きさが変わって読みづらくなったりしない。整然と並んで書かれていれば後で読み返す時にもきっと分かりやすいはずだ。ある一定の基準に沿っていると安心感があり、情報を受け入れやすくなるのだ。 グリッド コンテンツを重視したWebサイトではそのような読みやすさの観点も考える必要がある。そのためのフレームワークがBaselineだ。 今回紹介するオープンソース・ソフトウェアはBaseline、グリッドに沿ったCSSフレームワークだ。 Baselineはまるで大学ノート、と思わせるような横線が引かれた背景画像にぴったりと合わせて文字が書かれている。カラムも1〜4カラムで調整でき、幅も3カラム分使ったり、2カラムずつで等分することもできる。統一された、均質的なデザインが組めるのが特徴だ。 フォーム テキストの表示の他
ブラウザ、メーラーのバックアップをまとめて行う·MailBrowserBackup MOONGIFT
インターネットへの依存度が高まると逆にバックアップが重要視されるようになる。メールのデータは言うに及ばず、Webブラウザも作業の効率化のためには設定やアドオンが重要になる。その点が若干OSとは異なるだろう（OS自体はあまりバックアップしないだろう）。 Webブラウザ、メールクライアントを選択する ブラウザと一口にいっても最近では多種多様に揃ってきている。そんな各種ブラウザ、メーラーに対応したバックアップソフトウェアがMailBrowserBackupだ。 今回紹介するオープンソース・ソフトウェアはMailBrowserBackup、インターネット向けアプリケーションバックアップソフトウェアだ。 MailBrowserBackupは各種ブラウザ、各種メーラーそしてプラスαのアプリケーションに対応したバックアップソフトウェアだ。ブラウザはIE/Firefox/Google Chrome/Ope
Adobe Readerの重たさに辟易したら·Perfect PDF Reader MOONGIFT
PDFはオフィスで利用されることが多いが、その閲覧のために使われるAdobe Readerは嫌われることが多い。最も大きな要因は動作が重たいことだ。3Dやら入力フォームへの対応などは、本当にユーザのニーズなのだろうか。皆、軽快に動作してくれることをまず望んでいるはずだ。 日本語ファイルも表示できるPDF Reader 最も軽いと思われるのはFoxit Readerと思われるが、そこまでの軽快さはないがその代わり高機能化したのがPerfect PDF Readerだ。 今回紹介するフリーウェアはPerfect PDF Reader、高機能で軽快なPDFリーダーだ。 Perfect PDF ReaderはOffice 2007からはじまりつつあるリボンインタフェースを採用している。だがあまりごちゃごちゃしている感はなく、むしろすっきりとしている印象だ。日本語も問題なく表示できる。動作は高速、と
MOONGIFT: » Windowsのふいの再起動を防止する「ShutdownGuard」:オープンソースを毎日紹介
まぁエコを考えたらきちんとシャットダウンすべきなのだろうが、Windowsアップデートなどで自動的に再起動が実行されてしまうことがある。作業の続きをしようと思ったら、ログイン画面になっていた…なんて経験はないだろうか。 予期しない再起動/シャットダウンを防止 他にもインストーラーを順番に進めていたら最後に再起動を迫られるダイアログが出てそのままOKを押してしまい、再起動が開始されてしまった…なんて悲惨なこともある。そんな経験を二度と繰り返さないためにもShutdownGuardを導入しよう。 ShutdownGuardはGoogle Code上で公開されているオープンソース・ソフトウェアで、GPLの下に公開されている。 ShutdownGuardの使い方は簡単だ。起動するとタスクトレイに常駐するので、これで作業は完了となる。設定も何も必要はない。心配な方はスタートメニューから再起動やシャッ
MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
MOONGIFT: » 要導入検討！日本語で作られた使い勝手の良いプロジェクト管理「9arrows」:オープンソースを毎日紹介
プロジェクト管理は何のためにあるのだろうか。それはプロジェクトを円滑に進めるためにある。決して上司を納得させるためでも、クライアントに良い顔をするためのものでもない。開発工程を含め、全体の進行状況を管理するために存在するのだ。 ダッシュボード。奇麗なインタフェースだ そう考えるとあまりに多機能なプロジェクト管理はその運用コストばかりかかってしまう。使い勝手の良い、それでいて必要十分な機能を備えたプロジェクト管理を使おう。 今回紹介するオープンソース・ソフトウェアは9arrows、Ruby on Rails製の使い勝手の良いプロジェクト管理システムだ。 9arrowsはRuby on Rails製で、Webベースのプロジェクト管理システムだ。Ajaxを効果的に使って、スムーズで使い勝手の良い作りになっている。WBSを使ってタスクを分割し、担当者や日程を決めることで見栄えのいいガントチャートも
MOONGIFT: » Web開発者は必須！様々なバージョンのIEを収録した「Internet Explorer Collection」:オープンソースを毎日紹介
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
MOONGIFT: » ソースコードを見るのに便利なテキストエディタ「Code Browser」:オープンソースを毎日紹介
ソースコードを見る上で、JavaDocやPHPDocument、RDocのように説明文がきちんと書かれていると見やすくて便利だ。しかし、書くのは良くとも後でHTMLを生成するために都度コマンドを実行するのは面倒に感じていた。 チュートリアルの構造化表示 そこでソースからそのまま読めるようになっていると便利そうだ。その目的に使えそうなのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCode Browser、ソースコードを見るのに便利なソフトウェアだ。 Code Browserはテキストエディタとして利用できるが、Code Browserで指定されるコメントの書き方をすると、ツリービューや複数ペインでの表示にするとソースを構造化して表示してくれるようになる。RDocのような4ペインでの表示もできる。 4ペイン表示 構造化した状態では関数を指定するとその関数だけを表示するよう
2枚の写真から3Dを作成·LOOXIS Faceworx MOONGIFT
3次元の物体を設計するのには正面図、平面図、側面図の三つが必要だ。これらの情報があれば、隠れている場所を除けば設計ができる。だがその条件を減らしてしまい、コンピュータ上で補間するとどうなるだろう。 二枚の写真から3Dモデルが作られる 自分の写真が二枚あったら試してみよう。思ったよりも良いできにびっくりするはずだ。 今回紹介するフリーウェアはLOOXIS Faceworx、2枚の写真から立体像を作成するソフトウェアだ。 LOOXIS Faceworxは正面と側面の二枚の写真から、3D化された人の顔を作成してくれる。ブルーバックなど背景に気をつかわずとも自動的に顔を認識してくれる機能がある。横顔は認識がずれることがあるので（完璧な横向きなら大丈夫だろうが）、ずれた時は手動で認識を修正できる。 鼻が高いのは欧米のソフトウェアだからだろうか… それだけで3Dの顔ができあがる。英語圏のソフトウェアだ
MOONGIFT: » 実用的なUML「BOUML」:オープンソースを毎日紹介
Webサービスのニーズの変化は激しく、従来のウォーターフォール型での開発ではとても時代にマッチしていない。そうした中できっちり設計を行うUMLは、最近あまり触ってこなかった。 メイン画面 それは設計と実装が乖離していた点にもある。利用的な設計機能よりも、実用的なジェネレータがある方がうけるだろう。 今回紹介するオープンソース・ソフトウェアはBOUML、C++で作られたUML設計ソフトウェアだ。 BOUMLはC++、Java、Idl、PHPそしてPythonに対応したソースコードを生成するUML設計ソフトウェアだ。数多くの言語に対応するので、より実用的に活用することができるだろう。動作は軽快で、操作性も問題ない。 生成されたドキュメント 動作OSはWindows、Mac OSX、Linux、Unixと幅広く動作する。さらにRational Roseのインポート、HTMLドキュメントの出力、チ
MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介
HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。 S6によるプレゼン例（via S6 と XPath の紹介） とは言え、ただ文字列を並べるだけでは格好が悪い。そこで専用ツールの登場だ。 今回紹介するオープンソース・ソフトウェアはS6、JavaScriptの達人amachang製のHTMLプレゼンソフトウェアだ。 S6はプレゼン用HTMLファイルに各種イフェクトを可能にするソフトウェアで、矢印キーでのプレゼンスライド切り替え、一覧表示機能がある。各スライドごとにアクションを定義し、多彩なイフェクトをかけられる。 スライド一覧機能 例えば大きな文字がズームアウトしな
MOONGIFT: » コミット前にチェック「SVNChecker」:オープンソースを毎日紹介
実際に確かめていないのだが、面白そうなので紹介したい。 Subversionを開発プロジェクトに利用されている方は多いと思う。チームはもちろん、個人であってもぜひ活用してほしい。日々の作業ログとしても使えるし、バックアップとしても便利な存在だ。 そんなSubversionであるが、更新したタイミングで通知が欲しい、コミットする際にソースをチェックしたいといった要望があるかも知れない。そうしたお悩みを抱えた方はぜひこれをチェックしてみよう。 今回紹介するオープンソース・ソフトウェアはSVNChecker、Subversionのコミットフックツールだ。 SVNCheckerはSubversionリポジトリへのコミットをフックして、何らかの処理を行わせるソフトウェアだ。例えばソースのスタイルをチェックしたり、コミットしたタイミングでメール送信したりと言ったことが設定ファイルレベルでできるようにな
MOONGIFT: DokuWikiを持ち歩く「DokuWiki on a Stick」:オープンソースを毎日紹介
優れたWikiエンジンを挙げると言われると、個人的にはDekiWikiはまず間違いなく挙がってくる。とはいえ、優秀であるから常に利用するかと言われるとそうではない。例えば利用用途、サーバ環境などによって選定は異なってくるだろう。 そうした中、よく利用するのがDokuWikiだ。PHPベース、DBがなくとも動作するのが便利だ。そんなDokuWikiをもっと手軽にしてくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはDokuWiki on a Stick、USBメモリに入るDokuWikiだ。 DokuWiki on a StickはMicroApacheやPHPを同梱することで、ごく手軽にDokuWikiを動作させられるようになっている。ダウンロードと解凍をしたら、mapache.exeを実行するだけで、すぐに利用開始できる。 URLはlocalhost:8800で、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
