Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
MOONGIFT: Webページの適正チェックに「RightWebPage」:オープンソースを毎日紹介
システム開発者がフレームワークやプログラミング言語にこだわるように、Webデザイナーの方はWeb標準への適合性に敏感だ。そのための仕組みも用意されているが、Webサイト全体をテストしようと思うと非常に大変だ。 デザイナ/開発者双方にお勧めのテスティングツール そこで手軽にできるようにしてくれるツールを使ってみよう。Windows、Mac OSX、Linuxのそれぞれで動作するRightWebPageがお勧めだ。 今回紹介するオープンソース・ソフトウェアはRightWebPage、HTML適合性チェックソフトウェアだ。 RightWebPageはローカルファイルまたはURLを指定して適合性チェックを行える。URLに対してはリンクをたどる深さを指定できるので複数のURLを一気にチェックすることができる。アクセシビリティチェックやキャッシュ、クッキー、日付フォーマット、重複リンク、Validなど
Ruby on Rails製のギャラリーサイト·pictrails MOONGIFT
デジカメで撮りためた写真は現像して写真にしても良いが、データのまま共有するのが最も簡単な楽しみ方だろう。flickrをはじめとした写真共有サイトもあるがプライベートな写真を公開するのに抵抗を感じる人も多い。 Ruby on Rails製のアルバムソフトウェア そこで自分でアルバムを作成できるソフトウェアを利用しよう。Railsが使えるならpictrailsがお勧めだ。 今回紹介するオープンソース・ソフトウェアはpictrails、Ruby on Railsで作られたWebアルバムソフトウェアだ。 pictrailsはアルバムを作成し、その中に写真を登録していく。ファイルアップロードを使って一つ一つアップロードすることもできるが、ディレクトリのパスを指定してサーバ上のファイルを一括登録することもできる。FTPなどを使って大量の写真を登録するのに便利だ。 管理画面 写真はタイトルや説明文、タグ
Railsらしいデータベース管理システム·rbDB MOONGIFT
Webベースのシステム開発でMySQL管理を行うとすればphpMyAdminが選択されることだろう。確かに優秀なWebアプリケーションだ。だがちょっと待って欲しい。時代は常に変わっている、時には新しいものに触れてみるのも良いのではないだろうか。 Rails製のデータベース管理システム Ruby on Railsの開発者であれば、データベースももちろんRailsで管理しよう。使うのはrbDBだ。 今回紹介するフリーウェアはrbDB、Ruby on Rails製のデータベース管理システムだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。 rbDBは既存のアプリケーションの中に組み込むという訳ではなく、MySQL全体の管理を行うWebアプリケーションだ。とは言え、最適化等ができる訳ではなく、データベースの作成やテーブルの作成、データのメンテナンス等が主な
こ、これは凄いぞ…Web/デスクトップ対応アプリケーション開発環境·Titanium MOONGIFT
昨日のNative ClientはX86バイナリをブラウザで動作させるという素晴らしいソフトウェアだった。言わばデスクトップをWebに移行させる代物だ。対する技術としてはAdobe AIRやSilverlightなどがあるだろう。だがプラグイン必須という点が難点になる。 Windows向けアプリケーションも開発できる そして逆にWebのリソースをデスクトップに持ってきてしまおうというのがTitaniumだ。Webからデスクトップへとその道はつながっている。 TitaniumはApacheライセンスの下に公開されているオープンソース・ソフトウェアで、Rubyを使ってデスクトップアプリケーションが開発できてしまう。 Titaniumが手掛けるものはAdobe AIRに近いと言える。ただしRubyをベースにしているのでWebプログラマにとってはさらに開発しやすいかも知れない。モバイル対応もうたっ
今時のWebサイトを構築するのに便利そうなCSSフレームワーク·Malo MOONGIFT
海外に見る最近のWebサイト（特にトップページ）のデザインは、縦に何段かに分かれたデザインが多い。一番上は大きな画像とともに二段構成、その下が2×2のテーブル組みなどでサービスの特徴を書き、次に横並びの3段で利用者の声といった具合だ。 今時のWebサイトっぽいデザインが簡単に まぁテーブルで組めばできないことはない。だがそれはださい、ださすぎる。CSSだけでどうにかしたい所だが、ブラウザの互換性も含めて考えるとプログラマにはとても無理だ。Firefoxで見られるように何とか組んで、IEで見たら吹き飛んでいた…なんてなったらもうやる気がなくなる。そんなことになる前に使いたいのがMaloだ。 MaloはGoogle Code上で公開されているCSSフレームワークで、GPLの下に公開されている。 Maloが実現するのは複雑な、それでいて簡単に設定できるCSSデザインだ。ヘッダとフッターを設けた上
段組みを実現するCSSレイアウトをオープンソースで·Typogridphy MOONGIFT
プログラマーやSEの方々はWebデザインが苦手だ。私自身、色々勉強はしつつもどうにも好きにはなれない。そのため、極力テンプレート的なものを使って作業するようにしている。デザインを後回しにすると、システムがある程度できた時にはじめることになり、折角乗っている気分を台無しにする恐れがある。 CSSで段組みを実現 最近の流行は960px幅のWebサイトらしい。その大きさに基づいて、印刷レベルでも耐えうるというのがTypogridphyだ。 TypogridphyはCSSテンプレートをオープンソースで公開している（ライセンスは明記されていなかったのでご注意いただきたい）。XHTMLに準拠し、ValidなCSSとなっている。 TypogridphyはPHPファイルと一緒に提供されているが、プログラミングコード部分がないのでHTMLと変わらないようだ。960pxと書かれているが、デモ用のHTMLファイ
Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT
Webアプリケーションを構築する上で、優れた操作性をもったUIは欠かすことができない。まるでデスクトップアプリケーションのようなインタフェースを持ったソフトウェアが数多く存在している。 Prototype.jsを使ったUIライブラリ そんなUIを構築するライブラリは数多いが、そのためだけのツールが多く、柔軟性にかけるものが多い。そこで優れたJavaScriptライブラリであるPrototype.jsをベースにしたPrototype UIを使ってみよう。 Prototype UIはPrototype.jsとScript.aculo.usを使ってWebアプリケーションにふさわしいインタフェースを提供してくれるJavaScriptライブラリだ。 Prototype.jsがベースという点において好き嫌いが分かれる所かもしれない。とは言え、Railsで標準で組み込まれていることもあり、利用されている
MOONGIFT: » WindowsでGitをはじめるなら「msysGit」:オープンソースを毎日紹介
Githubが有名になっていることもあって、SubversionからGitに開発環境を移りつつある。各人でコミットできるというのは素晴らしく、開発スピードが向上するのは間違いないだろう。 インストーラーで簡単にインストール そしてLinuxやMac OSXであれば容易なGit開発環境の構築もWindowsでは面倒なイメージがあった。だがこれを使えばWindowsユーザでも簡単にGitが使い始められる。 今回紹介するオープンソース・ソフトウェアはmsysGit、Windows用Gitだ。 公式な方法として、WindowsでGitを使うにはCygwinを利用するというのがデフォルトになっている。だがCygwinが予め入っている人は良いとしても、GitのためにCygwinを入れるのが面倒に感じていた。 ヘルプ msysGitはWindows用のGit環境をインストーラー一つでGitコマンドをはじ
MOONGIFT: � JavaScriptだけのダイナミックなグラフライブラリ「ProtoChart」:オープンソースを毎日紹介
※ 画像は公式サイトデモより 最近は簡単に使えるグラフライブラリが増えてきた。Flashのものは見た目が奇麗で、画像出力のものも見やすさではひけを取らない。だがこうしたグラフは一度表示したが最後、リロードしないと変化しないものが多かった。 パイチャート そうではない、もっとダイナミックに変化するグラフを描きたい場合はこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはProtoChart、JavaScriptだけで描くグラフライブラリだ。 ProtoChartはCanvasを使って、JavaScriptのみでグラフを生成している。Canvasは本来、IE6には対応していないが、外部ライブラリを読み込むことで描画できるようにしている。これにより対応ブラウザはIE6/7、Firefox2/3、Safariとなっている。またSafariに対応しているとあって、iPhone/iPod
Webサイトの彩りに使える小さなアイコン集·twotiny MOONGIFT
Webサイトを作る上で、アイコンの持つ力は大きい。技術者がサイトを作るとその点が疎かにされがちだが、文字の説明よりも分かりやすく、そしてスペースも使わないというのが大きな利点だ。言語の壁さえ越えられる。 二色の分かりやすいアイコン集 そんなアイコンをサイト上で使いたいならば、ここで必要なものの殆どが手に入りそうだ。 今回紹介するオープンソース・ソフトウェアはtwotiny、小さなアイコン集セットだ。 twotinyは緑、赤、青、ベージュの5色で提供される75個の小さなアイコン集だ。矢印、人、グラフ、チェック、拡大/縮小などWebサービスで良く見かけるようなマークが多数登録されている。ファイルはGIFまたはPDFで提供されている。 こちらはカラフルなアイコン集 もう一つはカラフルなアイコン集で、こちらは100種類程度が提供されている。こちらもまた小型のものではあるが、メールやフォルダ、警告な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
