タグ

ブックマーク / www.moongift.jp (121)

  • 注目!サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT

    nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと

  • jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

    jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc

  • WebベースのアクションRPGを開発するならば使いたいフレームワーク·RPG JS MOONGIFT

    RPG JSはHTML5/JavaScriptによるWebベースのゲーム開発用フレームワーク。 RPG JSはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5を使ったゲームフレームワークが続々と登場している。ある程度汎用的なものもあるが、やはりゲームジャンルに合わせたフレームワークを選ぶのが大事だろう。 デモゲーム RPG(ロールプレイングゲーム)は常に人気の高いゲームジャンルだ。Webブラウザ上でできるRPGを自作したいならば使うべきはRPG JSだろう。 RPG JSはHTML5/JavaScriptで作られている。矢印キーとスペースで動いたり話しかけたりする。サウンドにも対応する。そして剣を装備するとAキーで振ることができる。NPCも数多くいて、話しかけるとゴールドを貰えたりする。聖剣伝説のようなアクションRPGになっており、どんどん攻撃をしかけていけるよ

  • 触れる価値あり。Google Chromeをプログラミングエディタ化する·SourceKit MOONGIFT

    SourceKitGoogle Chrome内で動作するテキストエディタ。Dropbox APIを使っている。 SourceKitGoogle Chrome向けのフリーウェア(ソースコードは公開されている)。なかなかWebアプリケーション化しないものの筆頭として考えられてきたのがテキストエディタだ。特にプログラマ向けのエディタになると手になじんでいるかどうかの問題が大きく、なかなか格化しなかった。 まさにエディタ 確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 SourceKitGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選

  • HTML5の魅力。Webブラウザ上で楽譜を表示し、MIDIを使って奏でる·ABC.js MOONGIFT

    ABC.jsはWeb上で楽譜を表示し、演奏するJavaScriptライブラリ。 ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロジェクトも多い。 きれいな楽譜表示 これまではFlashを使ったり、画像を使わなければならなかった表現もHTMLだけでできるようになる。その一つ、楽譜を描き出して音まで鳴らせるのがABC.jsだ。 ABC.jsは特定の記法に沿って記述することでWebブラウザ上に楽譜を書くライブラリだ。JavaScriptを使っているので、その場で手直ししてレンダリングし直すこともできる。楽譜共有サイトのようなものを作ることさえできるだろう。 Firefoxなら演奏とダウンロードも そして描

  • Mac OSX用。ディスプレイを閉じてもスリープしないようにする·NoSleep MOONGIFT

    NoSleepはAppleのノート型でディスプレイを閉じてもスリープしないようにするユーティリティ。 NoSleepはMac OSX用のオープンソース・ソフトウェア(ノート型用)。Appleのノート型コンピュータではディスプレイを閉じるとスリープになる。バッテリーを温存するには良い仕組みだが、オフィスでは外付けモニタとキーボードを使うという人にとっては都合が悪そうだ。 設定ウィンドウ 一部のノート型では閉じた後、外部キーボードからスリープを解除できるようだが一度はスリープになるのでは面倒くさい。そこでNoSleepをインストールしてスリープしないようにしよう。 NoSleepはカーネルを拡張して自動でスリープにならないようにする。あくまでもディスプレイを閉じた時に限定するもので、メニューからスリープを選んだ時にはきちんとスリープされるようになる。個人的には音楽を聴くだけの時にディスプレイを

    Mac OSX用。ディスプレイを閉じてもスリープしないようにする·NoSleep MOONGIFT
  • 新時代の入力デバイス。目の動きをトラッキングして入力する·EyeWriterCam MOONGIFT

    EyeWriterCamは目の動きをトラッキングして絵を描くプロジェクトのためのソフトウェア。 EyeWriterCamはMac OSX用のオープンソース・ソフトウェア。身体が不自由な人にとってこそ、コンピュータは役立つものだ。外に出ずとも様々な作業をこなせるようになる。もし全身が動かなかったとしても相トラッキングシステムを使えばコンピュータの操作は可能だ。 目の動きが入力デバイスに いわゆる眼球の動きをマウスカーソルに当てはめて動かす代物だが、従来のアイトラッキングは特別なOSと特別なソフトウェア、そして装置が必要だった。しかし今ではWebカムを使い、ソフトウェアだけでも実現できる。それがEyeWriterCamだ。 EyeWriterCamを起動するとWebカムが動作し、測定を開始する。キャリブレーションを行うと画面の点を目でおいかける。それを経る事でより目の細かい動きを追いかけられる

    S0R5
    S0R5 2011/02/28
    なんかおもしろそうなことができそう
  • リッチなインタフェースを持った、IMAP対応Webメーラー「dracMail」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

    dracMailはPHP/MySQLで開発されたWebメーラー。リッチなUIを備えている。 [/s2If] dracMailはPHP/JavaScript製のオープンソース・ソフトウェア。インターネットを利用したコミュニケーションの中心にいるのがメールだ。発明されて以来、常に中心にいる。GoogleGoogle Waveによってその壁を壊そうとしたがあっけなく返り討ちにされた。 メール一覧 メールは日々無数にやり取りされるため、個人のPCではあっという間に容量をってしまう。だからサーバサイドの方が使い勝手が良い。検索もサーバのパワーで高速に行える。そこでWebメーラーとしてdracMailを紹介しよう。 dracMailはIMAP接続にも対応したWebベースのメーラーだ。ExtJS(現Sencha)を使っており、UIがとても優れている。メールの作成にはTinyMCEを使い、WYSIWY

    S0R5
    S0R5 2011/01/16
  • jQuery製の時計ライブラリ·epiclock MOONGIFT

    epiclockはjQuery/JavaScript製のオープンソース・ソフトウェア。JavaScriptで時刻を利用する機械は意外と多い。指定時間ごとに自動保存したり、指定時間になったりアラートを出すようなこともある。Webアプリケーションを開発する際には避けては通れないだろう。 古めかしい感じの時計表示 そんな時には独自で実装する必要はない。既にライブラリは多数ある。jQueryを使って開発しているならばepiclockを使って実装してみよう。単純な時間表示以外にも多彩な機能が提供されている。 epiclockではカウントアップ型のタイマーや逆にカウントダウン、有効期限までの時間、ストップウォッチなど様々な時刻表時に対応している。さらにレトロな時刻表時を行うモードもある。時間を扱う際の多様なニーズに応えられるはずだ。 他にも色々な機能が jQueryなので、他のライブラリと組み合わせる

  • Mac OSXのMACアドレスを変更する·ChangeMac MOONGIFT

    ChangeMacはMac OSX用のオープンソース・ソフトウェア。無線LANなどではアクセスポイント名を公開していると誰でもアクセスできてしまうため、セキュリティが重視される。WPAのような暗号化やRadiusのような認証、そしてMACアドレスによる接続制限などがメインだろう。 無線/有線どちらにも対応 MACアドレスによる制限はある程度効果的ではあるが、万が一ノートPCを見られてMACアドレスがばれてしまった場合は注意をしたい。ChangeMacのようなツールを使えばMACアドレスは自由に変更できてしまうのだ。 MACアドレスは一意に振られているため、固有番号のように考えられることがあるが、実際には変更可能な代物だ。ChangeMacを使えば無線LANはもちろん有線側NICのMACアドレスも変更できる。ベンダーリストまで用意されていて選択したり、ボタン一つのジェネレータまである。 ジェ

    Mac OSXのMACアドレスを変更する·ChangeMac MOONGIFT
  • オンラインコラボレーションエディタ·Etherpad MOONGIFT

    EtherpadはJava製のオープンソース・ソフトウェア。Google Waveを使ってオンラインのリアルタイムコラボレーションを推進するGoogleが先日、Etherpadで知られるAppJetを買収した。Googleによる買収はさほど珍しいものではないが、買収されたサービスが閉鎖されるケースが多いのが懸念された。 複数人でのリアルタイムコラボレーション だがEtherpadを開発するAppJetはEtherpadをオープンソース化することをGoogleに条件として提示し、Googleもそれを了承した。そして意外と早くそれは実現し、Google Code上に公開されることになった。それが同名のEtherpadだ。 EtherpadはJava + MySQLで構築されているオープンソース・ソフトウェアで、Web上でエディタを開き、複数人で同時にコラボレーションができる。ユーザ登録は不要で

    オンラインコラボレーションエディタ·Etherpad MOONGIFT
    S0R5
    S0R5 2010/01/01
  • Firefoxを使ってマルチプラットフォームで携帯サイトをエミュレート·FireMobileSimulator MOONGIFT

    モバイルサイトの開発については、実機またはエミュレータ(シミュレータ)を使っての確認作業が多かった。だが公式に提供されるエミュレータはWindows用が多く、Mac OSXLinuxでは不便な思いをしていた。またデバッグがPCで使うものとは異なるのが問題だった。 モバイルサイトのチェックに便利! だがFireMobileSimulatorを使えばそんな心配は無用だ。Firefoxを使い、機能拡張を織り交ぜつつ開発を行えるようになる。 今回紹介するオープンソース・ソフトウェアはFireMobileSimulator、Firefoxを使った携帯エミュレータだ。 FireMobileSimulatorはFirefoxアドオンとして提供されるソフトウェアで、Docomo、au、ソフトバンクの3キャリアについてエミュレート機能を提供する。各キャリアごとに数機種登録されており、切り替えはメニューから

    Firefoxを使ってマルチプラットフォームで携帯サイトをエミュレート·FireMobileSimulator MOONGIFT
  • クローラーを作るためのフレームワーク·Anemone MOONGIFT

    RSSフィードやWeb API、Mashupなどの単語が注目を集める中、Webクローラーを通じて外部のWebサイトにあるデータをかき集め、それを解析して別な形にするというのはよく見られるものになってきた。 あるURLを指定し、そこからリンクされているURLを一覧表示できる そうした数々のシステムの中で、クローラーとなる基盤は大きな違いはない。Webサイトのデータを取得し、次のリンクを洗い出して取得していくようなものだ。そうした共通動作部分を切り出したフレームワークがAnemoneだ。 今回紹介するオープンソース・ソフトウェアはAnemone、Webクローラを開発するためのフレームワークだ。 Anemoneは任意のWebサイトにアクセスし、その内容を解析するWebクローラーだ。例えばあるURLに付けられているリンクを一覧で取得するようなことも簡単にできる。外部サイトなのかどうかも区別できるの

    クローラーを作るためのフレームワーク·Anemone MOONGIFT
  • JavaScriptでCocoaアプリケーションを操作する·JSTalk MOONGIFT

    Mac OSXでちょっとしたアプリケーションの自動操作を行う際に使われるのがAppleスクリプトだ。だが、その自動操作のために新しい言語を習得しようと思うのはなかなかしんどく感じてしまう。使い慣れた言語でささっと書けるのが便利だ。 JavaScriptCocoaアプリケーションを操作する CUIであれば幾らでも方法がありそうだが、Cocoaアプリケーションとなると手段が限られそうだ。JavaScriptが好きな方であればJSTalkが良い選択肢になりそうだ。 今回紹介するオープンソース・ソフトウェアはJSTalk、JavaScriptで動作するAppleスクリプトライクなソフトウェアだ。 JSTalkはAppleスクリプトライクな操作をJavaScriptで行えるようにするソフトウェアだ。JSCocoaを使っており、Cocoaアプリケーションの操作を可能にしている。JavaScritpオ

    JavaScriptでCocoaアプリケーションを操作する·JSTalk MOONGIFT
  • Mac OSX用仮想オーディオデバイス·Soundflower MOONGIFT

    ストリーミングの音源をそのまま録音するには何が便利だろう。専用のソフトウェアもあるが、最も単純な方法としては流れている音をそのままバイパスしてコンピュータ上に取り込んでしまうことだ。 サウンドの入出力デバイスにSoundflowerが追加される そのためには出力先になる仮想オーディオデバイスが必要になる。Mac OSXではSoundflowerが使えそうだ。 今回紹介するオープンソース・ソフトウェアはSoundflower、仮想オーディオデバイスだ。 Soundflowerは入力、出力ともに対応した仮想オーディオデバイスだ。インストールするとシステム環境設定にSoundflower(2ch)とSoundflower(16ch)が追加される。例えば出力先にSoundflower(2ch)を指定すれば、スピーカから出力される音がそのままコンピュータ上に流れるようになる。 後は出力先を同様に指定

    Mac OSX用仮想オーディオデバイス·Soundflower MOONGIFT
  • これは便利!CronをGoogleカレンダーで管理する·gCalCron MOONGIFT

    Cronは便利なシステムだ。バッチ処理を行いたい場合、大抵Cronを使って処理を行うはずだ。だが管理が意外と面倒くさい。各ユーザが勝手に作ったりすると特に煩雑になり、システムを入れ替えた際に、移行し忘れてしまい動かなくなったりする。 GoogleカレンダーでCronを管理する Cronを手軽に一覧から管理したいと思ってきた方は、gCalCronを使ってみると便利かもしれない。 今回紹介するオープンソース・ソフトウェアはgCalCronCronの管理インタフェースとしてGoogleカレンダーを利用するソフトウェアだ。 gCalCronPython製のスクリプトで、root権限で動作する。gCalCron自体がCronに設定されるようになっている。そして設定時間(デフォルトでは30分)ごとにGoogleカレンダーをチェックするようになっている。 コマンド実行設定。rootのCronに自動設

    これは便利!CronをGoogleカレンダーで管理する·gCalCron MOONGIFT
    S0R5
    S0R5 2009/05/16
  • 指一本でコンテクストメニュー·One Finger Snap MOONGIFT

    MacBookなどでは使わないかもしれないが、iMacMacProであれば便利そうなユーティリティだ。Appleのパソコンではマウスのボタンは一つしか存在しない。これは操作が分かりやすいというメリットがあるが、Windowsで実装されたコンテクスト(右クリック)メニューの実現が困難だった。 マウスボタンの長押しでコンテクストメニューを表示する 漢字Talk自体はコンテクストメニューはそもそもなく、OS 8の時代に(確か)登場した。が、Controlキーを押しながら使うというとても不便極まりない操作だった。今でもその操作はできるが、ノート型の方であれば二指でのタップを使っていることだろう。そして当時からControlキーを押すのを面倒に感じていた人たちが使っていたのがOne Finger Snapのやり方だ。 今回紹介するオープンソース・ソフトウェアはOne Finger Snap、マウ

    指一本でコンテクストメニュー·One Finger Snap MOONGIFT
  • Googleリーダーとはてなブックマークを使う人は·Google Reader plus Hatena MOONGIFT

    情報収集の効率化を考えてRSSリーダーを使っている人は多いだろう。そしてWeb型のRSSリーダーとして有名なものといえばGoogleリーダーがある。多数のフィードを購読しても問題ない動作の速さはあるが、さらに効率的に情報をチェックしたいという人も少ないないだろう。 みんなが注目しているニュースが一目で分かる! そんな時に役立つのが他の人による注目度だ。皆が注目しているニュースをざっくばらんにチェックして、その後他のフィードを消化していく、そんな習慣がつけられるようになるのがGoogle Reader plus Hatenaだ。 今回紹介するオープンソース・ソフトウェアはGoogle Reader plus HatenaGoogleリーダーにはてなブックマーク情報を追加するユーザスクリプトだ。 Google Reader plus HatenaはGreasemonkeyまたはGreaseK

    Googleリーダーとはてなブックマークを使う人は·Google Reader plus Hatena MOONGIFT
    S0R5
    S0R5 2009/05/13
    さっそく使ってみた。これいいかも。
  • かなり使いやすいGoogle App Engine製ブログエンジン·cpedialog MOONGIFT

    個人的にGoogle App Engine(GAE)の上で動くブログエンジンというのは高いポテンシャルを秘めていると思う。何せ独自ドメインまで使えるブログエンジンが無料で手に入るようなものなのだ。ASPで動かすよりもよっぽども高速、安全、安易な運用が可能だ。 編集画面 そのためには高機能なブログエンジンの登場が待たれる。候補としてcpedialogは有力ではないだろうか。 今回紹介するオープンソース・ソフトウェアはcpedialog、GAE上で動作するブログエンジンだ。 cpedialogはブログのエントリー投稿はもちろん、ページ管理機能も備えている。YUIのWYSIWYGエディタを用いており、画像のアップロードにも対応している。さらにシステム設定やメニュー管理、Picasaにアップロードした写真も管理できる。 閲覧画面 フィードの管理、キャッシュ管理など多彩な機能に溢れている。ユーザ管理

    かなり使いやすいGoogle App Engine製ブログエンジン·cpedialog MOONGIFT
  • ちょっと変わった表を使ったメモソフトウェア·TreeSheets MOONGIFT

    世の中にはExcelをまるで万能ツールのように使いこなしてしまうという凄い人たちが存在する。プロジェクト管理や仕様書はもちろん、プレゼン資料までExcelで作り上げてしまったりする。表部分がまるで方眼紙のように10px単位で敷き詰められていたりするのが凄い。 メモのようなアウトライナーのような、ちょっと不思議なソフトウェア そのようなExcel依存性の強い方々にとっては使いやすい(?)のではないかと思われるのがTreeSheetsだ。 今回紹介するフリーウェアはTreeSheets、表形式の一風変わったメモソフトウェアだ。 TreeSheetsはメモソフトウェアなのだが、ただつらつらと書くのには向いていない。段落単位でボックスが作成するのが良いだろう。ただ縦に書いていくだけでも一列の中にデータが蓄積されていく。さらに横に列を増やしたり、ボックスの中に新しいボックスを作っていくこともできる。

    ちょっと変わった表を使ったメモソフトウェア·TreeSheets MOONGIFT
    S0R5
    S0R5 2009/05/09