これは凄い。JavaScriptで作られたPHP VM·php.js MOONGIFT
php.jsはJavaScriptで作られたPHP VMです。PHPコードをJavaScriptに変換して実行します。 世の中には色々変わったことを考える人がいます。Webブラウザでデフォルトで実行できるプログラミング言語がJavaScriptだけなんて許しがたい、そう考えたPHPプログラマーが生み出したのがphp.jsです。その名の通り、PHPの実行エンジンをJavaScriptに実装したというとんでもないソフトウェアになります。 確かに実行できています。PHPのコードからJavaScriptに変換を行っているようです。 配列、クラスさらにvar_dumpまで実装されているのが興味深いです。 かなり突っ込んだPHPの処理もできている模様です。これは面白い。 ダブルクオートの中に変数を入れて普通に出力できているのが興味深いです。 php.jsではPHPのコードがそのまま実行できます（もちろ
サイトに来た人のブラウザ画面をリアルタイム閲覧できる「SiteSupport」 - GIGAZINE
訪れたユーザーがページのどこをどう見て、どのように移動し、どのあたりで詰まるのか、そういった各種行動を把握するためにユーザーのデスクトップ自体をリアルタイムにリモートデスクトップっぽく見ることを可能にするというのがこの「SiteSupport」です。 SiteSupport - Remote Desktop for Web Apps http://sitesupport.com/ ブラウザのセッションを共有し、特別なソフトウェアをインストールする必要性は一切無し。JavaScriptのウィジェットをサイトに設置すればユーザーのデスクトップをリモートで見せてもらう仕組みを簡単に導入することが可能であり、APIが提供されているので自分の好きなようにカスタマイズすることも可能、全部のコネクションはSSL経由であるためセキュリティも万全です。 実際にどのような感じで動作するかというのは以下のムービ
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
Tumblrに埋め込むだけで使える関連記事抽出ライブラリ·Tumblr in link MOONGIFT
Tumblr in linkはTumblrに関連記事を表示するためのJavaScript/CSSライブラリ。 Tumblr in linkはTumblr用JavaScript/CSS製ののオープンソース・ソフトウェア。ブログというとTwitterをはじめとするマイクロブログサービスによってシェアを大きく削られたかのように見えるが、まだまだ人気があるサービスだ。その一つがTumblrだ。 関連記事 Tumblrはとてもシンプルなサービスで、自由度が高く、Web APIを使って様々なカスタマイズができるようになっている。そんなTumblrのAPIを使って開発されたのがTumblr in linkだ。 Tumblr in linkはとても変わったソフトウェア（？）だ。サーバサイドの技術を持たずしてTumblr上で関連記事を抽出する機能を備えている。サーバサイドはGoogle Codeに保存されて
マウスのアクションに追従するインタラクティブなグラフィックスを描く·Paper.js MOONGIFT
Paper.jsはJavaScriptでインタラクティブなグラフィックスを描くライブラリ。 Paper.jsはJavaScript製のオープンソース・ソフトウェア。HTML5によってCanvasタグがデフォルトでサポートされるようになった。これでWeb上でのグラフィックスの表現力が大幅に向上する。だが高度な表現には高度な技術が伴うものだ。 ベジュ曲線が動くデモ 一つの絵を描くだけならばIllustratorのようなドローソフトウェアで描いてSVG出力するという手もあるだろう。だが本来はもっとインタラクティブなグラフィックスを描きたいと思うはずだ。それを可能にするのがPaper.jsだ。 Paper.jsはJavaScriptとCanvasタグを使ってマウスの動きに追従するようなグラフィックスを描くライブラリだ。実に数多くのデモが登録されており、マウスによってベジュ曲線を描くもの、マウスを追
Googleマップライクに地図操作ができるJavaScriptライブラリ·Leaflet MOONGIFT
Leafletは軽量で地図操作に最適なJavaScriptライブラリ。 LeafletはJavaScript製のオープンソース・ソフトウェア。かつてWebベースの地図と言えば、画像の上下左右に矢印がついたものばかりだった。それを一変させたのがGoogleマップで、Ajaxによるスムーズな操作を可能にした。 ポップアップ 今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリックでズーム操作もできる。 クリックした場所で表示 マーカーの他にも円や三角形を描く
画像の保護に。JavaScript/Canvasを使って動的に電子透かしを入れる·watermark.js MOONGIFT
watermark.jsはHTML5/Canvasを使って画像に動的に透かしを入れるソフトウェア。 watermark.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトやメディアサイトでは画像に透かしを入れて表示している場合がある。社名や自社のロゴを載せることで、転載を防止または抑制する仕組みだ。 画像の左上のマークが透かし 大手のサイトであれば画像を自動的に変換するシステムを導入しているかもしれない。だがwatermark.jsであれば個人や小規模なサイトでも簡単な透かしシステムを導入できるようになる。 watermark.jsはJavaScriptとHTML5のCanvasタグを使って画像を動的に変換する。別途画像を指定することで、その画像を表示したい画像に上書きする形で表示する。透明度、表示位置、クラス名を指定することで細かく表示を制御できるようになっている。
URLを動画埋め込み用タグに変換するJavaScriptライブラリ·mb.mediaEmbedder MOONGIFT
mb.mediaEmbedderは各種動画共有サイトのURLから埋め込みタグを生成するJavaScriptライブラリ。 mb.mediaEmbedderはjQuery製のオープンソース・ソフトウェア。ブログやWebサイトなど様々な場面において動画を埋め込みで表示したいというニーズがある。動画共有サイトは多数存在し、それぞれに埋め込みタグを提供している。 例 しかし各サービスごとに仕様が異なるために、動画を貼付ける際に個々に対応しなければならない。これでは効率が悪すぎる。そこで使ってみたいのが差異を吸収してくれるmb.mediaEmbedderというライブラリだ。 mb.mediaEmbedderはVimeo/YouTube/Flickr/livestream/Ustreamといった有名どころの外部サービスに対応し、さらにMP3を埋め込むこともできる。[vimeo=http〜]と言った具合に
実用的。jQuery/Flash製のマルチファイルアップローダー·Transmit MOONGIFT
TransmitはjQuery製のFlashベースのマルチファイルアップローダー。 TransmitはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5では複数ファイルを一括アップロードすることができる。だがそのために既存サイトをHTML5に移行させるのは現実的ではないだろう。そこでよく使われるのがFlashによるマルチファイルアップローダーだ。 ファイルを指定した後の表示 最も有名なライブラリはSWFUploadではないだろうか。だが実際に使う上では色々とコツがいる。もっと手軽に実現するためのライブラリはないだろうかと考えていた所で見つけたのがTransmitになる。何と言ってもjQueryベースなのが良い。 使い方は簡単で、transmitというメソッドとアップロード先のURLを指定するだけで良い。オプションとしてクロスドメインの可否、ファイルタイプの指定、
HTML5を使ってこんなことも。Googleマップ風の画像ビューワー·Bigshot MOONGIFT
Bigshotは巨大な画像をタイル状に分解し、Googleマップのようなビューワーで閲覧するソフトウェア。 BigshotはHTML5/Java製のオープンソース・ソフトウェア。デジカメが高性能化するのに伴って、撮影できるサイズが大きくなっている。とは言え写真を閲覧するディスプレイのサイズは決まっているので、大きな写真ではズームしたりしなければならない。 写真をズームして閲覧する 極端に大きな写真では全体のダウンロードだけで時間を要してしまう。そこで考えてみたいのがGoogleマップライクに写真をタイル状にし、必要な部分だけ拡大するという方法だ。それを実現するライブラリがBigshotになる。 BigshotはHTML5/JavaScriptを使って画像を表示する。マウスのスクロールでズームイン/アウトが可能で、マウスのドラッグで見る場所を切り替える事ができる。Java製のツールで予め写真
HTML5+Canvasタグによるアニメーションユーティリティ·gury MOONGIFT
guryはjQueryを使ったCanvasタグ用JavaScriptユーティリティ。HTML5向け。 guryはjQuery/HTML5/JavaScriptによるオープンソース・ソフトウェア。HTML5の登場以来、期待が高まっているのがCanvasタグを使った図形描画だ。これまでは画像やFlashでしか作れなかったような描画がJavaScriptのみで、さらにインタラクティブに動かせるものが作成できる。 ゲームのデモ とは言え実際にどのようなことができるのかは実体験を通してからしか学べない。こんなことまでできるのか、という衝撃を覚えれば自分でも作ろうと思うだろう。そんなCanvasタグの操作を身近にしてくれるのがguryだ。 guryはjQueryを使ったCanvas用ユーティリティライブラリだ。多数のデモが登録されている。例えばボールが飛び交うもの、色が変わるモザイク、同じ色の隣り合っ
JavaScript製のOAuthライブラリ·jsOAuth MOONGIFT
jsOAuthはJavaScript製のOAuthライブラリ。 [/s2If] jsOAuthはJavaScript製のオープンソース・ソフトウェア。今ではWeb APIを公開しているサービスは珍しくない。そして従来は配信系ばかりだったが、今ではWeb APIを通じたデータ登録や更新も可能になっている。そんな時の認証の仕組みに使われているのがOAuthだ。 テスト用コード（ここままでは動かないが…） OAuthはTwitterで最も知られるようになったが、元々はFlickrやGoogle、Facebookなどでも使われている機能ベースの認証技術だ。そしてそれをJavaScriptベースで実現したのがjsOAuthになる。 jsOAuthはJavaScriptによる実装なので、ソースコードが見えてしまう。OAuthではシークレットキーを使うので、それが丸見えというのは考えものだ。だがWebブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
