業務システムに組み込みたい。PHPからExcelファイルを読み書きする·PHPExcel MOONGIFT
PHPExcelはExcelファイルの読み書きを行うPHPライブラリ。PDF/HTML出力にも対応。 PHPExcelはPHP製のオープンソース・ソフトウェア。業務システムを開発していて必ず発生するのがExcelのような表形式ファイルの取り込みだ。大抵はCSVに変換してもらって取り込むだろう。だがユーザが変換を忘れてExcelを読み込ませてしまうことも度々だ。 PHPで出力できる さらにシステムから資料を出力する際にもCSVをダウンロードして手作業で修正して…という手間をユーザにとらせることになってしまう。そんな時代はもう古い、PHPExcelを使ってリッチなExcelファイルをそのままやり取りしよう。 PHPExcelはExcel 2007をベースとし、5.0/95/97以降のファイル形式の読み込みにも対応している。Excel 2003のXMLフォーマットも扱える。さらにOpenOffi
これがあればWebアプリケーションのデザインがすいすいできる·Bootstrap MOONGIFT
Bootstrapは今風のWebアプリケーションを開発するのに最適なデザインパーツを提供するCSSテンプレート。 BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあって奇麗な画像を生成したり、何かのサービスを模したデザインに人気が集まったりする。Appleの作るデザインのような、今風なWebサイトを作る際にはBootstrapが便利そうだ。 BootstrapはTwitterの開発チームが作成したWebデザインテンプレートだ。単なるHTMLのみならず、色々な機能がおり混ざっている。複数カラムのグリッド、高さの揃った複数カラムのレイアウト、基本的なHTML
Gitを使っているWebデザイナー必見。DreamweaverからGitを使える·GITWeaver MOONGIFT
GITWeaverはDreamweaverとTortoiseGitを連携させるDreamweaver機能拡張。Gitコマンドが使えるようになる。 GITWeaverはWindows/Dreamweaver用のオープンソース・ソフトウェア。企業ではまだまだSubversionがメインのリポジトリ管理システムになっているようだが、個人を中心にGitを使うケースが増えている。プログラマーが使っているケースが多いが、デザイナーの方も使い始めている。 メニュー そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリー
スマートフォン最適化サイトを構築するに使いたい、デバイスエミュレータ·Mobilizer MOONGIFT
MobilizerはBlackberry/iPhone/webOS/Androidのスマートフォンを模した最適化サイトチェックツール。 MobilizerはAdobe AIR製、Windows/Mac OSX用のフリーウェア。現在のスマートフォン市場ではAndroid、iPhone、RIMの三強になりつつある。さらにWindows PhoneやwebOSといったデバイスも参入し、チャンスを狙っている。まだまだ荒れそうな雰囲気はある。 起動した画面 さらにインターネットアクセスはデスクトップよりもモバイルのトラフィックが勝っている。これはスマートフォンへの対応をしない訳にはいかないだろう。そこでスマートフォンでのWebサイトの最適化具合をチェックできるMobilizerを紹介しよう。 Mobilizerを起動するとアドレスバーが表示される。そしてその横にはPhonesというリンクがある。ここ
Web上でヒートマップを簡単に実現するHTML5/JavaScriptライブラリ「heatmap.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
heatmap.jsはWebベースのヒートマップ表示ライブラリ。 heatmap.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。グラフには様々な種類があるが、とりわけ作るのが難しそうなグラフにヒートマップがある。一定の範囲における影響度を表現したり、ユーザの動きを可視化するのに使われたりする。 デモ 動線を可視化することによってサイトの流れを変えたり、店の商品配置を変えるデータにもなりえる。そんなヒートマップを表示するためのライブラリがheatmap.jsだ。 heatmap.jsはWebブラウザ上で指定した範囲（画像など）の上にヒートマップを表示するライブラリだ。マウスの動きに合わせたり、クリックでヒートマップデータを作ることが出来る。クリック場所をトラッキングしておけば、元データを集積することができるだろう。 地図との組み合わせ 画像だけでなく、地図の上にレイ
Titaniumを使った開発をより生産性高くするために公式IDEを使おう·Titanium Studio MOONGIFT
Titanium StudioはEclipse（Aptana Studio）をベースにしたTitaniumやWebシステム開発に特化したIDE。 Titanium StudioはTitanium用、Java製のフリーウェア。日本でもTitaniumによるiOS、Androidアプリの開発が盛んになっている。JavaScriptでの開発なので、普段使っているテキストエディタで開発できるのが魅力だが、より効率的な開発のためにはIDEを使う方が良いかもしれない。 開発画面 Titanium StudioはまさにそのためのAppcelerator公式のIDEだ。Titanium開発はもちろん、RailsやPHPでの開発においても役立つ機能を盛り込んだ、Web/スマートフォン開発のためのIDEだ。 Titanium StudioはEclipseをベースに開発されている。Appceleratorが買収
これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
PHP製Webベース、自分好みのTwitterクライアントを作る·Wootter MOONGIFT
WootterはPHP製のTwitterクライアント。2ペイン構成で奇麗なデザイン。 WootterはPHP製のオープンソース・ソフトウェア。TwitterはデフォルトのWebベースで扱うよりも、専用クライアントで利用している人のが多いのではないだろうか。だが常に同一デバイスであれば複数のOSを使う人にとってはそれぞれにクライアントを用意するのは面倒だ。 メイン画面 そこで使ってみたいのがWootterだ。PHP製のWebブラウザ上で動作するTwitterクライアントだ。デフォルトのものとは違って自分好みの最適な画面にできる。 Wootterは2ペインの画面になっている。左側にタイムライン、右側にMentionが出るようになっている。ユーザアイコンの上にカーソルを合わせると返信、DM、お気に入り、ReTweetをするアイコンが表示される。DMなどを選ぶとその場にテキストエリアが出るので直感
画像の保護に。JavaScript/Canvasを使って動的に電子透かしを入れる·watermark.js MOONGIFT
watermark.jsはHTML5/Canvasを使って画像に動的に透かしを入れるソフトウェア。 watermark.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトやメディアサイトでは画像に透かしを入れて表示している場合がある。社名や自社のロゴを載せることで、転載を防止または抑制する仕組みだ。 画像の左上のマークが透かし 大手のサイトであれば画像を自動的に変換するシステムを導入しているかもしれない。だがwatermark.jsであれば個人や小規模なサイトでも簡単な透かしシステムを導入できるようになる。 watermark.jsはJavaScriptとHTML5のCanvasタグを使って画像を動的に変換する。別途画像を指定することで、その画像を表示したい画像に上書きする形で表示する。透明度、表示位置、クラス名を指定することで細かく表示を制御できるようになっている。
ostatusやMongoDBを組み合わせたマイクロブログシステム·rstat.us MOONGIFT
rstat.usはRuby/Sinatraで作られたマイクロブログシステム。 rstat.usはRuby/Sinatra製のフリーウェア（ライセンスはWTFPL）。マイクロブログの人気は衰えることを知らない。Twitterはもちろん、FacebookやmixiといったSNSをはじめ多数のサイトでも類似した機能が実装されている。 トップページ システム自体はシンプルであり、真似するのもさほど難しくはない。そのために多数の開発者がクローンを開発してきた。そんな中、機能性も十分な多機能マイクロブログが登場した。それがrstat.usだ。 rstat.usはTwitter/Facebookまたは独自認証システムで認証可能なマイクロブログエンジンだ。ステータスをアップデートするという基本機能は変わらないが、人を指定してリプライしたり、Share（RSとつく）ができるようになっている。フォロー/フォロ
仕事で便利。CSVファイルを読み込んでソース/検索可能なHTMLに変換·Latimes Table Stacker MOONGIFT
Latimes Table StackerはCSVファイルを設置し、ソート/検索可能なHTMLで表示するソフトウェア。 Latimes Table StackerはPython/Django製Google App Engine用のフリーウェア（ソースコードは公開されている）。高度なWebアプリケーション、システムが開発され個人のIT利用度はどんどん高くなっている。対してビジネスの場ではあまり大きな変化は起きていない。 CSV一覧 未だにAccessのようなデータベースが使われ、Excelベースのデータ集計がされている。それは決して悪いことではないが、ソフトウェアの依存や再利用性を高めるのには不向きだ。そこで使ってみたいのがLatimes Table Stackerだ。 Latimes Table StackerはCSVファイルを読み込み、テーブル上に表示するソフトウェアだ。一行目がカラムに
WebSocketを使っていない、サーバ無用なリアルタイム通信ライブラリ·Easy WebSocket MOONGIFT
Easy WebSocketはWebSocketではなくリアルタイム通信を行うJavaScriptライブラリ。 Easy WebSocketはnode.js製のオープンソース・ソフトウェア。HTML5界隈が賑わっているが、なかなか実用的なものは出てきていない。動画共有サイトのスマートフォン向けインタフェースやWebブラウザ用のゲームがせいぜいではないだろうか。 チャット画面 やはりデスクトップ向けのブラウザで一部のブラウザしか対応していないのが問題なのだろう。HTML5に関連した技術、WebSocketは特にサーバ側の準備も必要で扱いづらいイメージがある。そんな常識を覆すソフトウェアがEeasy WebSocketだ。 Easy WebSocketは正しくはHTML5の仕様ではないがWebSocketを擬似的に再現する。まるでWebSocketではないかと思えるほど、リアルタイムで更新され
これは面白い。WebSocketを使ったWebベースのターミナル·ws-io MOONGIFT
ws-ioはWebSocketとI/Oを組み合わせることでWebベースのターミナルを実現する。 ws-ioはRuby製のオープンソース・ソフトウェア。HTML5で新しく登場した機能は幾つもあるが、その中でも特殊な位置にあるのがWebSocketではないだろうか（仕様からは切り離されているが）。これまでになかったソケット通信をどう活かすかが問題だ。 Web上でirb そのため、出ているものもチャットくらいがメインで、まだまだ模索している段階だ。そのような時期にはとにかく色々なものを作り、その中で最もマッチしていると思われるものを見極めなければならない。今回はその一つ、ws-ioを紹介しよう。 ws-ioはWebSocketとサーバのI/Oをつなげてしまうソフトウェアだ。例えばShellとつなげてしまうことで、Webブラウザ上にターミナルが立ち上がると言った具合だ。WebSocketで繋がって
楽しさ半分怖さ半分。ソーシャルサービスに投稿した位置情報を地図にマッピングする·creepy MOONGIFT
creepyはTwitter/Flickrのデータを使って地図上にマーカーを立てるソフトウェア。 creepyはPython製、Windows、Linux用のオープンソース・ソフトウェア。インターネットと地図の相性はとても良い。ただ撮影した写真も、位置情報が埋め込まれていれば地図上にマッピングができる。Foursqureやmixiチェックと言ったサービスも人気が高い。 地図上にマッピング 位置情報をただ送信するだけでは面白みは殆どない。その後で地図にマッピングして見てこそ意味があるのだ。そしてcreepyはソーシャル情報にアップロードされた位置情報をマッピングする、面白そうなちょっと怖さもあるソフトウェアだ。 creepyは位置情報のソースとしてTwitterまたはFlickrを選ぶ事ができる。そして地図データとしてGoogleマップやOpenStreetMapといったサービスが選択可能だ
オープンソース版セカイカメラとも言うべきiPhone用ARアプリ·Mixare iPhone MOONGIFT
Mixare iPhoneはセカイカメラ風AR（拡張現実）を実現するソフトウェア。 Mixare iPhoneはiPhone用のオープンソース・ソフトウェア。あくまでも個人的な意見として、TechCrunch50ではじめて目にしたセカイカメラの衝撃に比べて、現状の進み方はちょっと残念な気がしてしまう。もっと凄い未来が見えていた気がしていた。 Google Buzzが大量に浮遊 iPhoneを掲げるという行為自体が一般化するのは難しいかも知れないが、AR（拡張現実）の使い方としてとても面白い試みに思えたのだ。もしあなたが同様のソフトウェアで自分のアイディアを実現したいと思うならばMixare iPhoneを使おう。 Mixare iPhoneは以前紹介したMixareのiPhone版だ。これでAndroidとiPhone、両方が揃ったことになる。単体でも十分動作するが、本来はMixare i
本物そっくりな免許を生成するジョークソフトウェア「免許証ジェネレータ」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
免許証ジェネレータはJavaScriptを使って免許証そっくりの表示を行うソフトウェア。 免許証ジェネレータはJavaScript製のオープンソース・ソフトウェア。○○ジェネレータ系のサービスは時々現れては人気を集める。写真を手早く加工したり、何となく意味が通じそうなテキストを生成したりと面白いサービスが多い。 まさに免許証 その一つがまた登場した。汎用的な画像ではないが、チャレンジしたこと自体が面白い。生成されるのは何と免許証になる。それも本物そっくりで自由にカスタマイズができるものだ。免許証ジェネレータを使って遊んでみよう。 免許証ジェネレータはWebブラウザ上でテキストボックスに文字を入力すると、免許証の文字がその場で変更される。名前や生年月日、本籍などはもちろんのこと、免許の条件や種別についても自由に設定が出来る。写真だけは残念ながら変更できない。 色や文字を細かく変更できる でき
MongoDBを使った開発のお供に。MongoDB版phpMyAdminとも言うべき「RockMongo」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
RockMongoはPHP製のMongoDB管理インタフェース。 RockMongoはPHP製のオープンソース・ソフトウェア。NoSQLデータベースが注目を集めている。RDBMSに代わるとは思いがたいが、使いどころによってはNoSQLの方がパフォーマンスが高く、より高速なWebサービスを構築できるメリットがある。 ドキュメント一覧 そのNoSQLの一つして知られているのがMongoDBだ。ドキュメント指向データベースとしても知られ、複数サーバにまたがったようなスケーリングにも対応している。そんなMongoDBを扱う上で便利な管理インタフェースがRockMongoだ。 RockMongoはMongoDB用のPHP製管理インタフェースだ。MySQLで言う所のphpMyAdmin的存在だ。データベースの一覧、コレクションの一覧、ドキュメントの一覧など階層的に閲覧できるようになっている。もちろんコ
社内のMac OSXにおけるソフトウェア管理に。GAEで動くソフトウェアアップデートサーバ·Simian MOONGIFT
SimianはMunkiと連携して独自のソフトウェア更新環境を構築するサーバソフトウェア。 SimianはPython製/Google App Engine用のオープンソース・ソフトウェア。社内におけるMac OSXの利用率は徐々にではあるが増えている。iOSアプリを開発する場合は必須であるし、ある程度ソフトウェアも互換性があるのでより使いやすい方を選ぶようになっているのだろう。 ファイル構成 Mac OSXはウィルスに強いと言った話を聞くが、実際はウィルスの種類と量の違いでセキュリティ自体は大差はない。Mac OSXであってもきちんとセキュリティアップデートを行っていかなければならない。そこで使えるのがSimianだ。 Simianは先日紹介したMunkiと組み合わせて使うソフトウェアだ。つまりSimianはサーバサイドのソフトウェアであって、セキュリティ情報の配信をサーバで管理できるよ
Rails3の開発をはじめるならこれ。Rails開発環境一括インストーラー·Rails Installer MOONGIFT
Rails InstallerはRuby/Rails/Git/SQLiteなどを一括インストールするソフトウェア。 Rails InstallerはWindows用のオープンソース・ソフトウェア。Railsは2004年の登場以降、着々と進化を遂げている。今ではメジャーバージョンは3となり、さらに効率的、素早くWebアプリケーションを開発できるようになっている。今からでも取り組みたいという方は多いはずだ。 公式サイト Rails2と3では仕組みが大きく異なっている。そのため今からはじめるならRails3だろう。しかし環境を用意するのに時間がかかっていては、せっかくのやる気が萎えてしまう。そこで使ってみたいのがRails Installerだ。 Rails InstallerはWindowsにおいてRails環境を一気に整えるためのインストーラーだ。Ruby 1.8.7-p330、Rails3
HTML5のオーサリングに。GeckoをレンダリングエンジンにしたHTMLオーサリングツール·BlueGriffon MOONGIFT
BlueGriffonはHTML5をサポートした、Firefox4をレンダリングエンジンにしたHTMLオーサリングツール。 BlueGriffonはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。Webは日々進化している。それに合わせて制作ツールも進化しなければならない。オーサリングツールとしてはDreamweaverのシェアが圧倒的なようだが、HTML5を考えると物足りなくもない。 HTMLファイルを開いた所 入力サポートは当たり前として、HTML5対応サイトの再現性が高くなければならない。最新の技術にも率先して対応しているブラウザと言えばFirefox、そんなFirefoxのGeckoエンジンを使ったオーサリングツールがBlueGriffonだ。 BlueGriffonはNvuやKompoZerの後継として開発されているオーサリングツールで、HTML5に十分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
