エラーやインフォメッセージの通知に使いたい。jQuery製通知ライブラリ·Notifier.js MOONGIFT
Notifier.jsはGrowl風通知を行うjQueryプラグインです。 Mac OSXではGrowlという有名な通知ソフトウェアがあります。バックグラウンドでの処理結果や、何か問題があった際に通知が出るのは慣れると手放せません。そんなGrowlに似た通知をjQueryで実現するのがNotifier.jsです。 リンクをクリックすると通知が右上に表示されます。この通知は一定時間が経つと消えます。 複数を同時に表示させることもできます。アイコン、タイトル、内容がカスタマイズできます。 いくつも出せます。 表示するコード。success、info、warning、errorを指定できます。 Notifier.jsを使えば見た目のデザインを変えずにエラーメッセージやお知らせを通知できるようになります。 Notifier.jsはjQuery/JavaScript製のソフトウェア（ソースコードは公
要注目！CSSとJavaScriptで作るアニメーション·Animatable MOONGIFT
AnimatableはJavaScriptでCSSのプロパティを変化させることでアニメーションさせるJavaScriptライブラリです。 最近、CSSだけで作るアニメーションというのが流行っています。CSS3であればtransitionという要素でアニメーションが起こせますが、さらにJavaScriptを使って多彩なアニメーションに対応させたのがAnimatableです。 色々な画像が並んでいます。マウスオーバーでアニメーションが実行されます。 6番は曲線が変化するアニメーションです。 2番は背景画像がアニメーションします。 12番はドロップシャドーです。 fromとtoののところで実際に設定するCSSプロパティが分かります。 data-fromとdata-toでプロパティを指定します。 AnimatableはいわばFlashのアニメーションに似ています。最初のフレームをdata-from
Google ChromeからiOSへURLを転送·Push To iOS/Chrome To iOS MOONGIFT
Push To iOS/Chrome To iOSはGoogle Chromeで今見ているURLをiOSに転送するソフトウェアです。node.jsサーバを介しています。 AndroidではGoogle Chromeから今見ているURLを転送する機能、Chrome To Phoneがあります。それをiOSでも同じように行うのがPush To iOS/Chrome To iOSです。GREEの伊藤直也氏の開発したソフトウェアになります。 サーバです。node.jsとSocket.ioを使っています。 Google Chrome側です。ボタンを押すだけでURLが飛びます。 データを受け取った際のログです。 iOS側でデータを受け取ったときの表示です。Socket.ioのお陰でリアルタイムにデータが追加されます。 サーバ側のログです。 Push To iOS/Chrome To iOSは独立してい
ドキュメント管理や商品管理機能も備えた多機能なWebベースグループウェア·Conflux Groupware MOONGIFT
Conflux Groupwareは多彩な機能を備えたWebベースのグループウェアです。Windows向けインストーラーもあり、素早く構築できます。 企業でグループウェアを使っていますか？もし使っているなら今使っているものにデータを蓄積し続けることをお勧めします。しかしもし使っていなかったり、今使っているものに不満を感じているならばConflux Groupwareの導入を検討してみても良いかも知れません。 ダッシュボードです。デスクトップと呼びます。ここで必要な情報はまとめて確認できます。 タスクの詳細です。 タイムトラッキング機能もあります。 ドキュメント管理です。フォルダツリーで見やすいです。 コンテクストメニューもあります。 カレンダー機能です。 カレンダーの詳細です。 タスク一覧です。 ワークフロー詳細です。ステータスとどこでタスクが止まっているかグラフで確認できます。 ワークフ
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
これなら開発しているように見えるはず！なxyzzy向けTwitterクライアント·xyttr MOONGIFT
xyttrはxyzzy用のTwitterクライアントです。 Emacsはテキストエディタではなく環境であるという言います。メールもフィードの購読も何でもできてしまう、そんなソフトウェアです。EmacsをWindowsに特化させたソフトウェアとして有名なxyzzy、そんなxyzzyをTwitterクライアントにしてしまうのがxyttrです。 インストールするLispは幾つかありますが、最終的にはxyttrを実行して起動します。個人的にはWebブラウザ経由の認証がうまくいかなかったので、OAuthの設定をTwitterから取ってきて使いました。 もちろん検索も可能。/またはsで検索です。日本語も使えます。 RTもできます。ツイート上でrtと打てば良いだけです。その他お気に入りはf、削除はD、引用ツイート（ru）、引用して返信（rr）、返信（`）、言及（@）があります。通常のツイートはuです。
Webサイトの魅力を増すリアルタイムコラボレーションを手に入れろ！·ShareJS MOONGIFT
ShareJSはリアルタイムコラボレーション機能を任意のWebアプリケーションに追加するソフトウェアです。 Webアプリケーションの醍醐味と言えばコラボレーションにあります。チャットのようなシンプルなものもあれば、一つのファイルを複数人で編集したりするのも面白いです。今回紹介するShareJSはその基盤になり得るソフトウェアになります。 こちらはテキストを複数人で同時に編集できるデモです。行番号があるタイプになります。 こちらは行番号がないタイプ。データはリアルタイムに反映されます。 リードオンリーの表示。編集できません。 Markdownでの表記にも対応しています。 WebベースのIDE、Aceと一緒に組み込んだ例。シンタックスエラーが格好いいです。 リアルタイムプレビューのデモ。リードオンリーと編集を同時に組み合わせています。 ヘッダもなくシンプルなデザインにも適用。 ゲームにももちろ
MITの学生、教員向けのiPhoneクライアント·MIT Mobile iPhone MOONGIFT
MIT Mobile iPhoneはマサチューセッツ工科大学専用のiPhoneアプリです。 マサチューセッツ工科大学と言えば、言わずと知れた工学系に関して世界最高レベルの大学です。そんな知の結晶であるMITに通う教員、学生用に存在するのがMIT Mobile iPhoneです。 トップページ。アイコンが並んだダッシュボード風になっています。それぞれのアイコンが機能になっています。 シャトルバスの情報です。外部のサイトでリアルタイムのバス運行状況が確認できます。 公開電話帳です。恐らく教授などの番号が調べられるのだと思います。 キャンパスツアーも。MITの学生ならずとも楽しめそうです。 キャンパスツアーは電子書籍風になっています。 緊急電話番号です。大学内のエマージェンシーコールが並んでいます。 QRコードリーダーも。利用が多いのかも知れません。 設定です。シャトルバスのトラッキングがありま
WebMに対応した動画ライブストリーミングサーバ·stream.m MOONGIFT
stream.mはWebMフォーマットをライブ配信するストリーミングサーバです。 動画のストリーミングサーバを構築するのは大変ですが、stream.mはFFMPEGと組み合わせてHTML5タグを使ったストリーミングサーバを構築できます。 実際に動画を表示している所です。元にしている動画はWebMフォーマットになります。 こちらはFFMPEGを使っています。動画をWebMフォーマットに変換した後、stream.mのサーバに対してポストしています。変換はリアルタイムに行われつつ、配信もストリーミングで行います。 スナップショットで動画の一場面を画像として取得できます。 Webベースのコンソールも付属しています。ストリーム名ごとに設定したログインID/PWでログインします。 ログインすると動画の受信、配信の帯域利用がリアルタイムに更新されていきます。 変換は随時行われています。 FFMPEGを使
MOONGIFT: Webサイトのスクリーンショットを撮る「Websnapshot」:オープンソースを毎日紹介
Webサイトのスクリーンショットを撮るのは通常、OSに付属のキャプチャを利用する。だが1、2個ならまだしも数十個のスクリーンショットを撮る必要があるとキャプチャ機能だけでは面倒になる。 スクリーンショットが簡単に そこで専用アプリケーションの登場だ。これを使えば簡単にスクリーンショットが撮りためられる。 今回紹介するフリーウェアはWebsnapshot、Webサイトのスクリーンショットを撮るAIRアプリケーションだ。 Websnapshotはサムネイル、ブラウザ、フルページと三パターンのスクリーンショットを撮れる。それぞれ設定可能だが、サムネイルの場合は画面の一部（左上）、ブラウザは画面全体、フルページはスクロールも含めると言った分け方だ。 設定画面 それぞれブラウジングサイズや縮小率を設定できる。サイトのURLを指定するか、ブラウザからドラッグアンドドロップするだけですぐに取得してくれる
どれだけネットワーク帯域を消費しているか測定してみよう·BitMeter OS MOONGIFT
BitMeter OSはマルチプラットフォームで使えるネットワークワークモニターです。Webブラウザまたはデスクトップクライアントがあります。 BitMeter OSはWindows/Mac OSX/Linuxで使えるネットワーク帯域モニターです。Webブラウザ上でグラフィカルなモニタリンググラフをリアルタイムに描画します。インストールしたマシンのネットワーク利用状況が一目で分かるようになります。 インストーラーを使います。実際の表示はWebブラウザで行います。 更新はリアルタイムに行われます。赤がダウンロード、緑がアップロードになります。Scaleの所にあるUp、Downで表示範囲を拡大、縮尺できます。 ストップウォッチ機能を使えば有効にしている時だけのネットワーク帯域利用状況を測定できます。 履歴です。分、時、 日ごとのネットワーク利用状況を表示します。計測を続けることで利用状況の変化
node.jsでライトなWebアプリケーションを組むのに最適なフレームワーク·Strata Web Framework MOONGIFT
Strata Web Frameworkはnode.js用のWebフレームワーク。Sinatraライクな記述ができる。 Strata Web FrameworkはJavaScript/node.js製のオープンソース・ソフトウェア。Webアプリケーションを開発する際に開発効率を向上するフレームワークの存在は欠かせない。だが何でもできるフレームワークというのは総じて大型で、ちょっとしたものを動かすのは向かないことが多い。 コード そこで注目したいのは小さなWebアプリケーションを開発するためのフレームワークだ。Rubyで言えばSinatraが人気だ。そんなSinatra風フレームワークのnode.js版と言えるのがStrata Web Frameworkだ。 素のnode.jsを使ってWebアプリケーションを構築することはもちろんできるが、よりシンプルにしてくれるのがStrata。クエリパラ
Gitを使っているWebデザイナー必見。DreamweaverからGitを使える·GITWeaver MOONGIFT
GITWeaverはDreamweaverとTortoiseGitを連携させるDreamweaver機能拡張。Gitコマンドが使えるようになる。 GITWeaverはWindows/Dreamweaver用のオープンソース・ソフトウェア。企業ではまだまだSubversionがメインのリポジトリ管理システムになっているようだが、個人を中心にGitを使うケースが増えている。プログラマーが使っているケースが多いが、デザイナーの方も使い始めている。 メニュー そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリー
今後の伸びに期待がかかるPHP製CMS·Fork MOONGIFT
Forkはユーザフレンドリー、多数のテーマ、プラグインといった機能を備えたPHP製CMS。 ForkはPHP製のフリーウェア（ライセンスは独自）。世の中にはCMS（コンテンツマネジメントシステム）と呼ばれるソフトウェアがたくさん存在する。そのUI、機能はその時々のトレンドに合わせて変化してきた。昔からのCMSが決して良いという訳ではなく、時代に合わせてCMSも進化しているのだ。 ユーザ向け その点、最近できたCMSはどれもUIがとても優れている。全体のデザインはもちろんAjaxを使ったり、ユーザフレンドリーなインタフェースになっている。今回紹介するForkもその一つ、とても格好いいデザインのCMSだ。 Forkの特徴としてはまずユーザフレンドリーなインタフェースが挙げられる。デフォルトのデザインがそのままかっこうよく、初心者にもプロフェッショナルにも使いやすい。タブを使ったりツリー表示を使
これを待っていた。マインドマップ＋GTD·MindOnTrack MOONGIFT
MindOnTrackはマインドマップとタスク管理（GTD）が一つになったソフトウェア。 MindOnTrackはWindows/Linux用のフリーウェア（Mac OSX向けもリリース予定）。日々の業務やプライベートな予定など、うまく順番にやりくりするためにはTodo管理が欠かせない。そしてタスクというのは総じて自分の周囲を整理した時にも現れやすい。 タスク 単純に割り当てられているタスク以外にも、プロジェクトや業務に関して見直してみると新しいすべきことが見つかったりするのはよくあることだ。そこで考えをまとめつつタスクに落とし込めるソフトウェアとしてMindOnTrackを紹介しよう。 MindOnTrackはマインドマップとタスク管理が一緒になったソフトウェアだ。言わば作業を分類ごとにドリルダウンしながらまとめ、それに日付をつけてタスク化していくのだ。さらにGTDにも則っているので、プ
使い道色々。Google App Engineを使ったTwitterボット·twibot MOONGIFT
twibotはGoogle App Engineを使ってTwitterボットを構築するためのソフトウェア。 twibotはPython製/Google App Engine用のオープンソース・ソフトウェア。日本人にはFacebookよりもTwitterの方が合っているようで、人気がとても高いWebサービスになっている。日本語では140文字もあれば相当多くの情報を詰め込めるのも要因かもしれない。 ボットから。twibotに管理画面はない。 そんなTwitterの使い方として人気があるのが自動的にメッセージを送信するボットと言われるタイプのシステムだ。全く関係ないツイートをするものもあれば、キャラクターを作ったり、返信するものもある。そんなボットを簡単に作るためのソフトウェアがtwibotだ。 twibotはTwitterクライアントであり、ボットの基盤として簡単に利用できるソフトウェアだ。あ
Dropboxをインストールしていなくとも使えるShellスクリプトのアップローダー·Dropbox-Uploader MOONGIFT
Dropbox-UploaderはShellスクリプトで動作し、指定したフォルダ/ファイルをDropboxへアップロードする。 Dropbox-UploaderはShellスクリプト製のオープンソース・ソフトウェア。Dropboxの人気はとても高い。とりあえずフォルダに入れておきさえすれば後は自動で同期してくれるので手間いらずだ。複数のパソコン間でも簡単にデータが同じ状態に保てる。 実行中（この後で止まってしまう…） しかし様々な事情でDropboxを入れられないケースもあるだろう。全てのファイルがコピーされるのでごく小さなSSDしか備えていない場合もあるだろう。そんな人でもとりあえずファイルをアップロードすることができるのがDropbox-Uploaderだ。 Dropbox-UploaderはShellスクリプトとして動作する。使い方は簡単で、ターミナル上でユーザ名を入力し、アップロー
WordPressをドキュメント管理システムに·WP Document Revisions MOONGIFT
WP Document RevisionsはWordPressを使ってドキュメント管理システムを構築するプラグイン。 WP Document RevisionsはPHP製/WordPress用のオープンソース・ソフトウェア。元々はブログエンジンとして登場したものの、シェアを一気に拡大していく中でCMS（コンテンツマネジメントシステム）として進化しているWordPress。Webサービス開発のベースに使われることも多い。 ファイルアップロード そんなWordPressが次なる進化を遂げようとしている。それは環境になることだ。もはやWordPressがなければビジネスが回らない、そんな状態になってしまうのだ。その一つ、WordPress上でドキュメント管理システムを構築するのがWP Document Revisionsだ。 WP Document Revisionsはリビジョン管理システムを含
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
使い道色々。Google App Engineを使ったTwitterボット·twibot MOONGIFT
ATNDでイベントを作る人も参加者も入れておくと幸せになれるGoogle Chrome機能拡張·ATND Notify MOONGIFT