問題が起きる前に。Webサーバセキュリティチェッカー·Websecurify MOONGIFT
Websecurifyは主立ったWebサーバにおけるセキュリティチェックを自動化してくれるソフトウェアです。 Webサイトを巡るセキュリティ問題は多々あります。自動化されている攻撃ソフトウェアもあり、ちょっとした油断で一気に重要データが引き抜かれたり、逆に破壊されてしまう可能性があります。それを事前に確認すべく使っておきたいソフトウェアがWebsecurifyです。 メイン画面です。 テストを行うURLを入力します。実行前に確認が出ます。 テストの実行中です。 完了しました。 レポート画面でインシデントの詳細が確認できます。 Websecurifyは代表的と言えるセキュリティチェックについて自動で行ってくれます。SQLインジェクション、ローカルファイルの読み込み、クロスサイトスクリプティング、CSRFなど多岐にわたります。サーバの種別を判断した上でやり方を変えるので、より確度が高くなります
クリエイティブコーディングを補助するフレームワーク·sketch.js MOONGIFT
sketch.jsはマウスの入力に反応するデジタルアートを作成するフレームワークです。 Webは表現の場です。必ずしも何かのサービスを作らないといけない訳ではありません。そこで今回はsketch.jsを紹介しします。クリエイティブなコーディングを助けてくれるJavaScriptフレームワークになります。 デモの作品です。マウスを動かすとボールが表示されます。 最初は大きく、次第に小さくなっていきます。 sketch.jsはProcessingやOpen Frameworksを使った事がある方であればすぐに使い方が習得できるそうです。基本的にはマウスの動きによって何らかのオブジェクトを描いたりアクションを起こすという使い方になるそうです。グラフィックスはCanvasまたはWebGLを使って描きます。 sketch.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウ
JavaScript製の高度なアニメーションライブラリ·tween.js MOONGIFT
tween.jsはActionScriptのTweenクラスを真似たJavaScriptアニメーションライブラリです。 かつてオンラインでアニメーションを表現しようと思ったならばFlashかGIFアニメーションを使うのが一般的でした。しかし今後JavaScriptの採用が増えていく中では別な作法を学ばなければなりません。そこで今回はJavaScript製のアニメーションライブラリtween.jsを紹介します。 デモ1。四角のエレメントが左右に動き回ります。 1,000本のバーが左右に動きます。 4096個のセルが徐々に色を変化させます。 グラフです。様々な描き方に対応しています。 動画の再生に合わせて右に動いていくデモです。同期されているのがポイントです。 デモ動画です。本当はもっと速く動きます。 tween.jsはActionScriptのTweenクラスを模して作られているとの事です。
オブジェクト同士の関連性から価値を見いだそう·VivaGraphJS MOONGIFT
VivaGraphJSはオブジェクト同士の関連性をビジュアル化するJavaScriptライブラリです。 最近はソーシャルサービスが流行です。そこで求められるのはユーザまたはオブジェクト間の繋がりになります。それをビジュアル化するのに使えるライブラリがVivaGraphJSです。 Amazonの関連書籍をたどっていくグラフです。 書籍をクリックすると詳細が表示されます。 YouTube版。ノードをクリックするとその場で動画の再生ができます。 Facebookの友達情報の可視化です。 表示方式も様々にあります。大量の情報だとレンダリングが重たいのが難点ですが、インパクトがあります。 より表示したい情報に合わせたアクションを選んでみてください。 こんな密集するパターンも。 VivaGraphJSの使い方はシンプルで、ノードとなるオブジェクトを追加していった後、ノード間のつながりをリンクとして追加
自分だけのアルゴリズムで勝負。自動FX取引ソフトウェア·jiji MOONGIFT
jijiはRuby製の自動FX取引ソフトウェアです。 FXで収益を出すというのはとても大変なことで、よく大損した人たちの阿鼻叫喚を聞きます。とは言えFXをはじめたいと思う人は多く、関連書籍もたくさんあります。自分なりの収益を出す方法がある、そう考える人はjijiを使ってみると面白いかも知れません。 グラフです。細かく描かれています。画像は全て公式サイトより。 統計情報です。 エージェント作成です。ここが肝になります。 開始を押すと実際のルールが運用開始されます。 ログです。 jijiは自分で記述した取引ルールに従って完全自動でFX取引を行います。もちろん必ず利益が出るという訳ではないのでご注意ください。スタンドアローンな状態で動き続けるので一日中相場を追いかけていられないサラリーマンなどに向いているかも知れません。 jijiが対応しているのはクリック証券とSBI証券になります。 jijiは
Torrentクライアントいらず。Google ChromeでTorrentネットワークからダウンロード·OneClick MOONGIFT
OneClickはGoogle ChromeにTorrentのダウンロード機能を加えるGoogle Chrome機能拡張です。 日本ではP2Pに対するイメージの悪さからかなかなか普及しないTorrent。ダウンロード技術としてみると分散処理による速度向上は見逃せません。しかし専用クライアントを用意するのが面倒でした。そこで使ってみたいのがOneClick、Google Chrome機能拡張のTorrentダウンローダーです。 Google Chrome機能拡張がダウンロードできるようになっていますが、筆者が確認した時にはJSONのエラーでした。ソースからJSONを修正してインストールできます。 インストールします。 Torrentファイルをダウンロード後、一気に複数ファイルがダウンロード開始します。Torrentクライアントは不要です。 OneClickは普通にTorrentファイルをダウ
これは面白い。JavaScriptやDOM指定が使えるサイトキャプチャ·capturejs MOONGIFT
capturejsはnode.jsを使ったWebサイトのスクリーンショット取得ツールです。JavaScriptを使って一部の変更ができます。 Webサイトのキャプチャツールは人気がありますが、capturejsはとても面白いツールです。まるごと画像化するだけでなく、DOMセレクタを使ったりJavaScriptを使ってコンテンツを改変した上で画像化できます。 まずセレクタを使った例です。 ヘッダー部分だけ画像化できています。 次はロゴをhiddenにした場合。確かに画像が消えています。 オプションとしてユーザエージェントを指定したり、Cookieファイルの指定、タイムアウト時間の指定、ViewPortの設定もできるようになっています。コンテンツの一部だけを画像化したいといったニーズにぴったりなソフトウェアです。 capturejsはnode.js/JavaScript製、MIT Licens
パスワードの入力さえ不要なWebブラウザ用公開鍵認証技術·TrustAuth MOONGIFT
TrustAuthはWebサイトにおける公開鍵を使った認証システムです。 Webサイトを使う際の認証と言えばログインIDとパスワードを使ったものと相場が決まっています。問題があるシステムとは分かっていつつも未だにいい解決策が出てきていません。そこで新しい認証システムとしてTrustAuthを紹介します。 Firefoxアドオンをインストールします。 アドオンの設定です。特に変更することはありません。 こちらはデモサイトです。 ツールバーにビールのアイコンがあります。なぜかデフォルトでは表示されずツールバーのカスタマイズで追加しました。 Unlockを選んで最初にマスターパスワードを決めます。 後はパスワード無用です。demoとユーザIDを指定すればログインできます。 無事ログインできました！ TrustAuthでは公開鍵を使って認証を行います。サーバサイド、クライアントサイドの双方で用意し
これは便利！JavaScriptのエラーをログする·ErrorBoard MOONGIFT
ErrorBoardはJavaScriptのエラーを監視してログに残してくれるソフトウェアです。 システムでエラーが起きればそれをログに残して対処するというのは一般的です。しかしサーバサイドと違ってJavaScriptでのエラーは意外と放置されているのではないでしょうか。そこで使ってみたいのがErrorBoard、JavaScriptエラーのログソフトウェアです。 エラーを取得しました。 エラーの詳細です。 ソースで見てエラーが起きた場所を確認できます。 対処したらチェックします。 ErrorBoardを使えばブラウザごと、時間ごとにエラーが起きた場所をログに残せます。後はそれぞれに必要な修正を行った後、対処済と印をつけていくのみです。ブラウザやバージョンによって動かないといったケースも考えられるだけに、設置しておくと様々なケースに対する対応が出来るようになりそうです。 ErrorBoar
HTMLテーブルの内容からグラフを描画·AttC MOONGIFT
AttCはHTMLテーブルのデータをGoogleチャートを使ってグラフ化するソフトウェアです。 数値データを表示する際に最も簡単なのは一覧表で表示することです。HTMLで言えばテーブルタグで表示するのが一番簡単でしょう。しかしそれではデータの傾向が分かりづらい…そう思ったならAttCを使ってみましょう。HTMLテーブルのデータからグラフを作成してくれます。 こちらはパイチャート。 データを表示しました。 選択肢を変えればリアルタイムにグラフが変わります。 棒グラフ。 エリアグラフ。 折れ線グラフ。 AttCが使っているのはGoogleチャートAPIです。テーブルデータを読み取って、円グラフ、棒グラフ、エリアグラフ、折れ線グラフを表示してくれます。クリックだけでグラフの種類や表示項目を変更できるので、どのグラフで表示すべきか色々テストしてみるというのにも使えそうです。 AttCはHTML/J
ああ素晴らしき才能の無駄遣いよ。Gistをスライドに変身！·GistDeck MOONGIFT
GistDeckはGistをスライドに変身させるブックマークレットです。 プログラマーがちょっとしたコードを共有したりするのに便利なのがGitHubのGistです。そんなGistの新しい使い方、なんとスライドに変身させてしまうのがGistDeckです。 使い方です。ブックマークレットをコピーするだけで準備は完了です。 スライドになる元データ。Gist上に書かれているのがポイントです。 ブックマークレットを実行しました。スライドに変身です！ 左右キーでスライドが切り替わります。 ちゃんとスライドとして使えます。 GistDeckはどんなGistでも良いという訳ではなく、ルールに則って作成されている必要があります。とは言えオンラインでテキストを編集し、それをスライドに使ってしまおうというアイディアは秀逸です。なおフォーマットはMarkdownとなっています。 GistDeckはJavaScri
JS/CSSを自動バージョン管理してキャッシュ効率を高める·gather-css-js MOONGIFT
gather-css-jsはJavaScriptやスタイルシートをまとめた上でキャッシュさせるライブラリです。 Webサーバの負荷を下げるためにキャッシュを使うのは効果的です。しかしあまり長い間キャッシュを使うようにすると実ファイルを更新してもいつまでもキャッシュを使うようになってしまいます。そこで使ってみたいのがgather-css-jsです。 デモです。最初の表示では全て同じ値（v=の後）です。 CSSを更新しました。vの値が更新されています。これでキャッシュが更新されます。 使い方です。PHPを使ってファイルを読み込み、結果として更新日時のタイムスタンプが返ってきます。 gather-css-jsが行っているのはRailsがサポートしているキャッシュ方式に近いものです。vに更新日時を入れることでファイルが更新されればパラメータの値が変わってキャッシュがリフレッシュされます。また複数の
何に使えるかな。シンプルなWebベースの年表ライブラリ·Chronoline.js MOONGIFT
Chronoline.jsは左右に展開するシンプルな年表ライブラリです。 万人誰にとっても共通で変わらないリソースが時間です。時間ごとに変化するデータ、その時に起きたイベントなどを見せるのに最適なのが年表です。そこで紹介したいのがChronoline.js、シンプルなUIのWebベースの年表ライブラリです。 日ごとの年表。左右への移動はスムーズです。 今日の日付部分が四角く囲まれています。 こちらは月ごと。メモリが大きくなっています。 Chronoline.jsは月、四半期、年といった単位で表示できるようになっています。プロットしたデータにはフローティングを使って情報を追加できます。イベントは日付とタイトルという形でハッシュを作り、それを配列としてJSONデータにするだけです。複雑な情報は表示できませんが、時間軸に沿って何が起きたのかといった表現に良さそうです。 Chronoline.js
WebベースのMongoDB管理インタフェース·mViewer MOONGIFT
mViewerはWebベースのシンプルなMongoDB管理インタフェースです。 最近はNoSQLを運用の一部に使うことが増えてきました。そうなると必要になるのが管理ツールです。すぐに使えて手軽なものが良ければmViewerを使ってみましょう。起動コマンドも用意されていて簡単です。 トップページです。ログインします。 ログインしました。左側にデータベースが並んでいます。 データベースを選択するとコレクションが表示されます。 コレクションはツリーテーブルで表示もできます。 サーバの状況表示。 データベースの状況表示。 ツリーを開いてさらに内部の値を確認できます。 Flashベースの利用状況モニタリング。 新しいデータベースの作成もできます。 コンテクストメニュー。 デモ動画です。 mViewerはデータベースの作成や削除、コレクションの作成、更新と削除、GridFSファイルの追加、表示、ダウン
LDAP/ADとの認証連携もできるGit/Hg管理·RhodeCode MOONGIFT
RhodeCodeはGit/Hgに対応したリポジトリ/プロジェクト管理システムです。 最近流行のVCSと言えばGitとHgをはじめとする分散型バージョン管理ではないでしょうか。企業内でこれらのリポジトリを使っているならその管理に利用したいのがRhodeCodeです。 プロジェクト一覧です。 一つのプロジェクトを表示しました。cloneするURLやコミットログも表示されています。 コミットやマージの状態がビジュアル化されています。 タグ一覧です。 コミットの内容です。 別なリポジトリです。こちらはGitです。 コミットログを見ると差分が確認できます。 RhodeCodeはリポジトリのPull/Pushサーバになり、コードレビューも行えます。さらに全文検索を持っています。企業用途に嬉しいのがLDAPやActiveDirectoryを使った認証に対応していることではないでしょうか。APIもあり、
ビジネスで重宝しそうなデータベースクエリー共有システム·Oculus MOONGIFT
Oculusはビジネス用データベースクエリー共有システムです。 開発者の所にはたびたびユーザが訪ねてきてデータベースから一定の条件で抜き出したデータが欲しいと言われることがあります。そんなことが繰り返しあるとSQLをテキストファイルで残しておいたりする人も多いのではないでしょうか。そこで使ってみたいのがOculusです。クエリーを共有したり、データのダウンロードができます。 インストールはRubyGemsで行います。 オプションです。ユーザ名、パスワード、データベースを指定して実行します。 起動しました。 実行しました。結果が下に表示されます。 データはテーブル上に表示されます。 こちらはクエリーログです。 クエリーを保存しておけます。お気に入り登録も可能です。結果はダウンロードもできます。 お気に入りのクエリー一覧です。 Oculusを共有して使えば、最初は開発者がクエリーを作成し、後は
複数のスライドをまとめて一つのHTMLプレゼンテーションに·slideshow.html MOONGIFT
slideshow.htmlはHTML5製のプレゼンテーションソフトウェアです。 最近ではHTMLベースのプレゼンテーションソフトウェアが増えてきました。HTMLのみで一から作るのも良いですが、今回はslideshow.htmlを紹介します。Rubyのサーバアプリケーションを使ってファイルを更新する度に自動でスライドショーを作成します。 最初の画面です。 矢印キー、スペースキー、マウスなどでスライドを切り替えます。 表示は順番に行われます。順を追って説明したりするのに便利そうです。 文字は大きめで分かりやすいです。 書き方。sectionで区切ります。スタイルはscopedをつけてスライドごとに適用します。 スワイプ操作も対応しているとのことで、iPadを使ったプレゼンにも向いていそうです。 フルスクリーン表示対応です。 デモ動画です。 slideshow.htmlはマスターに加えて各スラ
Rails連携型Webアプリケーションフレームワーク·Joosy MOONGIFT
JoosyはRailsと連携するWebアプリケーションフレームワークです。 Webアプリケーションを開発しようとした際にフロントエンドのフレームワークは多数ありますが、バックエンドはあまり用意されていません。しかしJoosyはRuby on Rails連携型であり、フロントエンド/バックエンドを効率的に開発できるWebアプリケーションフレームワークになっています。 アプリケーションベースを生成します。 この二つのコマンドで準備は完了です。 最初の表示です。 ファイル構成です。 コントローラ部の実装です。 ビューはHAMLで記述します。 JoosyはRailsの中にJavaScriptを使ったMVCフレームワークを組み込みます。肝になるのはCoffeeScript、jQuery、HAMLそしてSuger.jsとなっています。そしてデータをAjaxでサーバサイドとやり取りし、その結果をレンダリ
GitHubプロジェクトのフォーラム機能を持たせる·Ostio MOONGIFT
OstioはGitHubプロジェクトと連携する掲示板ソフトウェアです。 GitHubでは開発者同士が対話する場としてIssueが用意されていますが、ここは一般的にプロジェクト上の課題やバグ管理を行う場になります。もっとプロジェクトについて自由に語らいたい、そう考える人にお勧めなのがOstioです。 最初の画面です。まずはGitHubアカウントでログインします。 ログインしました。ついでリポジトリを同期します。 リストアップされるのは公開リポジトリのみです。 こちらがメイン画面。まずトピックを作成します。 トピックを作りました。 こちらはレスの一覧。 こんな感じに会話します。 OstioはGitHubプロジェクトを指定しますが、データをリポジトリに入れたりすることはありません。単純にフォーラム機能を追加するだけです。プロジェクトのREADMEにURLを入れておくと良いかもしれません。 Ost
WebKitベースのURL全体のキャプチャ·webimage MOONGIFT
webimageはコマンドラインでWebKitベースのWebブラウザサムネイルを作成するソフトウェアです。 Webサイトのサムネイル画像生成サービスは多数あります。しかしサービスによってWebブラウザの種類が決まっています。Geckoエンジンを使ったものが多いですが、WebKitを使って取得するサービスを構築するなら使ってみたいのがwebimageです。 デモサービスを通じて生成された画像です。ページ全体がキャプチャされています。 日本語がトウフになってしまっていますが、JavaScriptが解釈された点は評価できます。 利点、欠点の双方がありそうですがこの手のシステムでは総じてセキュリティ上の理由からJavaScriptやFlashがオフにされているのが一般的です。しかしwebimageを通じて作成した画像はJavaScriptが評価されているので、Webアプリケーションのスクリーンショ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
