小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT
TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ
WebSocketを使えばリアルタイムメッセージの夢が広がる·WebSocket client for Titanium Mobile MOONGIFT
WebSocket client for Titanium MobileはTitanium MobileでWebViewを使わずにWebSocketを直接扱えるようにするライブラリです。 Webブラウザでリアルタイムにメッセージを交換したいならば使ってみたいのがWebSocketです。そんなWebSocketを使う場合、Webブラウザ（またはコンポーネント）を使いますが、直接扱ってしまおうというのがWebSocket client for Titanium Mobileです。Titanium開発者は必見です。 まずサーバを立ち上げます。サンプルサーバが付属していますのでそれを使います。 ついでサンプルのiPhoneクライアントを立ち上げます。 コネクトを実行するとサーバ側で接続が確認できます。 メッセージを飛ばせば表示されます。 iPhone側ではこんな感じに表示されます。 切断しました。
触れる価値あり。Google Chromeをプログラミングエディタ化する·SourceKit MOONGIFT
SourceKitはGoogle Chrome内で動作するテキストエディタ。Dropbox APIを使っている。 SourceKitはGoogle Chrome向けのフリーウェア（ソースコードは公開されている）。なかなかWebアプリケーション化しないものの筆頭として考えられてきたのがテキストエディタだ。特にプログラマ向けのエディタになると手になじんでいるかどうかの問題が大きく、なかなか本格化しなかった。 まさにエディタ 確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 SourceKitはGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選
WindowsのJSONを使った開発のお供に。JSONをツリービューに展開する·JSON Viewer, MOONGIFT
JSON ViewerはVisual Studioとの連携も可能なJSONビューワー。 JSON ViewerはWindows用のオープンソース・ソフトウェア。XMLを面倒なものに感じていたのはタグの仕組みによって記述が冗長的になってしまうからだった。ライブラリがあるので利用はさほど難しくないが、自分で作成するのは面倒だった。 貼付け そこで登場したのがJSONだ。XMLほど複雑な表記に対応できる訳ではないが、その代わりにとてもシンプルに記述できる。また、大抵の場合はそこまで複雑な定義は必要としないだろう。JSONは元々Web向けの技術だったが、最近は変わってきている。そこで登場したのがJSON Viewerだ。 JSON ViewerはWindows用のソフトウェアで、JSONフォーマットの文書を貼付けると、ツリー状に展開してくれるソフトウェアだ。JSONは改行などをなくして送受信される
Eclipse上で帳票設計。JasperReportsデザイナープラグイン·Jaspersoft Studio MOONGIFT
Jaspersoft StudioはEclipse用プラグインで、JasperReportsの帳票設計を行うためのソフトウェア。 Jaspersoft StudioはJava製、Eclipse用のオープンソース・ソフトウェア。基幹システム系の開発では、その結果は全て何らかの帳票に出力されて完結する（帳票に関連しないならば無用なデータとも言える）。帳票はとても重要視され、デザインにおいても精度の高いものが要求される。 デザイン確認 Webベースのシステムでは帳票の設計、出力がとても苦手だ。とは言え幾つかのソフトウェアが既に存在する。その一つがJasperReportsだ。そしてJasperReports向けに設計された帳票のデザインを確認したり、若干の修正を行えるのがJaspersoft Studioになる。 Jaspersoft Studioの特徴としてはEclipseプラグインで提供され
これは凄いぞ！スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで（iOS/Android/Palm Pre/Blackberryなど）HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の
node.jsならサーバサイドも。ブラウザのみのPDF生成にも対応する·pdf.js MOONGIFT
pdf.jsはnode.js/JavaScriptで作られたPDF生成ライブラリ。クライアントサイドの出力にも対応。 pdf.jsはJavaScript/node.js製のフリーウェア（ソースコードは公開されている）。基幹系、ユーザ系問わず何らかのデータを蓄積した結果、一覧やレポートを出力したいという要望は多々発生する。そのフォーマットとして代表的なのがPDFだ。 ブラウザのみで生成されたPDF PDFは仕様が公開されているとは言え、一から手作業で作るのは非常に面倒なフォーマットだ。そこで既存のPDFライブラリが使われる。PHP、Ruby、Javaなど各種言語向けにPDFライブラリが存在するが、JavaScriptではどうだろう。そう、pdf.jsを使えば良い。 pdf.jsはその名の通りJavaScriptを使ってPDFを生成するライブラリだ。やり方は二種類ある。一つは完全クライアントサ
Spriteを使ったJavaScript製のアニメーションライブラリ·Sprite.js MOONGIFT
Sprite.jsはJavaScript製のオープンソース・ソフトウェア。JavaScriptを使ってゲームを作る場合、キャラクターの描画には二種類の方法が考えられるだろう。一つは画像を使う方法、もう一つはドット単位やCanvasを使って直接描画する方法だ。 32体の人形が歩き回るデモ 後者はあまりに面倒だ。だから大抵画像を使った方法を選択するはずだ。そんな時、歩いたりジャンプしたりするアクションごとに画像が分かれていると、予め読み込んでおくデータ数が増えてしまう。それを解決するのがSprite.jsだ。 Sprite.jsがユニークなのは、一枚の画像を使って一つのキャラクターを表現する所にある。つまりGoogleなどがよく使っている小さなアイコン画像を固めて一つの画像ファイルにし、CSSを使って表示場所を切り替えて描画するSpriteをアニメーションに使っているのだ。 キー入力で動くデモ
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を使って作られた一つだ。さらにマウスで反応する
Windowsユーザ必見のiPhone向けサイトデザイン&シミュレータ·MobiOne Studio MOONGIFT
MobiOne StudioはWindows用のフリーウェア。iPhone用のWebサイトを作ろうとした場合、Windowsでは相当不利になっていた。WebKitはあるので、ユーザエージェントを変えればレンダリング結果は近いものが得られるだろうが、やはり別物だった。 ビジュアルデザインが可能 さらにWebサイトのデザインをするのも画面構成が特殊なので、Mac OSXがないと難しかったはずだ。そんな面倒さにやきもきしていたWindowsユーザはMobiOne Studioを使おう。これを使えば一気に未来が開けるはずだ。 MobiOne StudioはiPhone用のWebサイトをデザインするためのIDEだ。30以上のコンポーネントがあり、ドラッグアンドドロップで配置してWebデザインができる。とても簡単に最適化サイトの設計ができるはずだ。専用のアイコンも60種類以上ある。 生成されるHTML
iPad用Webサイトを構築するの使えるテンプレート·jQPad MOONGIFT
jQPadはHTML/JavaScript製のオープンソース・ソフトウェア。iPadはPCを使うほどでないライトやネット利用者や逆にギークを軸に売れている。毛嫌いする人も多いが、個人的には気に入っているデバイスだ。iPhoneとは違って大きな画面でWebブラウジングできるのが良い。 iPadに最適化されたサイトを構築する 通常サイトがそのまま使えるとは言え、全く問題がないかと言われるとそうでもない。やはり最適化されているとより使いやすくなるはずだ。そこで利用したいのが専用テンプレートであるjQPadだ。 jQPadはその名の通り、jQueryを使って構築されているiPad専用テンプレートだ。左右に分かれて表示されるようになっており、左側でメニューを、右側でコンテンツを表示できる。設定アプリに近い画面構成になっている。 ページはまだ若干足りない 左側ではメニューの他にログインウィンドウを表示
Concrete5にも似た日本製CMS·Seezoo MOONGIFT
SeezooはPHP/CodeIgniter製のオープンソース・ソフトウェア。CMSは直感的な操作でこそ意味がある。HTMLコードを手で入力するなんて以ての外、ページ構成やコンテンツの変更を思った通りにできてこそ、CMSとして役立つのだ。 コンテンツ編集中の画面 従来は管理画面でコンテンツを作成したり、モジュールの設定をしたりするのが一般的だった。だがAjaxやJavaScriptライブラリの発展によって、コンテンツ編集は格段の進歩を遂げている。今回は日本製のSeezooを紹介しよう。 Seezooは有名なConcrete5にも似た操作性でコンテンツの作成、編集ができる。ログインしているとフローティングツールバーが表示され、編集モードに入ることが出来る。ヘッダーやミドル、フッターと言ったブロックごとにコンテンツを追加、編集ができる。 管理画面 GoogleマップやHTML、画像、Twitt
テキスト＋グラフィックの構造化エディタ·Argumentative MOONGIFT
ArgumentativeはWindows用のオープンソース・ソフトウェア。頭の中で抱えているもやもやした事柄を整理するのに使えるのが構造化エディタだ。アウトラインエディタやマインドマッピングも使えるだろう。順番に書き下すことで頭の中が整理されていく。 左にテキストツリー、右にグラフィカルな表示 マインドマッピングは中央のノードから縦横無尽に広がっていくので、慣れていないと書くのに必至になってしまったり、拡散してうまくまとまらない結果になってしまうことがある。そこでテキストベースのArgumentativeを使ってみよう。 Argumentativeは左側にツリービュー、右側にグラフィカルビューを持ったソフトウェアだ。ツリービューを使って事柄をアウトライン化していく。ノードは「前提」「原因」「異議」「ヘルパー」の4つを使って組み立てていく。そしてその内容は自動的にグラフィカルビューに構造化
PHPでExcelファイルを読み込む·PHP Excel Reader MOONGIFT
PHP Excel ReaderはPHP製のオープンソース・ソフトウェア。業務システムなどでは、ユーザが作ったExcelファイルをシステムに読み込ませると言ったニーズが多い。そんな時使われるのはCSVとして出力して読み込ませるという方法だ。 Webブラウザ上に表示したサンプル だがごくわずかなファイルであれば良いが、数百ものExcelファイルを読み込むとなると変換もひと手間になってしまう。そこで使ってみたいのはPHPでExcelファイルを読み込むライブラリだ。かなり使えそうなのがPHP Excel Readerだ。 PHP Excel Readerはセルの値だけでなく、太字やイタリックと言った装飾の再現にも対応している。それだけではない。枠線やその色も取得し、再現が出来る。さらに埋め込まれた式を認識して、別なセルの値を参照することもできる。 元ファイル 再現性の高さはデモのExcelファイ
jQueryで作るGoogleカレンダークローン·wdCalendar MOONGIFT
wdCalendarはWebベース/jQuery製のオープンソース・ソフトウェア。Googleの中でも人気の高いプロダクトの一つがGoogleカレンダーだ。Ajaxを駆使し、まるでデスクトップアプリのような操作が可能だ。スケジュールはビジネス/プライベートを問わず利用できる。 スケジュール登録画面 そんな便利なツールだけに、自前のスケジュールアプリにもあのような機能を持たせたいというニーズは強くある。逆に言えばスケジュールアプリを作る上であのインタフェースと操作性は欠かせない存在になっている。それを実現するのがwdCalendarだ。 wdCalendarはjQuery製のオープンソース・ソフトウェアで、そのインタフェースはまさにGoogleカレンダーだ。マウスでドラッグして予定を作成したり、その詳細を記述（編集する際には自分でwdCalendarを立てる必要がある）することができる。 月
iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
jQuery iPhone UIはHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML
iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
Rails製の本格的Q&Aシステム·Shapado MOONGIFT
ShapadoはRuby on Rails製のオープンソース・ソフトウェア。最近のWebシステムの流行として、ソーシャルが取り上げられることが多いが、もう一つのキーワードとしてナレッジがある。単なるCGMとは異なり、各ユーザにとって役立つコンテンツは呼び水としての価値も高い。 StackOverflow.comクローン そんなナレッジを蓄積するシステムとして注目したいのがQ&Aシステムだ。世界的に有名なものとしてStackOverflow.comが知られている。そんなStackOverflow.comを模したシステムは多数あるが、かなりレベルの高いシステムとしてShapadoを紹介しよう。 Shapadoは質問が一覧で並び、投票/回答/閲覧数が表示される。質問は別なユーザによってアップデートすることも可能だ。回答自体にも投票機能がある。さらにタグ、バッジ機能とStackOverflowライ
簡単に使えるフローチャート作成ソフトウェア·Diagram Designer MOONGIFT
Diagram DesignerはWindows用のフリーウェア。フローチャートやUML、地図などドロー系ソフトウェアの利用範囲は多い。それだけに誰でも使えると便利なのだが、フリーで使えるものは多くない。有料であればMS Visioが有名だろう。 高機能なドローソフトウェア だがあれだけの高価なソフトウェアを必要な人全員に購入するのはなかなか難しい。簡易的なドローで十分というのであればDiagram Designerを使ってみると良いだろう。ステンシルも数多い、フリーで使えるドローソフトウェアだ。 Diagram Designerはフローチャートが基本になっているようで、オブジェクトやラインが多数登録されている。フォントを変えれば日本語の表示にも対応している。さらにUML、Windowsのモックアップ、地図、電気図といったステンシルが登録されている。 画像出力に対応 使い方はステンシルから
ActionScript3製の動画プレーヤ·f4player MOONGIFT
f4playerはFlash/ActionScript3製のオープンソース・ソフトウェア。HTML5のvideoタグによってFlashの動画プレーヤの需要が減るのではないかと言われている。だが全てのブラウザがHTML5に対応する訳ではないので、シェアはそう簡単に落ちないだろう。 色を変えることもできる むしろHTML4とHTML5の違いを気にしないでいいとなればFlashの需要はさらに増えてくるかもしれない。そんなFlashによる動画プレーヤは数あれど、新しいプレーヤとしてf4playerを紹介しよう。 f4playerの最大の特徴はスキンに対応していることだ。再生開始のボタンや再生箇所の表示など、細かく変更できる。色だけを変更するのはもちろん、デモのスカルスキンのようにボタンの形状まで変えてしまうことも可能だ。再生可能なのはFLVまたはF4V、MPEG4とのこと。 こんな独特なスキンも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
