Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT
企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザインガイドラインになります。 Primerの使い方 スクリーンショットを多めで紹介します。まずはグリッド。 ヘッダー。h1〜6まで対応。 テキスト。若干小さめ？ インラインテキストの装飾。 ボタン。ここはGitHubっぽいですね。 ボタングループ。こういうのもGitHubで使われていますよね。 フォーム。シンプルです。 フォームグループ。縦に並べる時に使えます。 メニュー。アイコンはオプションです。
gibo·プロジェクトに合わせた.gitignoreを生成 MOONGIFT
Gitでプロジェクトをはじめる際には.gitignoreを設定するでしょう。その際にはプロジェクトの言語や種類によってデフォルトとも言えるような設定が存在します。GitHubでは予めそうした.gitignoreを生成する機能がありますが、GitHub以外の場合は自分で用意しなければなりません。 そこで使ってみたいのがgiboです。多数のプロジェクトに対応した.gitignore生成ライブラリです。 giboの使い方 Mac OSXの場合はHomebrewで提供されています。 $ brew install gibo これで準備は完了です。まずはヘルプを見てみましょう。 $ gibo --help gibo 1.0.2 by Simon Whitaker <simon @goosoftware.co.uk> https://github.com/simonwhitaker/gibo Fetch
iOSアプリのデザインをスタイルシートで行う凄い技術·Pixate MOONGIFT
PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
パズル、落ちものゲームに使えるHTML5/JavaScriptのゲームフレームワーク「LimeJS」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
LimeJSはHTML5/JavaScriptによるWebゲームフレームワーク。パズルゲーム向き。 LimeJSはJavaScript製のオープンソース・ソフトウェア。Webベースのゲーム開発が熱い。その時、鍵になるのはJavaScriptだ。HTML5の登場によってWeb、JavaScriptでできることは大きく広がっている。今こそWebベースのゲーム開発を行う時だ。 並べる系のパズル ゲームと言ってもジャンルはとても幅広い。アクションもあれば、パズル、ノベル、シューティングゲームといった具合だ。一つのゲームエンジンが全て行える訳ではないので、開発したいゲームの種類に応じてエンジンを選ぶべきだ。パズル、落ちものゲームを作るならLimeJSが使えそうだ。 LimeJSはHTML5を使ったJavaScript製のゲームフレームワークだ。iOSでの利用も想定されている。デモに登録されているゲー
cocos2dの参考に。かわずたんを叩くモグラたたきゲーム·かわずたんたたき！ for iPhone MOONGIFT
かわずたんたたき！ for iPhoneはかわずたんを叩くiOS向けのモグラたたきゲーム。 かわずたんたたき！ for iPhoneはiPhone用のフリーウェア（ソースコードは公開されている）。テレビ向けのゲームと言えば3Dグラフィックスで高度なものが多い。対して携帯電話向けではボタンを押すだけのシンプルなものが多い。スマートフォンはその中間とも言える。 トップ画面 グラフィックスにこだわるよりもタップやマルチタッチ、加速度センサー、GPSといったiOSならではの機能を使った方が面白いゲームができるのではないだろうか。タッチ操作を使ったゲーム、かわずたんたたき！ for iPhoneを紹介する。 かわずたんたたき！ for iPhoneは、かわずたんというキャラクターをモグラたたきの要領で叩くゲームだ。一度に一人ではなく、一気にまとめて出てくるので意外と激しいゲームだ。中には爆弾を手にし
WebベースのアクションRPGを開発するならば使いたいフレームワーク·RPG JS MOONGIFT
RPG JSはHTML5/JavaScriptによるWebベースのゲーム開発用フレームワーク。 RPG JSはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5を使ったゲームフレームワークが続々と登場している。ある程度汎用的なものもあるが、やはりゲームジャンルに合わせたフレームワークを選ぶのが大事だろう。 デモゲーム RPG（ロールプレイングゲーム）は常に人気の高いゲームジャンルだ。Webブラウザ上でできるRPGを自作したいならば使うべきはRPG JSだろう。 RPG JSはHTML5/JavaScriptで作られている。矢印キーとスペースで動いたり話しかけたりする。サウンドにも対応する。そして剣を装備するとAキーで振ることができる。NPCも数多くいて、話しかけるとゴールドを貰えたりする。聖剣伝説のようなアクションRPGになっており、どんどん攻撃をしかけていけるよ
JavaScriptの3Dエンジン·Three.js MOONGIFT
Three.jsはJavaScriptのオープンソース・ソフトウェア。Webブラウザが高機能化していく中で競われているのがJavaScriptエンジンの性能だ。実行速度が向上することによって、Webアプリケーションなどの利用が促進される。HTMLレンダリング性能と合わせて重要な指針だ。 マウスの動きを追従する エンジンが高機能化すれば実現できる幅が広がる。その一つが3Dレンダリングだ。JavaScriptで3Dオブジェクトが表現できるようになれば、ゲームはもちろん様々な分野で活用できるだろう。そのレンダリングエンジンとしてThree.jsを紹介しよう。 Three.jsは3Dオブジェクトをレンダリングするライブラリで、先日話題になったGoogleマップを使ったマッシュアップ「The Wilderness Downtown」もこのThree.jsを使って作られた一つだ。さらにマウスで反応する
GoogleドキュメントでLaTeXを書く·LaTeX Lab MOONGIFT
LaTeX LabはJava製/Google App Engine用のオープンソース・ソフトウェア。MS WordやPagesといったワードプロセッサも良いが、より細かく自分で設定をしたいためにLaTeXを使う人は未だに多い。計算式を埋め込んだり、多彩なフォーマットに変換したりする時にもLaTeXをベースにすると便利だ。 GoogleドキュメントがLaTeXエディターに 時代はWebアプリケーションになり、LaTeXを使う人は少なくなってきている。だがGoogleドキュメントは見捨てない。Web APIを使えばGoogleドキュメントをLaTeXエディターにすることができる。それがLaTeX Labだ。 LaTeX LabはGoogleアカウントを使って認証を行う。Googleドキュメントをベースに、ツールバーを追加してLaTeX文書を編集できるようになっている。数式の埋め込みもツールバー
逆の発想？iPhoneからMac OSXに接続してファイルを受け取る·Briefcase Lite MOONGIFT
iPhone/iPod TouchとMac OSX（またはWindows）の関係は主がMac OSXやWindowsで、それに従うのがiPhone/iPod Touchだった。そのため、ファイルをやり取りする際にもMac OSXからiPhoneに接続してファイルを送るというのが一般的だ。 iPhoneから母艦に接続してファイルをゲット だがBriefcase Liteはその逆の発想だ。iPhoneから接続し、ファイルを受け取るのだ。 今回紹介するフリーウェアはBriefcase Lite、ファイル共有を利用してMac OSXに接続するiPhoneアプリケーションだ。 Briefcase Liteは現在Mac OSXやLinuxのみをサポートしている。Windowsは今後サポートされる予定だ。起動するとファイルを共有しているMac OSX/Linuxを探し出してくれる。そして共有フォルダに入
MOONGIFT: » Flash用ベクター版3Dエンジン「Vectorvision」:オープンソースを毎日紹介
コンピュータは基本二次元で、三次元を表現するのは難易度が高い。それだけに見た人に与えるインパクトは格段に変わってくるだろう。例えばGoogleマップで見た衝撃と、Google Earthで見た衝撃の違いとでも言えるだろう。 ダイナミックに動く3Dライブラリ 今後、3Dをうまく使ったWebサイトは増えていくだろう。その時にはAjaxなどのJavaScriptベースの技術ではなくFlashを使ったものになるだろう。その際に役立つのがこうしたライブラリだ。 今回紹介するオープンソース・ソフトウェアはVectorvision、ベクターベースの3Dエンジンライブラリだ。 Vectorvisionはサンプルを見てもらえればどういったことができるか貰えるだろう。フォントが空間を漂ったり集結して何かの文字を表示したり、マウスの動きに合わせてインタラクティブに大きさや速度が変わっていく。 このような表現もで
MOONGIFT: » 仕事の時間を管理しよう「TimeSheet」:オープンソースを毎日紹介
サラリーマンは日付単位の時間の切り売りになりがちだ。長時間働くと、その分だけ評価があがる傾向がある。これでは長時間の残業が当たり前になり、非効率的な業務スタイルになる。 極力労働時間を短く、効率的に働く努力をすべきだ。そのためにはまず自分の時間の使い方を見直そう。 今回紹介するオープンソース・ソフトウェアはTimeSheet、プロジェクト単位の時間管理ソフトウェアだ。 プロジェクト、といってもそれは自分の好きな単位でかまわない。そしてその仕事をはじめる前に記録を開始する。作業が終われば記録を終了する。そしてその間に行った作業内容をメモしておく。 基本的にはそれを繰り返すだけだ。そしてレポーティングでプロジェクト単位の時間の使い方を閲覧する。さらに日々、どれくらい労働しているのかを見ることができる。 業務日誌としても利用できるので、業務効率化を考える際にも重宝しそうだ。作業の中で何が一番コス
システムを監視＆起動する·Monit MOONGIFT
サーバを持っている人が増えている。レンタルサーバでは機能的に不十分で、VPSにしたり自宅サーバを構えたりする。そうなると突如サービスがダウンしてしまう場合に備えて、監視をする必要が出てくる。 大抵、サービスは落ちてほしくないタイミングで落ちる。24時間監視するのは無理だろうが、システムを使って監視は可能だ。 今回紹介するオープンソース・ソフトウェアはMonit、サービス監視ソフトウェアだ。 Monitは予め登録しておいたサービスの起動状態を監視し、それが落ちたりすると、再度立ち上げることができるソフトウェアだ。落ちるのは何らかの原因があるだろうが、それでも尚とりあえず再起動してくれた方が良い場合が多い。 対応しているサービスは例えばCron、Bind、Proftpd、SSHD、Apache、Zope、Postfix、Spamassassin、MySQL、OpenLDAP、Samba、Web
MOONGIFT: » ActionScriptをブラウザ上でデバッグ「ThunderBolt」:オープンソースを毎日紹介
最近、Flashにはまっている。元々素晴らしい技術であることは分かっていたが、デザイナー的な位置づけが大きいと二の足を踏んでいた。が、ActionScriptだけでも様々なアプリケーションが開発できそうだと分かり、面白さを感じている。 Flash自体の開発環境は無料でも構築できる。が、デバッグが非常に面倒くさい。全てtraceで出力するしかない。だが、これを使えばFirefox上でデバッグが可能だ。 今回紹介するオープンソース・ソフトウェアはThunderBolt、Firebugを使ったActionScriptデバッガだ。 ThunderBoltを使ってFlashを表示すると、FirebugからコマンドベースでFlashを操作できるようになる。表示の大きさや表示開始位置の取得も可能だ。 コンソールからFlashの内容を動的に書き換えることもできる。サンプルスクリプトではうまく動作するが任意
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
