電子回路を設計する·Fritzing MOONGIFT
エンジニアであれば誰だって電子回路が大好きだ（たぶん）。コンデンサや線をつないで電源を付ければ音が鳴ったりロボットが動き出したりする。おもちゃ屋で売られている電子回路キットを使ってラジオを作った経験が誰しもあるはずだ（たぶん）。 電子回路を設計、シミュレートする だが電子回路は正しく設計しなければ意図した動作はしてくれない。言わばプログラミングみたいなものだが、物が存在するだけやり直しが難しいことがある。そこでまずはシミュレーションしてみることが大事になる。 今回紹介するオープンソース・ソフトウェアはFritzing、電子回路設計ソフトウェアだ。 Fritzingではまるでドローソフトウェアのようにコンデンサやライト、線などのパーツを配置する。ビジュアル的な設計や、回路図に基づいた設計が可能になっている。人によってはこれだけでもご飯が三杯は食べれてしまうだろう。動作はWindows、Mac
MOONGIFT: » Google App Engineを使ったブログエンジン「blog」:オープンソースを毎日紹介
Google App Engineはとても便利だ。実用性はまだ低いなんて言われていたのもいつの話やらで、既に様々なサービスが運用され始めている。Pythonさえ使っている開発者であれば、コードさえ書けばサーバのメンテナンスもデータベースとの接続も何も考えなくていい。[slug]blog[/blog] Google App Engineを使ったブログシステム その意味でクラウドコンピューティングはWebプログラマーにとってパラダイスになり得るかも知れない。それでもまだ実感のわかない方は、その名もblogを使ってみよう。 blogはGoogle App Engine（GAE）で動作するシンプルなブログシステムだ。ソースコードは公開されているが、ライセンスは明記されていないのでご注意いただきたい。 GitHubからダウンロードしたら、設定ファイルを編集する。特にメールアドレスで認証を行っているの
必見！たった2ファイルからはじまる凄いWebサイト構築·Zimplit MOONGIFT
正直に言えば、相当なめてかかっていた。ダウンロードして解凍してできたファイルはたったの二つ。これで何ができるのかという思いだった。アップロードして、ファイルにアクセスする。出てきたのはユーザ情報設定画面のみ。そしてログインをする。 利用可能なテンプレート 次に表示されるのはWebサイトのテンプレートが列挙された画面だ。たった二つのファイルでこのような情報が、と思わせる内容だ。そしてテンプレートを選んだ所から凄い衝撃が襲いかかった。 今回紹介するオープンソース・ソフトウェアはZimplit、見たまま編集するWebサイト構築ツールだ。ライセンスはAGPLだが、商用向けには有償でライセンス提供している。 ZimplitはテンプレートになるデザインをどこかのWebサーバからダウンロードして展開する（恐らくZimplitの公式サイトから）。そしてユーザが見るであろう画面の上にウィンドウを表示して、そ
オンラインで顧客サポートを行う·Open Web Messenger MOONGIFT
Eコマースのプラットフォームは、どうも上品すぎるイメージがある。小さなWebサイトは特に、もっとこてこてしていても良いのではないだろうか。例えばお店を訪れた時、よく分からないものを買う場合にお店の人に相談するような機能があっても良い。 管理画面。誰かが接続してくればすぐに分かる メールで問い合わせていては駄目だ。時間が経つと徐々に買う気分もトーンダウンしてしまう。リアルタイムでサポートし、お客を逃がさないようにするのだ。 今回紹介するオープンソース・ソフトウェアはOpen Web Messenger、オンラインチャットシステムだ。 Open Web MessengerはEコマースやEラーニングなど、Web上で相手とチャットをするためのソフトウェアだ。Ajaxを使っており、特別なソフトウェアのインストールは不要だ。管理側で発行したリンクをクリックすれば、すぐにチャットが開始できる。 チャット
PHP開発が変わる！PHP実行環境をクラウド提供·Aptana Studio MOONGIFT
まぁ本当はAptana Studioではなく、Aptana Cloudなのだけれど。 Aptanaは言わずと知れた、JavaScriptの開発に使われたり、HTMLオーサリングに使われたりするオープンソース・ソフトウェアだ。最新版では、Aptana PHPが登場し、PHP開発でもコードのハイライト化、補完などができるようになった。 Web系スクリプト言語開発者に嬉しい統合開発環境 そして驚くべきことは開発したPHPアプリケーションをそのままAptanaの提供するクラウドサービスで実行できることだ。 今回紹介するオープンソース・ソフトウェアはAptana Studio、WebシステムIDE（統合開発環境）だ。 Aptana StudioはEclipseで開発されており、プラグインとして導入することもできる。Aptana PHPではビルドインされたサーバを使って開発を行うことも可能だ。他にRa
Git on Windowsのキラーアプリケーション·TortoiseGit MOONGIFT
※ 画面は公式サイトのスクリーンショットより まだ実用的なレベルには達していないが、非常に気になるのでご紹介。 開発の現場ではSubversionのシェアが大きい。これは二つの理由が考えられる。一つは過去に導入し、実績があること。もう一つはTortoiseSVNに匹敵する便利なユーティリティがGitにはないということだ（Windowsに限定されるが）。 コンテクストメニュー だがその時代もついに終焉を迎えそうだ。Gitでもこんな魅力的なフロントエンドが開発されている。 今回紹介するオープンソース・ソフトウェアはTortoiseGit、まさにTortoiseSVNのGit版というべきソフトウェアだ。 TortoiseGitはスクリーンショットを見る限りではTortoiseSVNのアイコンを流用しつつ開発が進められているようだ。コミットのダイアログ、履歴管理などの機能がある。コンテクストメニュ
Windowsにインストールされているドライバーを一括バックアップ·DriverBackup! MOONGIFT
自作のマシンや、マイナーなメーカーのBTOマシンなどでWindowsをセットアップしていて困るのがドライバーが標準で用意されていない場合の対処だ。マウスが使えないなら代用もあるが、ディスプレイが16色になったり、そもそもLANが使えなかったりするとインターネットも使えず不便な思いをする。 ドライバ一覧。特に問題なければこれを全てバックアップする。 まず現状の環境化にあるドライバーを全てバックアップしよう。そうすればきっと再設定する際に役立ってくれるはずだ。 今回紹介するオープンソース・ソフトウェアはDriverBackup!、Windows用ドライババックアップソフトウェアだ。 DriverBackup!を起動すると、今インストールされているドライバが一覧表示される。後はこの中から不要なものを外していくだけで良い。バックアップを行うとZipファイルでまとめて保存してくれる。ログファイルは日
PHP製のソースコードレビューシステム·Groogle MOONGIFT
※ 画面は一部公式サイトより ソースコードのレビューシステムも2008年になって急激に注目を集め、各種オープンソース・ソフトウェアが登場したジャンルだ。Java、Python、Perl、Rubyと各種言語向けに登場しているが、思ってみればこの言語は初だったかも知れない。 ソースコードをコミット前にレビューする そう、Webベースのプログラミング言語と言えばのPHPだ。PHPで開発を行う方であれば、やはり使い慣れたこちらが使いやすいだろう。 今回紹介するオープンソース・ソフトウェアはGroogle、PHPで作られたソースコードレビューシステムだ。 PHPは開発者の技量によって、ソースコードの見やすさや書き方が大幅に異なる言語だ。その補正を行うためにもレビューシステムの導入は重要と言える。そしてGroogleを使えばその使い慣れたPHPを使ってWebベースのソースコードレビューが可能になる。
サーバサイトで使えるTiddlyWiki·SoloWiki MOONGIFT
あ、もしかして久々のWikiサタデー？やべっ、オラちょっとわくわくしてきたぞ！ サーバサイドで使えるTiddlyWiki WIkiはコラボレーションが基本になるので、Webサーバ上にインストールするのが当たり前だった。だが、そんな中JavaScriptだけで動くWikiエンジン、TiddlyWikiが登場した。TiddlyWikiの登場がWikiを個人メモツールとして活用する道筋をつけたと言っても過言ではないのではないだろうか。 確かにTiddlyWikiは素晴らしかった。だがその素晴らしさは機能だけに限らず、インタフェースも優れていた。あのインタフェースをローカルだけに留まらせるのは勿体ない、そう考えたのがSoloWikiだ（多分）。 SoloWikiはRuby on RailsをバックエンドにしたサーバサイドTiddlyWikiだ。何か矛盾している気もするが、良い男はそんなことは気にし
今時のWebサイトを構築するのに便利そうなCSSフレームワーク·Malo MOONGIFT
海外に見る最近のWebサイト（特にトップページ）のデザインは、縦に何段かに分かれたデザインが多い。一番上は大きな画像とともに二段構成、その下が2×2のテーブル組みなどでサービスの特徴を書き、次に横並びの3段で利用者の声といった具合だ。 今時のWebサイトっぽいデザインが簡単に まぁテーブルで組めばできないことはない。だがそれはださい、ださすぎる。CSSだけでどうにかしたい所だが、ブラウザの互換性も含めて考えるとプログラマにはとても無理だ。Firefoxで見られるように何とか組んで、IEで見たら吹き飛んでいた…なんてなったらもうやる気がなくなる。そんなことになる前に使いたいのがMaloだ。 MaloはGoogle Code上で公開されているCSSフレームワークで、GPLの下に公開されている。 Maloが実現するのは複雑な、それでいて簡単に設定できるCSSデザインだ。ヘッダとフッターを設けた上
Webプロジェクトのベースを生成する·deploy* MOONGIFT
Webサイトの開発をする上で、JavaScriptライブラリの選定やCSSのフレームワークを採用するなどある程度決まりきった作業が発生する。だが、ついつい途中を抜かしてしまったり、後で気がついて入れ直すなんてことがある。 ウィザード形式でWebサイトのスケルトンを生成する Webサイトのスケルトンモデルを適切に生成すれば、スタートがスムーズになる。そのためのソフトウェアがdeploy*だ。 deploy*はWebベースのオープンソース・ソフトウェアで、Webサイトのベースになるライブラリや設定をウィザード形式で行ってくれる。 deploy*で行えるのはHTMLのDOCTYPE宣言の設定、CSSの設定（ブランクまたはreset）、jQueryの利用有無とプラグインの選択、そして画像ディレクトリやインクルードディレクトリ等を作成するかどうかの設定だ。 その他オプション それらを順番に指定してい
きっと皆好きになる！手書きで作るモックアップ·DENIM MOONGIFT
Webサイトのモックアップ（ワイヤーフレーム）を作る作業は面白い。実際の開発とは異なり、想像の羽を羽ばたかせてどんどん試すことができる。そうしたツールはこれまでにも幾つか紹介してきた。 手書き風モックアップ作成 この手のツールはあまり奇麗なインタフェースであってはならない。むしろ雑さが残るくらいがちょうど良い。そこで手書きで作るDENIMを紹介しよう。 DENIMはJavaで作られたモックアップ作成ソフトウェアだ。単一ページだけでなく、Webサイト全体を構築できるのが特徴だ。 DENIMはWindows、Mac OSX、LinuxやSolarisといったマルチプラットフォームに対応したソフトウェアだ。若干特殊なインタフェースで、まるでホワイトボードに書いていくかのようにモックアップを作成できる。 まずすることは鉛筆ツールで四角を描くことだ。これが自動的にページになる。メニューから選んで奇麗
君が使うまで殴るのを（ry·Jojo CMS MOONGIFT
タイトルはネタなので気にしないでいただきたい。CMS（コンテンツ・マネジメント・システム）には様々な種類が存在する。XoopsやPloneのようなもの、WordPressやMovable Typeのようなブログエンジン、そしてWikiのようなコラボレーション重視のものなど。 ユーザ画面。名前から期待が膨らんでしまった… そんな混乱するほど複雑化したCMS業界において、シンプルなものをお求めならJojo CMSを使ってみよう。 Jojo CMSはPHP+MySQLで作られたCMSで、シンプルな作りと多数のプラグインによって構築されたオープンソース・ソフトウェアだ。 Jojo CMSはユーザ画面と管理画面が分かれて提供されるCMSで、シンプルな仕組みで分かりやすい作りになっている。インストールは専用のウィザードを使って簡単に完了する。コンテンツはページが基本だが、ニュースを追加することもできる
JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT
こ、これは便利…。新規開発しているときはまだしも、実際に動いているサイトのデザインやJavaScriptをメンテナンスしようと思うと以外と大変だ。静的な場合はまだしも、Ajaxを使ってデータを取得していたりすると、その用意だけでも時間がかかってしまう。 そんな時に使えるのがamachangご推薦のCocProxyだ。Webデザイナーまたは開発者の方はおお、こんなのを待っていたと思うに違いない。 CocProxyはRubyで書かれたオープンソース・ソフトウェアで、開発用プロキシだ。 CocProxyを使う際には、filesというディレクトリを作成し、そこにファイルを配置する。ドメインごとにフォルダを作成して、その中にファイルを入れても良いし、直接ファイルを置いても良い。優先度はfiles直下にあるファイルだ。 style.cssはヒットしたのでローカルファイルを利用している そしてproxy
JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT
Ajaxを使う上でよく使われるのがJSONやXML形式だ。最近では特に冗長性がなく、JavaScriptでそのまま使える分、JSONが好まれる傾向にある。しかしコンピュータ上は読みやすくとも、人向けのフォーマットとは言えそうにない。 例えばデバッグの際にJSONフォーマットをチェックする必要があった場合、その解析は非常に面倒だ。そこで使ってみたいのがJSON Editorだ。 JSON EditorはAdobe AIR製のフリーウェアで、JSONやXMLの内容をパースして表示、編集できるソフトウェアだ。 JSON Editorを使うと、出力されたJSONをそのまま貼付けてReadボタンを押せばテーブル形式に並べ替えて表示してくれる。これで階層がどれくらい深いのか、希望した通りにデータが並んでいるのかといった情報が簡単に分かるようになる。 多彩なショートカットキーがある 逆にデータを作成して
Windows/Linuxで動作するシステムモデリングツール·Open System Architect MOONGIFT
システム開発において、初期段階のドキュメントはしっかりと作られる傾向にある。もちろんデータベースの正規化や設計も適切に行われる。だが運用が開始してから起こる修正や、追加開発についてはそれらがおざなりになる。 論理モデル そしてシステムというのは目に見えず、全体像の把握が行いづらい。そこでまずは現状を見える状態にしよう。使うのはOpen System Architectだ。 Open System ArchitectはWindowsやLinuxで動作するオープンソース・ソフトウェアで、GPLの下に公開されている。 Open System Architectは論理モデルと物理モデルの二つのモデリング手法に対応している。初期の開発からであれば論理モデルから落とし込んだり、逆に既にある場合は既存データベースからの構築機能があるのでそれを使って物理モデルからはじめれば良いのではないだろうか。 テーブ
オープンソース+Web+Flash+部屋のレイアウト＝·Flash Floor Plan MOONGIFT
なんかこう…色々なものがオープンソースになっていくという凄い世界を実感してしまう。部屋の模様替えや、引越の際にはレイアウトを考えるツールが必要だ。子供のときには絵に描いて試したものだが、ものが増えてきた今となってはやり直しも面倒で、データ上でシミュレーションするのが良い。 Flashベースのレイアウトツール そのためのツールは幾つかある。だがオープンソースのものは数少ない。というかはじめてみた、それがFlash Floor Planだ。 Flash Floor PlanはFlash製のWebアプリケーションで、GPLの下に公開されている。 Flash Floor Planでは幾つかのFlashファイルによって構成されている。一つが全体のレイアウト図だ。そして各家具がそれぞれ別なFlashファイルになっている。それを選択してドラッグアンドドロップでレイアウト上に配置していく。 家具を配置して
Google App EngineをRESTfulデータベースに·App3 MOONGIFT
RESTfulデータベースというと何のことやらといった感があるが、言わばキーと値のデータベースで、通信をHTTP経由で行うものだ。キーを指定してポストすれば新規追加され、ゲットを使ってデータを取得する。PUTで更新、DELETEで削除と言った具合だ。 Google App EngineをRESTfulなデータベースに！ そんなキーと値のデータベースは様々に存在する。リレーショナルデータベースと違って、単純なデータ構造だがテキストや文字列を扱うのに都合がいい場合もある。それをGoogle App Engineを使って実現するのがApp3だ。 App3はPythonで作られたオープンソース・ソフトウェアで、GPLの下に公開されている。 筆者環境ではまだうまくいっていないのだが、データはキーとともにJSON形式で保存できる。そしてGETを使ってデータを取得する。リストを使ってデータの一覧を取得す
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
段組みを実現するCSSレイアウトをオープンソースで·Typogridphy MOONGIFT
プログラマーやSEの方々はWebデザインが苦手だ。私自身、色々勉強はしつつもどうにも好きにはなれない。そのため、極力テンプレート的なものを使って作業するようにしている。デザインを後回しにすると、システムがある程度できた時にはじめることになり、折角乗っている気分を台無しにする恐れがある。 CSSで段組みを実現 最近の流行は960px幅のWebサイトらしい。その大きさに基づいて、印刷レベルでも耐えうるというのがTypogridphyだ。 TypogridphyはCSSテンプレートをオープンソースで公開している（ライセンスは明記されていなかったのでご注意いただきたい）。XHTMLに準拠し、ValidなCSSとなっている。 TypogridphyはPHPファイルと一緒に提供されているが、プログラミングコード部分がないのでHTMLと変わらないようだ。960pxと書かれているが、デモ用のHTMLファイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
