jQuery Panorama Viewer - jQuery製のパノラマ写真ビューワー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました せっかく撮った写真、Webブラウザで楽しみましょう！ iPhoneではパノラマ写真が撮影できるようになって、広範囲を映し出した写真が手軽に撮れるようになりました。しかしパノラマ写真は画像としてみれば単に横幅が広い写真でしかありません。むしろ写真としては見づらいでしょう。 そこで必要になるのは専用のビューワーです。今回はjQueryで作られた、WebベースのパノラマビューワーjQuery Panorama Viewerを紹介します。 jQuery Panorama Viewerの使い方 デモの写真です。マウスでドラッグして左右に移動できます。 実際に動作させているデモです。公式サイトで試用もできます。 iPhoneでパノラマ写真を撮るのは慣れるまで難しいですが、できあがった写真は迫力
Google Streetview Player - 仕事中実行禁止！Googleストリートビューをアニメーションで楽しむ MOONGIFT
仮想空間を旅してみよう！ Googleストリートビューは面白いですよね。適当なところに人形を立ててぐるぐる周りを見渡したり、どんどん移動して見知らぬ土地まで仮想空間で旅してしまったりします。駅の出口から目的地まで行き方を調べたりするのにも便利です。 そんなGoogleストリートビューを使った面白いソフトウェアを紹介します。なんと移動をそのままアニメーションGIFとして動画化してくれるソフトウェアです。その名もGoogle Streetview Player、さっそく試してみましょう。 例えば出発点を渋谷、ゴールを横浜にしました。さぁ出発です！ 間もなくゴール。速度は速いか遅いの2つが選べます。 アニメーションGIFとしてダウンロードができます。サイズはそれなりに大きいです。 こちらは渋谷から原宿へ移動するアニメーションGIFです。面白いですね。 Google Streetview Play
必要充分な機能を備えたRails用SNS·Social Stream MOONGIFT
Social StreamはRuby on Rails/Ruby用のオープンソース・ソフトウェア（MIT License）です。 Facebookはグローバルなソーシャルネットワークですが、常にそれだけで良いという訳ではありません。もっと小さいグループや社内、特定のメンバーに対するソーシャルネットワークも求められます。そこで使ってみたいのがSocial Stream、Railsベースの独自のソーシャルネットワーク構築フレームワークです。 デモサイトです。ログインします。LinkedInやFacebookを認証に用いることもできます。 ダッシュボードです。中央にあるのがアクティビティで、グループやコンタクトの情報も掲載されています。 グループに移動しました。個人のダッシュボード同様に発言ができます。 リポジトリにはアップロードしたファイルがリストアップされています。 ステータスを投稿する際に
限られた地域の情報を集めるためのDjango製Wikiエンジン·LocalWiki MOONGIFT
LocalWikiは地域情報を集めるWikiエンジンです。地図の差分表示もあるのが特徴です。 インターネットによって世界中の距離が近くなると逆に注目したくなるのがごく狭い地域の情報です。自分の住んでいる地域の情報をまとめたい、そう思う人に使ってみて欲しいWikiエンジンがLocalWikiです。 トップページです。誰でも編集可能です。 一例です。右側に地図が表示されて、左側にその内容が記述されています。 住所や電話番号などが記述できます。 編集画面です。 マップエディター内蔵です。 差分チェックもできます。 写真を埋め込んだページもあります。 LocalWikiが秀逸なのは地図を手軽に編集できる機能を搭載し、しかもそれが差分表示に対応している点にあります。Wikiとしての機能もWYSIWYGエディタを搭載し、手軽に誰でもすぐに使いこなせるようになっています。Wikipediaとはまた違う、
2012年に紹介した中から厳選してMac OSXソフトウェアを紹介 MOONGIFT
特集「オープンソース×10年」 予算ゼロからのIT環境整備2014/01/30 特別寄稿：センチメンタル・ジャーニー ~OSSはまだ16だから~2014/01/30 EC-CUBE – オープンソース・Eコマースの雄の進化を見る！2014/01/30 Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基本2014/01/30 MOONGIFTの運営で大事にしている3つのこと2014/01/30 2007〜8年の大きな変動まとめ！2014/01/30 なぜプレミアム？そこから得られた経験教えます2014/01/30 2006〜09年、各年の人気オープンソース・ソフトウェアベスト52014/01/30 狙われやすいサイトはどんなサイト？オープンソース×セキュリティについてペンタセキュリティシステムズに聞く2014/01/30 aegifが考える企業でOSSを開発す
最低限かつ十分なスタイル設定が特徴のCSSフレームワーク·Kube MOONGIFT
Kubeはプロフェッショナル向けのCSSフレームワークです。 見やすく、かつ様々なニーズに対して即座に答えられるようなデザインを考えるのはとても大変なことです。しかしその道のプロが作り出したスタイルシートフレームワークであるKubeを使えば実現しやすくなるかも知れません。 デモページです。リンクやサイドバーが並んでいます。 こちらはシンプルなベース表示。 iPhoneに対応。 全て一列になって表示されます。 タブレット向け。こちらも最適化されます。 横向きだとうまくいかず…残念。 こちらは表示例。Bootstrapのようなrowが使えます。 フォーム。 テーブル。 リンクの色変更も用意されています。 ボタン。 Kubeの特徴は優れたタイポグラフィ、グリッド表示、フォーム、テーブル、様々なクラスユーティリティ（.width-50とすれば半分になるなど）、ボタンなど最低限ながらも実用的なスタイ
Mac OSX版PhoneGap。Web技術でアプリを開発·MacGap MOONGIFT
MacGapはHTML/JavaScript/CSSを使ってMac OSXアプリを開発できるフレームワークです。 PhoneGapと言えばApache財団に寄贈され、Apache Cordovaと名前が変わったプロジェクトですが、iOSやAndroidなど各種スマートフォン向けのアプリがHTML/JavaScript/CSSで開発できます。そしてMacGapも同様のWeb技術でMac OSXアプリが作れてしまいます。 まずベースを作成します。 ビルドしました。MacGapと表示されています。 5秒後にGoogleが表示されました。 Growlによる通知にも対応しています。 自動生成されるHTMLです。 MacGapはシステムのビープ音、別なアプリの起動、ウィンドウの移動や別ウィンドウのオープン、ドックのバッジ操作、音楽の再生、Growl、通知、エベントの取得などがサポートされています。簡単
パスワードの入力さえ不要なWebブラウザ用公開鍵認証技術·TrustAuth MOONGIFT
TrustAuthはWebサイトにおける公開鍵を使った認証システムです。 Webサイトを使う際の認証と言えばログインIDとパスワードを使ったものと相場が決まっています。問題があるシステムとは分かっていつつも未だにいい解決策が出てきていません。そこで新しい認証システムとしてTrustAuthを紹介します。 Firefoxアドオンをインストールします。 アドオンの設定です。特に変更することはありません。 こちらはデモサイトです。 ツールバーにビールのアイコンがあります。なぜかデフォルトでは表示されずツールバーのカスタマイズで追加しました。 Unlockを選んで最初にマスターパスワードを決めます。 後はパスワード無用です。demoとユーザIDを指定すればログインできます。 無事ログインできました！ TrustAuthでは公開鍵を使って認証を行います。サーバサイド、クライアントサイドの双方で用意し
Rails連携型Webアプリケーションフレームワーク·Joosy MOONGIFT
JoosyはRailsと連携するWebアプリケーションフレームワークです。 Webアプリケーションを開発しようとした際にフロントエンドのフレームワークは多数ありますが、バックエンドはあまり用意されていません。しかしJoosyはRuby on Rails連携型であり、フロントエンド/バックエンドを効率的に開発できるWebアプリケーションフレームワークになっています。 アプリケーションベースを生成します。 この二つのコマンドで準備は完了です。 最初の表示です。 ファイル構成です。 コントローラ部の実装です。 ビューはHAMLで記述します。 JoosyはRailsの中にJavaScriptを使ったMVCフレームワークを組み込みます。肝になるのはCoffeeScript、jQuery、HAMLそしてSuger.jsとなっています。そしてデータをAjaxでサーバサイドとやり取りし、その結果をレンダリ
Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます
WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
潜むセキュリティ問題を事前に暴きだす·Rails Brakeman MOONGIFT
Rails BrakemanはRailsアプリケーションのリポジトリを読み込んでセキュリティチェックしてくれるサービスです。 セキュアなプログラミングをするためのノウハウは幾つかあります。つまりそれに沿って現状のコードを確認すれば、万一のセキュリティインシデントを未然に防げるかも知れません。Railsアプリケーションについてそれを行うのがRails Brakemanです。 プロジェクト詳細。こうやって一覧で確認できます。 セキュリティウォーニング、モデル、ビューのセキュリティウォーニングが出ています。 クロスサイトスクリプティング関係のウォーニングが多いです。 クリックするとどの行における警告か確認できます。 Rails Brakemanでは盲目的にパラメータを放り込んだり、その結果をそのままリダイレクトに使ったりすることを禁じています。なおこのチェックはバグを発見している訳ではなく、セキ
Webブラウザ上でreStructuredText記法で文書作成·Online reStructuredText editor MOONGIFT
Online reStructuredText editorはWebブラウザ上でreStructuredTextを記述できるソフトウェアです。 最近は様々なテキスト記法がありますが、その一つがreStructuredTextです。記法にまだあまり慣れていない、そんな方でも気軽に記述できるようになるのがOnline reStructuredText editorです。 メイン画面です。左がエディター、右が変換された後の文書が表示されます。 サンプルの記述です。ツールバー部分のボタンを使うと記法が自動で挿入されます。 リアルタイムのコードチェックも入っています。 日本語も問題なく扱えます。 リストを使ってみました。リストの自動挿入などはありません。 Natureに切り替えるとCSSを当てた見栄えになります。 対応しているマークアップは見出しや文字装飾、リスト、画像やリンクの挿入など多数あります
RailsのルーティングをWebブラウザ上で確認·Sextant MOONGIFT
SextantはRailsアプリケーションのルーティング情報をWebブラウザ向けに出力するソフトウェアです。 Railsの魅力の一つであるルーティングはとても便利ですが、慣れるまでリンクの書き方を忘れてしまったり、どうルーティングされているかをコンソールで確認することが多いのではないでしょうか。都度rakeを実行しても良いですが待たされる時間が邪魔臭いと感じる方はSextantを使ってみましょう。 ルーティング情報がWebブラウザで確認できます。 SextantをGemfileのdevelopmentグループでだけ読み込ませば開発時のみ使えて便利です。また、SextantはRails4.0にマージされており、その有用性が確かであると言えます。 SextantはRuby製、Ruby on Rails用のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る
JavaScriptオブジェクト用問い合わせ言語·SpahQL MOONGIFT
SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。 WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。 例です。hash1というキーに対応したデータを取り出しています。 ネストして調べられます。 配列、ハッシュどちらにも使えます。 配列の場合は0などとキー指定もできます。 配列でサイズが1以上のものをピックアップしています。 データは抽出するだけでなく、プロパティを使ってサイズやデータの種別を調べることもできます。さらに正規表現を絡めてマッチするか否かをチェックするといった機能もあります。node.js、Webブラウザどちらでも使えるライブラリになっています。 SpahQLはJavaS
多彩なフレームワークに対応したPHP向け認証ライブラリ·Opauth MOONGIFT
OpauthはPHP向けの認証ライブラリです。抽象化することで多様なプロバイダーに容易に対応できます。 Webサービスで認証を用意すると言っても今は多様な技術が存在します。単なるID/パスワードに限らず、OpenIDやOAuthもあります。サービスプロバイダーごとに実装も若干変わったりします。そうした認証技術を統合して使えるのがOpauthです。 デモです。 Facebook認証です。 問題なく認証できました。各種データも取得できているのが分かります。 こちらはGoogle認証です。 こちらもユーザプロフィール含めて取得できています。 最後はTwitterです。 はい、問題ありません！ OpauthはRubyの認証ライブラリOmniauthにインスパイアされて作られており、認証部分を抽象化することでプロバイダーを切り替えて容易に様々なサービスに対応できるようになっています。技術的にはOpe
これはすごいかも。iOS上で動くnode.js·nios MOONGIFT
niosはiOS上で動作するnode.jsです。 niosは何とiOS上でnode.jsをサーバとして動かしてしまおうというかなり野心的なプロジェクトになります。 起動しました。Startボタンを押します。 リッスンしています（error:8080）というのが気になりますが… Webブラウザからアクセスするとローディングが続いてコンテンツが返ってきません。 niosを停止するとサーバとの接続が切られるので、起動はしているようです。なかなか破壊力を秘めたツールに見えるので今後の開発が楽しみです。 niosはObjective-C製、iOS向けのオープンソース・ソフトウェア（BSD License）です。 MOONGIFTはこう見る 数年前からそれぞれのプログラミング言語持っていた壁のようなものがどんどん破壊されています。JavaScript、Ruby、Pythonといった言語がその中心にいま
RailsとWordPressをシングルサインオンでつなぐ·Rails Integration API MOONGIFT
※ 画面は公式サイトデモより ああ、これは個人的にとても嬉しい。Railsはとても優秀なフレームワークだが、これで敢えてブログを運用しようとも、開発しようとも思わない。既にWordPressという優秀なブログエンジンが存在するからだ。車輪の再開発は個人的にはしても良いと思うのだが、もっと別なことにエネルギーを向けられるならそれがベストだ。 デモ。ユーザを選んでログインを実行する また、WordPressには既に多数のプラグインが存在し、それらを使えばできることはたくさんある。それの足りない部分をRailsで補うというのはどうだろう。 今回紹介するオープンソース・ソフトウェアはRails Integration API、Railsを使ってWordPressにシングルサインオンするプラグインだ。 Rails Integration APIはRailsだけで成り立つものではない。WordPres
Titaniumで作られたATNDイベント参加チェックアプリ·ATNDチェックイン MOONGIFT
ATNDチェックインはATNDのイベント出欠席をチェックしたり、懇親会への参加を確認するのに使えるiPadアプリです。 ATNDチェックインはATNDのイベントで参加希望者の実際の参加と懇親会への参加をチェックするのに便利なiPad用アプリです。 まず最初にATNDのアカウントを設定します。 設定画面で登録します。 そうするとアカウントに紐づいたイベントが一覧されます。 そこからイベントを選ぶと参加者が一覧されます。 一回タップすると出席になります。 二回タップすると懇親会参加になります。 三回目のタップで一旦リセットになります。サマリーの数字も出るので、結果的に何人参加して何人が懇親会を希望しているかと言った統計をとるのも簡単です。 ATNDチェックインはiPad用、Titanium製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFT
これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
