複数ファイルのアップロードに対応したファイルホスティングシステム·XtraUpload MOONGIFT
先日記事も書いたのだがDrop.ioというサービスに注目している。ファイルのホスティングサービスであり、アップロードしたファイルを軸としてチャットやコメントを介してコラボレートできる魅力的なサービスだ。 Flashを使って複数ファイルの指定、アップロード状況の確認が可能 そんなDrop.ioほどではないが、シンプルに使えるファイルホスティングサービスを構築できるのがXtraUploadだ。 今回紹介するオープンソース・ソフトウェアはXtraUpload、PHP+MySQLによるファイルホスティングシステムだ。 XtraUploadはFlashを使ったアップロード機能により、一度に複数のファイルを指定することができる。そしてまとめて一気にファイルをアップロードできる。ユーザ登録をしなくても使える手軽さが良い。ユーザ登録すればアップロードしたファイルの管理が行える。 各ファイルに個別のユニーク
圧縮だけじゃない。CSSを解析した上で圧縮する·CSS Compressor MOONGIFT
CSSは最近のWebシステムでは当たり前のように使われている。そして肥大化したCSSはネットワークの帯域を余計に食っているようなものだ。それを解決する手段として、CSSの余計な空白や改行を消して圧縮する技術がある。 こんなにちっちゃくなっちゃった！ だがCSS Compressorはもう一歩先の技術を使って、さらに圧縮を実現してくれる。これはなかなか興味深い。 今回紹介するオープンソース・ソフトウェアはCSS Compressor、CSSを解析した上で圧縮してくれるソフトウェアだ。 CSS CompressorはJava製のソフトウェアで、コマンドラインで実行する。CSSファイルを引数として指定すると、標準出力に圧縮した内容を返してくれる。余計な空白や改行の削除はもちろんとして、幾つか面白い機能がある。 ヘルプ 同じ設定を行っているクラスがあれば、それを一つにまとめてくれたり、4辺に同じ設
Pythonを使ってJavaScriptを生成する·pyjamas MOONGIFT
Googleが提供している、GWTというフレームワークがある。これはJavaを使ってWebアプリケーションを開発し、結果をJavaScriptに変換することでクライアント向けのコードを書かずにWebアプリケーション開発ができるという代物だ。 メーラーのようなWebアプリケーション とても便利だとは思うのだが、いかんせんJavaだ。もっと需要を増やすためにはJavaではなくスクリプト言語でいくべきではないか。そもそもとしてGoogleと言えばPythonだろう、そう憤った（かどうかは知らないが）開発者が生み出したのがpyjamasだ。 今回紹介するオープンソース・ソフトウェアはpyjamas、PythonからJavaScriptを生み出すソフトウェアだ。 pyjamasはPythonで作られたソフトウェアで、同じくPythonで組んだコードをJavaScriptに変換する。いわばコンパイラー
要チェック！超優秀なWebアプリケーショングループウェア·6zap MOONGIFT
※ 画面は公式サイトデモより もし、GoogleがGmail、Googleカレンダー、アドレス帳さらにGDriveを使ったファイル管理などを統合したサービスをリリースしたとすれば、それはまさにOutlookに匹敵する情報統合プラットフォームになるかも知れない。 メール だがそのようなサービスは今の所リリースされていない。もしあなたがそのようなサービスを希望するならば迷いなく6zapをお勧めしたい。 今回紹介するオープンソース・ソフトウェアは6zap、Webアプリケーションによる個人情報管理プラットフォームだ。 6zapが提供する機能はメール/カレンダー/アドレス帳/ファイル管理そしてパスワード管理となっている。メールはスターを付けたり検索することができる。操作はAjaxを使うことでとてもスムーズにできる。 カレンダー カレンダーはGoogleカレンダーライクのインタフェースで、時間をドラッ
iPhotoにある重複した写真を探し出す·iPhoto Diet MOONGIFT
Mac OSXに標準でバンドルされている写真管理ソフトウェアであるiPhoto。iPhoneとの連携やAppleTVなどとも利用ができるとあって便利なソフトウェアなのだが、色々な写真を取り込んでいる内に、重複した写真を取り込んでしまっていることがある。 調べてみた所、1000枚以上の写真が重複してしまっていた。取り込む時にチェックしてくれれば良いが（デジカメの取り込みの際にはしているようだが）、どんどん写真を撮ってしまうデジタル時代の性なのかもしれない。だがそれを解決する方法も既に存在する。 今回紹介するフリーウェアはiPhoto Diet、iPhotoの写真を重複チェックしてくれるソフトウェアだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。 iPhoto Dietの使い方は簡単だ。とは言いつつも、日本語のiPhoto 6ではうまく動かず（Lib
YUI Grids BuilderのCSSをシェイプアップした·Object Oriented CSS MOONGIFT
CSSのフレームワークは既に多数登場している。レイアウトを簡単に決められるものや、ブラウザ互換性が高いレイアウトを簡単に構築できるとあって利用されるケースも増えている。だが、CSSは一度作成された後のリファクタリングがしづらく、肥大化しやすい傾向にある。 yahoo、gCalといったクラスがある 有名なCSSフレームワークであるYUI Grids Builderについてもそれは変わらず、シェイプアップする余地はあるようだ。 今回紹介するフリーウェアはObject Oriented CSS、YUI Grids Builderと互換性のあるCSSフレームワークだ。CSSなのでソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Object Oriented CSSは軽量なCSSフレームワークで、YUI Grids Builderと互換性の高い作りになっている
クリックでCSSのクラス名と構造を表示する·SelectorGadget MOONGIFT
CSSはよくも悪くも柔軟で、構造的に管理するのが難しい。デザインが乱れた時に、よくよく確認してみると別な場所で定義されているクラスやID、またはタグ名に対する直接指定のプロパティが影響していたということはよくある。 ブックマークレット形式という珍しいオープンソース・ソフトウェア そのようなデザイン上の問題を素早く解決してくれる手助けをしてくれるのがSelectorGadgetだ。 今回紹介するオープンソース・ソフトウェアはSelectorGadget、ブックマークレット型のCSS構造解析ツールだ。 SelectorGadgetはオープンソース・ソフトウェアではあるが、ブックマークレットをコピーするだけでも利用を開始することができる。任意のページでブックマークレットを実行するとSelectorGadgetがローディングされる。 HTMLの構造が手軽に分かる それが終わったらCSS設定を知りた
複雑なグリッドに対応した軽量CSSフレームワーク·Golden Grid MOONGIFT
※ 画像は公式サイトデモより Webサイトを作っていて、複雑なページ構成をCSSだけで組もうとするとすぐに無理がくる。floatやclear、left/rightなどを組み合わせるのだが思い通りにいかない。やっとできたと思ってIEでみたらぶっ飛んでいた、なんてことはざらにある。それだけでもうやる気がなくなってしまうことだろう。 サンプル1 そのような悲惨な目に遭わないためのテクニックがCSSフレームワークの活用だ。あまり重厚なものでなく簡易的なものをと思っているならGolden Gridを使ってみよう。 今回紹介するオープンソース・ソフトウェアはGolden Grid、970pxを横幅にしたCSSフレームワークだ。 最近のWebサイトでは970pxあたりがよく使われる。既に800×600の時代は終わり、1024pxの画面でも十分見られるサイズと言う訳だ。Golden Gridもそれに対応し
変幻自在なCMS·SiteX MOONGIFT
CMSという言葉はあまりにも汎用的だ。Webサイトが動的サイトであろうが、静的サイトであろうがコンテンツがあり、それを管理する仕組みがあれば全てCMSになってしまう。その意味で大抵のサイトはCMSの一環であると思われるが、それだけに専門性が失われている感もある。 色々なテーマやカラースキーマを選択できる つまりCMSを入れた後、自分たちのニーズにあったサイトに仕上げていくのは大変ということだ。だがSiteXならばウィザードを進めていくだけで良い。 今回紹介するオープンソース・ソフトウェアはSiteX、多数の顔をもち自在に変化するCMSだ。 SiteXはセットアップウィザードを通じて進めていくだけで様々なWebサイトに対応した基盤ができあがる。Joombo、Structure、Streamline、Corporateといったテーマを指定すれば、それらのサイトに向いたデザインになる。 管理画面
MOONGIFT: Webページの適正チェックに「RightWebPage」:オープンソースを毎日紹介
システム開発者がフレームワークやプログラミング言語にこだわるように、Webデザイナーの方はWeb標準への適合性に敏感だ。そのための仕組みも用意されているが、Webサイト全体をテストしようと思うと非常に大変だ。 デザイナ/開発者双方にお勧めのテスティングツール そこで手軽にできるようにしてくれるツールを使ってみよう。Windows、Mac OSX、Linuxのそれぞれで動作するRightWebPageがお勧めだ。 今回紹介するオープンソース・ソフトウェアはRightWebPage、HTML適合性チェックソフトウェアだ。 RightWebPageはローカルファイルまたはURLを指定して適合性チェックを行える。URLに対してはリンクをたどる深さを指定できるので複数のURLを一気にチェックすることができる。アクセシビリティチェックやキャッシュ、クッキー、日付フォーマット、重複リンク、Validなど
PDFを使ったクールなプレゼンテーション·Impressive MOONGIFT
個人的にアクションのついたパワーポイントのプレゼンテーションは好きではない。大抵余計なアクションであるし、印刷時の見栄えも良くないことが多い。また、説明を受けないとアクションの前後の意味が分からない場合もある。印刷時のことも含めて、シンプルな作りになっているものが好感がもてる。 PDFを華麗なプレゼンテーションに 発表資料をそのままネット上にアップロードして見られるようにするのにPDFは便利なフォーマットだ。さらに言えばPDFのままプレゼンテーションが行えれば言うことはない。 今回紹介するオープンソース・ソフトウェアはImpressive、PDFをプレゼンテーションにするソフトウェアだ。 元々この手のソフトウェアとしてはKeyJnoteがある。同じPython製なので、関係があるのだろう。必要なライブラリさえ入れれば、Windows/Mac OSX/Linuxいずれのプラットフォームでも動
ソースコードの色づけを行う·Google Code Prettify MOONGIFT
ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptとHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint
見た目以上に高機能なWikiエンジン·DkWiki MOONGIFT
WikiといえばHTMLを覚えずに書けるWiki記法が特徴だが、WYSIWYGなエディタが普及したのもあって、ワードプロセッサのように記述するのも普及し始めている。FCKEditorをはじめとしたライブラリを利用することが多いが、Wiki特有のブランケットネームへの対応が一つの鍵になる。 編集画面。TinyMCEを利用 そこで今回は見た目はシンプルだが、中身は高性能なDkWikiというWikiエンジンを紹介しよう。 今回紹介するオープンソース・ソフトウェアはDkWiki、PHPで作られたシンプルなWikiエンジンだ。 DkWikiは見た目こそシンプルではあるが、中身はしっかりとしていて便利な機能が多数ある。WYSIWYGなエディタで見たままに編集が可能であり、独自のボタン機能によって選択した文字に簡単に別なページへのリンクをセットできる。なお、日本語のタイトルは文字化けしてしまった。 表示
画面にそのまま書ける便利なホワイトボード·Easy Whiteboard MOONGIFT
ミーティングの際に、コンピュータの画面を使うことは良くある。例えばWebの画面であったり、プレゼンテーションなどのドキュメントだったりする。印刷して書き込むこともあるが、その後の反映が面倒だったり、そもそも印刷が手間だ。 見ている画面の線を引いたり、文字を書いたりする コンピュータの画面そのままに絵を描いたりできるのがEasy Whiteboardだ。 今回紹介するフリーウェアはEasy Whiteboard、手軽なコンピュータホワイトボードソフトウェアだ。 Easy Whiteboardを立ち上げると、小さなウィンドウが表示される。そしてWebブラウザなど、書き込みをしたいページを開いてウィンドウをクリックすると絵を描くためのツールが表示される。 半透明の線を描くこともできる 線を引いたり、円を描いたり矢印を引くこともできる。ただしドイツ語のソフトウェアであるためか、日本語は文字化けてし
高品質なiPhone向けWebサイトを構築するフレームワーク·iWebKit MOONGIFT
iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり（他の言語でもできるが）、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKit、iPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス
どのブラウザでどのCSSハックが使えるか·CSS Selector Shell MOONGIFT
純粋なCSSだけで各ブラウザ間の表示互換性が保てればベストだが、実際の現場ではそのようなことがないのはよく知られている。そのため、各ブラウザ向けにCSSハックが登場しており、表示の互換性を保つために使われている。 どのハックが有効かチェック だがFirefoxの各バージョン、Google Chromeなど様々なブラウザに対してそれが有効であるか無効であるか知っている人は少ないはずだ。そんなときには使えるハックなのかどうか、CSS Selector Shellを使ってチェックしよう。 今回紹介するオープンソース・ソフトウェアはCSS Selector Shell、CSSテスターだ。 CSS Selector Shellでは二つのテキストエリアが表示されている。左側のテキストエリアには幾つかのCSSが記述されている。Geckoエンジン向けのハックや、IE7用、IE6以前用、WebKit用などの
Gmail/Googleカレンダーの通知をもっと便利に·Google+Growl MOONGIFT
Mac OSX用にGoogleから出ているソフトウェアに、メニューバー常駐型の通知ソフトウェアがある。メールをちょくちょくチェックする必要がなくなるので便利だと思うのだが、通知機能が独自に実装されていることが気になっていた。 Google NorifiersとGrowlを連携 同じことを考える人は他にもいるもので、Mac OSXのデファクトスタンダードになっている通知ツール、Growlに統合するのがこのソフトウェアだ。 今回紹介するフリーウェアはGoogle+Growl、Google NotifiersとGrowlを結合するソフトウェアだ。 Google+GrowlはGmailの通知とGoogleカレンダーの通知に対応している。Google Notifiersのインストールが必須になっており、その通知をGrowlに渡すことができる。Google Notifiers側では通知機能を切っておく
Webサイト作成の流れを変えるか？·LTSun-Engine MOONGIFT
システマチックでない、いわゆる静的なWebサイトを構築する仕組みが変わり始めている。Concrete5やZimplitに代表されるような、その場で見たままにWebサイトを作り上げていくという流れが強まっているのを感じている。 ユーザ画面をそのまま編集する これまでのCMSでは管理画面を通してユーザ画面を変更していた。だがこれでは距離ができてしまい、本当に提供したかった内容が伝わらないかも知れない。見たままに即座に反映されるなら、自分たちの思いをそのままに投影できるはずだ。 今回紹介するオープンソース・ソフトウェアはLTSun-Engine、ユーザサイトを編集するCMSだ。 LTSun-Engineはユーザが閲覧しているWebサイトのコンテンツをその場で編集し、反映することができる。WYSIWYGエディタを通すので、ポップ内での編集にはなるのだが、編集後にPublishをクリックすれば反映は
JavaScript + XMLで動作するブログシステム·FeedBlog Script MOONGIFT
ブログを専用のブログエンジンで書こうと思うと、PHPやRuby、Perlなどのスクリプト言語が必要になることが多い。静的なHTMLを出力してブログライクにすることもできるが、検索機能がなかったり一覧性+記事詳細のつなぎが悪くて使い勝手は良くない。 JavaScriptで実装されたブログエンジン そこで考え出されたのがJavaScriptによるブログエンジンだ。記述フォーマットに何を使うかと言えば、XMLを介するのだ。 今回紹介するオープンソース・ソフトウェアはFeedBlog Script、JavaScriptによるブログエンジンだ。 FeedBlog Scriptはサーバサイドのプログラミング言語は全く利用しない。全てJavaScriptで実装されている。記事の一覧やパーマネントリンク（ただしアンカー）、検索、過去記事一覧などが実現されている。 検索機能もある データフォーマットとしてX
Webベースのリソース管理ソフトウェア·ResourceSpace MOONGIFT
stanaka様よりご紹介いただいたソフトウェア（thanks!）。Webサービス構築の際や、サイト内で使う素材などはどのように探すだろうか。オンラインにあるものを使っても良いし、CD-ROMなどで販売されているものを使うケースもある。いずれにせよ、それらの素材は繰り返し使う可能性もあるので適切に管理しておくのが効率的だ。 写真、音楽、動画などのリソースを一元管理できる ファイルサーバに一括してアップロードするケースもあるが、それでは一覧性がなく探すのも大変だ。そこでResourceSpaceを使ってみよう。 今回紹介するオープンソース・ソフトウェアはResourceSpace、Webベースのリソース管理ソフトウェアだ。 ResourceSpaceで管理できるリソースはアーカイブ、音楽、ドキュメント、写真、ビデオとなっている（増やすこともできる）。写真は複数のサイズを自動生成してダウンロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
