注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
複数バージョンのnode.jsをコマンド一つで切り替え·nodebrew MOONGIFT
nodebrewは複数バージョンのnode.jsを切り替えて使えるようにするインストーラー/マネージャです。 node.jsの進化はとても速く、どんどんバージョンが上がっていきます。そのため本体をアップデートすると過去のソフトウェアが動かないなんてこともなりかねません。それを防ぐため、nodebrewを使ってみましょう。複数バージョンのnode.jsを手軽に切り替えられるようになります。 インストールします。ファイルをダウンロードしてきて実行権限をつけるのみです。パスの通った場所に入れておきます。 まずlistコマンドを実行します。最初はnoneです。 0.6.0をインストールします。install v0.6.0でインストールを開始します。 普通にmakeしてインストールされます。結構時間がかかります。 完了しました。 もう一度listを実行すれば0.6.0が載っています。 同様の手順で0
何に使えるか。指定フォルダ以下のファイル変更を監視·Track Folder Changes MOONGIFT
Track Folder Changesは指定したフォルダ以下のファイルやフォルダの追加、更新をトラッキングするソフトウェアです。 Windowsのインストーラーやソフトウェアが使っているときにどんなことをしているか気になったことはないでしょうか。そんな時にはTrack Folder Changesを使ってみましょう。指定したフォルダ以下の更新が如実に分かりますよ。 起動するといきなりフォルダツリーが更新されていきます。監視するフォルダを決めて、そのフォルダ以下の変化をトラッキングします。基本的には見ているだけです。利用には.NET Framework 3.5が必要です。 アバウトです。 Track Folder Changesを使うとリアルタイムにファイルやフォルダの追加や更新をトラッキングできます。任意のソフトウェアがどこにファイルを配置しているか、どのような操作をしているかをトラッキ
規模の大きなシステム開発に。データベース設計書からSQL文に変換·Database Modeling Excel MOONGIFT
Database Modeling Excelは指定フォーマットに沿ってDB設計書を作成することでSQL文に変換してくれるExcelファイルです。 システムの設計書を作成する中でデータベース定義書を書くことがあると思います。そんなときにはDatabase Modeling Excelのテンプレートに沿って記述してみましょう。そうすれば作成した後、SQL文に簡単に変換できますよ。 ファイル構成です。このExcelファイルはデモ兼テンプレートとなっています。MySQL/Oracle/SQL Server用が用意されています。 MySQL版です。まず表紙があります。 各テーブルの定義です。この形式に沿って自分で記述します。 ルールも書かれています。 処理を行うバッチファイルの内容です。 実際に生成されたSQLファイルです。MySQLのものを読み込めばMySQL対応のSQLが出力される仕組みです。
これは便利！Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成·ievms MOONGIFT
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
UMLなんて…と言わずに試してほしい。JavaScriptで描画する·jsUML2 MOONGIFT
jsUML2はJavaScript、Canvasタグを使ってUMLを描画するソフトウェアです。 2000年くらいの登場以降、一気に花開くかと思ったUMLですが、エンタープライズの開発くらいでしか聞かれなくなってしまいました。設計段階で全てを表すのはなかなか難しいですが、多数の人たちが開発に関わるならば現状システムをUMLで表してみたりするのは面白いかも知れません。そんなUMLをWebブラウザ上に描けるのがjsUML2です. jsUML2のデモです。実際にオブジェクトを自分で描けるようになっています。こちらはユースケース図。左側のオブジェクトをクリックして選択し、キャンバスの任意の場所をクリックして配置します。コネクションの場合は二つのオブジェクトをクリックすると自動的にラインが描画されます。 クラス図です。 メソッド、プロパティの追加も簡単です。 コンポーネント図です。 シーケンス図です。
ネットワーク管理者必見！無線LANの強度を図面にマッピング·Netspot MOONGIFT
NetspotはMac OSX用のWifiネットワーク探索ツールです。測定を行って図面の上に強度をマッピングします。 オフィスに勤めていた頃、無線LANアクセスポイントを設置して、どこまで有効かチェックして効率的な配置をチェックしたりしました。無線は目に見えないため、可視化することで現状の問題が見えてくるかもしれません。その補助としてNetspotを使ってみましょう。 インストールはMac OSXらしくアイコンをドロップするだけです。 図面を画像にしておけば取り込めます。今回はサンプルの図面を使います。 距離の設定をします。この設定によって強度の計算が変わってくるものと思われます。 測定範囲を設定します。今回はこの赤枠の部分です。 測定中です。一カ所の測定は数秒で完了します。 四隅+中央で計測した結果です。 強度でグラフ化されました。Jerryというアクセスポイントの強度グラフです。 結果
Webデザイナーにオススメ！SCSS/Sassで記述してリアルタイムに変換、デザインを確認·Compass MOONGIFT
独自の記法でCSSを記述するフレームワークがいくつか出てきました。しかし実際に利用する際にはCSSに変換する必要があります。記述して変換、では手間に感じて利用したくないでしょう。そこでCompassを使って自動変換してくれる環境を構築しましょう。 実行しているところです。メニューバーに常駐します。 設定です。SCSSまたはSassに対応し、自動で短縮化もしてくれます。 通知機能があります。Mac OSXの場合はGrowlで通知してくれます。 Webサーバ機能とlivereload機能があります。保存したタイミングで任意のポートをたたいて再読み込みさせます。 プロジェクトを追加したときの通知です。 Rubyファイルを含めてまとめてファイルを生成してくれます。 ファイルの配置はこんな感じです。デザインを組む前の準備が簡単になります。 ファイルを修正すれば自動で再コンパイルしてくれます。 いくつ
CoffeeScriptがWebの世界を制する？HTML/CSS/JavaScript生成·coffee-world MOONGIFT
coffee-worldはディレクトリを監視してCoffeeScriptからHTML/CSS/JavaScriptを生成するソフトウェアです。 最近、JavaScriptを素のままで書くことが減ってきています。CoffeeScriptから変換した方がコーディング量も少なく、かつ可読性の高いコードが書けるようになってきました。そんなCoffeeScriptは既にJavaScriptだけの壁を越えて動き始めています。そんな人にお勧めなのがcoffee-worldです。 インストールはnpmからできます。コマンドにしないといけないので実際には-gをつけます。 コード例。これはCoffeeScriptでCSSを生成するccssフォーマットです。 後はcoffee-worldを起動すると現在のディレクトリまたはパスを指定してそのパス以下のファイルをコンパイルしてくれるようになります。 CoffeeS
写真コンテンツの見せ方に一工夫。カバーフロー風表示のjQueryプラグイン·Coulisse MOONGIFT
CoulisseはHTML5を使ったカバーフロー風表示を行うjQueryプラグインです。 撮りためた写真を見せる際にただ一覧に並べてみせるのでは面白みに欠けます。そこでiTunesのカバーフロー風に表示するCoulisseを紹介します。HTML5対応ブラウザでのみ動作します。 読み込み完了した際の表示です。 矢印キーを押した場合です。滑らかにアニメーションしながら写真が切り替わります。 左右の写真をクリックしても切り替わります。 画像ごとにユニークなURL（アンカー付き）が割り当てられるので、表示したい写真を指定してチャットやメールで伝えられます。 CoulisseはMac OSXのカバーフローライクな表示でスムーズな操作で写真を見られるようになります。単なる一覧に比べて楽しく写真を見られることでしょう。なおiOSでのスワイプ操作には対応していないようです。 CoulisseはJavaSc
試そう！PHPコードを解析して修正点を指摘·phpca MOONGIFT
phpcaはPHPを静的に解析して小さなミスやコードの修正点を指摘してくれるソフトウェアです。 PHPを書く際にどう書けば小さなミスによるバグの発生を防げるでしょうか。一定の基準に沿って記述することで整然としたコードを実現し、可読性をあげることでバグの混入を防ぐことができます。そこで使いたいのがphpcaです。静的にPHPファイル（ディレクトリ単位も可）を解析し、修正すべき場所を指摘してくれます。 解析処理を実行しています。PHPのパスと、解析したいファイルやディレクトリ名を指定して実行します。解析処理中は随時メッセージが出力されます。 メッセージ例です。タブの利用や行の使い方に関してなどメッセージが表示されます。 ?>がない場合もメッセージが出ます。これはPHPの書き方としては逆かも知れません（確かない方が良いという話なので）。 PHPを書く上でありがちなミスやバグにつながりそうな指摘を
PHPによるWeb Socket実装·PHPWebSocket MOONGIFT
PHPWebSocketはPHP製のフリーウェア（ソースコードは公開されている）。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。 クライアントサイド だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。 server.phpを実行すると、localhost:12345でサービスが立ち上がる。後はWeb Socketに対応したクライアント（例えばGoogle Chrome）でclient.htmlを開けば良い。サー
要注目！HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT
Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDF、HTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日本語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
これでVisioを使ったネットワーク図作成からおさらば？運用まで管理できる·Prime MOONGIFT
Primeはハードウェア構成やソフトウェアも含めたネットワーク図を作成するソフトウェア。 PrimeはJava製のオープンソース・ソフトウェア。システム開発を行う際にデスクトップやルータ、サーバ等の配置を図に起こす時は多い。そういう時にドローソフトウェアとしてMS Visioを使うケースが多いのではないだろうか。他にも類似ソフトウェアはあるが、アイコンがどうも好きではなく結局Visioを使っていた。 描画中 しかしネットワーク図を描くためだけにMS Visioを購入するのではあまりにも勿体ない。デザインに優れたソフトウェアがあればそれを使えるはずだ。そこでネットワーク図を描く際にお勧めしたいのがPrimeだ。 Primeはデスクトップやサーバ、ネットワーク機器を配置してそれらを線で結んでネットワーク図を作成するソフトウェアだ。端末間の接続法をRJ45またはUSBから選べるなど芸が細かい。さ
これを待っていた。マインドマップ＋GTD·MindOnTrack MOONGIFT
MindOnTrackはマインドマップとタスク管理（GTD）が一つになったソフトウェア。 MindOnTrackはWindows/Linux用のフリーウェア（Mac OSX向けもリリース予定）。日々の業務やプライベートな予定など、うまく順番にやりくりするためにはTodo管理が欠かせない。そしてタスクというのは総じて自分の周囲を整理した時にも現れやすい。 タスク 単純に割り当てられているタスク以外にも、プロジェクトや業務に関して見直してみると新しいすべきことが見つかったりするのはよくあることだ。そこで考えをまとめつつタスクに落とし込めるソフトウェアとしてMindOnTrackを紹介しよう。 MindOnTrackはマインドマップとタスク管理が一緒になったソフトウェアだ。言わば作業を分類ごとにドリルダウンしながらまとめ、それに日付をつけてタスク化していくのだ。さらにGTDにも則っているので、プ
Webサイト上で注釈を付与、表示するjQueryライブラリ·AnnotateIt MOONGIFT
AnnotateItはWebサイト上で注釈をつけたり表示するJavaScriptライブラリ。 AnnotateItはjQuery/JavaScript製のオープンソース・ソフトウェア。Wikipediaをはじめとしてコンテンツ系サイトでは記事に対する引用元や、注釈をつけることがある。大抵そうした内容は記事全体の下にまとめて引用として添付されるので見過ごされがちだ。 注釈入力中 また、ブログやニュースサイトにはコメント機能がついていることが多い。そこでは大抵記事の一番下にコメントエリアがあり、感想などを投稿する。そのため記事全体に対するコメントと受け取られがちで、勘違いを生むこともある。そうした事態にならないよう使ってみたいのがAnnotateItだ。 AnnotateItはWebサイトの任意のテキストに対して注釈を付けられるJavaScriptライブラリだ。文字を選択すると編集アイコンが表
業務システムに組み込みたい。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
写真に埋め込まれたメタデータ、ExifをJavaScriptで読み取る·Javascript EXIF Reader MOONGIFT
Javascript EXIF ReaderはJavaScriptを使った写真のExifデータ読み取りライブラリ。 Javascript EXIF ReaderはJavaScript製のオープンソース・ソフトウェア。HTML5のCanvasタグを使い、JavaScriptでバイナリ解析を行うのが流行っている（？）昨今、皆様はいかがお過ごしでしょうか。元気にバイナリ解析をしているでしょうか。 デモの写真 今までであれば、バイナリファイルをサーバに送信して解析結果をWebブラウザで受け取って表示する、そんなやり方が当たり前だった。しかし今は違う。クライアントサイドで解析してその結果をサーバに送るのだ。その一つ、Exif解析を行うのがJavascript EXIF Readerだ。 Exifというのは写真などのJPEG画像に入ったメタ情報だ。撮影した時間や場所、カメラ、シャッター、絞り等カメラと
パスワードロックもできる、Windows用PDF作成仮想プリンタ·CubePDF MOONGIFT
CubePDFはWindows用の仮想プリンタとして動作するPDF作成ソフトウェア。 CubePDFはWindows用のオープンソース・ソフトウェア。PDFはビジネス上、欠かすことのできない文書フォーマットになっている。閲覧するだけでなく、作成することも容易にできるようになっており、Windowsにおいてはプリンタドライバを介して作成されることが多いようだ。 メイン画面 仮想プリンタを介することで、印刷する手順でPDFを作成し保存できる。その時に欲しい機能はパスワードをつけたり、特定の機能について使えないようにするといった操作だろう。そうした機能を網羅し、なおかつ無料で使えるソフトウェアがCubePDFだ。 CubePDFはGhostscriptやRedMon、iTextSharpといったオープンソース・ソフトウェアを組み合わせつつ、GUIインタフェース上からPDFを作成するソフトウェアだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
