よく使うWebアプリを「アプリケーション化」！ こちらのMacアプリ「Fluid」は、先日のPogoplug Family ブロガーミーティングの中で[N]ネタフルの@kogure さんが紹介されていたモノです。 早速起動してみましょう。 その使い方は非常にシンプルです。 まずは、アプリケーション化したいWebアプリのURLをコピーします。 今回は、Webアプリ版のEvernoteをアプリケーション化してみましょう。 「URL」欄にコピーしたURLを入力、アプリ名を作成します。 「Icon」は、WebページのFaviconを使用する場合はそのまま「Use Website Favicon」を選択すればOKです。なんか上手くいかない時もあるのでそういう時は別途pngファイルを用意しましょう。 保存先を選択して、Saveをクリック！ でけた！ アプリが作成されたらFluid自体は終了して構いませ
本バージョンでユニバーサル化され、iPad にも対応しました。 『WebCollector』の内蔵ブラウザで Google を開くので、スクリーンショットを撮りたいページを検索。 ツールバー中央のカメラのアイコンをタップすると、開いている Web ページをキャプチャしてプレビューを表示します。 スクロールすると、画面に表示されている部分だけでなく、Web ページ全体がキャプチャされているのがわかります。 キャプチャした画像を保存するだけでなく、メール・Facebook・Twitter（要 iOS 5 以降）で共有も可能。 ページの URL と併せて Evernote に保存もできます。 よくアクセスするページは、アドレスバー右側の星印のアイコンをタップしブックマークしておくと便利です。 カメラで QR コードを読み取って、Web ページを開くことも可能。Safari で閲覧しているページも
先月の WordCamp の講演で、CMS は API のような存在になると話しました。Webサイトに訪れてもらうために情報（ページ）を管理するための CMS から、様々なデバイスやサービスへ配信することを考慮したコンテンツ（データ）を保持する CMS へ変化する。そのためにも、CMS を扱う私たちは Web ページという枠に囚われない設計が必要になるという内容でした。 WordCamp という場だったので、CMS にフォーカスした内容になりましたが、実のところ Web そのものが API になりつつあります。 従来 Web上にある様々なデータを読み込んで、人が理解できるインターフェイスにするのは Web ブラウザの役割でした。パソコンに最初からあったことと、多くの方に使われていたという理由で Web ブラウザという名のアプリで動作する技術が使われ続けていました。 Web ブラウザ上で情報
memcached-keysはmemcachedのキー、データサイズ、有効期限を一覧表示するソフトウェア。 memcached-keysはPerl製のオープンソース・ソフトウェア。Webサービスを高速化する上で欠かせないのがキャッシュだろう。そのキャッシュシステムとして有名なのがmemcachedだ。オンメモリに保存するので高速、KVSなのでシンプルに利用できるのが利点だ。 実行結果 memcachedを使っていて気になるのが、ちゃんとキャッシュで来ているのか否か、キャッシュがどれくらいあるのかといった情報ではないだろうか。その問題を解決してくれるソフトウェアがmemcached-keysだ。 memcached-keysはPerl製のシンプルなソフトウェアで、そのまま実行するだけでローカル（デフォルト。変更可能）のmemcachedにあるキャッシュを一覧表示してくれる。キャッシュ名、有効
自分の書いた記事にどんな反応があったかというのはブロガーとしては気になる事由のトップランクに位置するわけで、かくいう私も「Google アラート」でエゴサーチをしてみたり「BackTweets」を使用してTwitterのコメントを眺めたりしているのです。 参考：はてなダイアリーのツイートボタンと、記事のコメントをもれなくチェックするbacktweets – #RyoAnnaBlog 参考：自分のブログについてつぶやかれたツイートをもれなく見つける方法 ほんだら本日男子ハックさんでKomepon!というブックマークレットを紹介してらっしゃいましてそれが良さそうなんで使ってみました。 参考：はてなブックマークやTwitterの反応をワンクリックで確認できるブックマークレット『komepon!』 *男子ハック 使ってみた まずはKomepon!のページにいってみましょう。 Komepon! –
KaitenはjQueryを使って左右に展開するナビゲーションインタフェース。 KaitenはjQuery/JavaScript製のオープンソース・ソフトウェア。Webではリンクを使って情報を辿っていく操作が基本だ。そのため以前の情報に戻る操作が増えたり、別なウィンドウやタブで開いたりしてどんどん情報が溢れてしまう。 右に情報が表示されていく スマートな解決策としてAppleが提案しているのが横にスライドしていく操作だ。次の情報はどんどん右に展開しているので戻ったり関連性を見いだすのも難しくない。そんなデータ表示をWebで再現するのがKaitenだ。 Kaitenは新しいWebナビゲーションを提案する。まず最初に表示される情報は左側になる。その中のリンクをクリックすると右側に展開する。さらにクリックしていくとどんどん右に展開する。ヘッダーでは現在表示しているコンテンツがハイライトになり、パ
tategumi.jsはJavaScriptを使って文章を縦書き、右から左に読ませる文章に変換するライブラリ。 tategumi.jsはJavaScript製のオープンソース・ソフトウェア。Webの文章は横書きが基本だ。日本語の場合は左から右に表示される。Webサイトは縦方向にスクロールするように作られているので、横方向が固定されて表示される方が見やすい。 表示例 だがそれは慣れの問題であって、日本語は本来縦方向、右から左に書かれるものだ。小説などの日本語文章を読ませるサイトではtategumi.jsを使ってみるといいだろう。 tategumi.jsはWebサイトに書かれた文章を自動的に縦書きに変換してくれるJavaScriptライブラリだ。サイト全体ではなく、指定された場所だけを変換する。クラスごとに文字の大きさや一行における文字数、行間、字間、段間、禁則処理の指定ができるようになってい
Calipsoはnode.jsで作られたCMS（コンテンツマネジメントシステム）。日本語ローカライズも行われている。 Calipsoはnode.js製のオープンソース・ソフトウェア。まだまだ本格的に使われていはいないものの、知名度が高まってきているのがnode.jsだ。サーバサイドJavaScriptの本命とも言えるのではないだろうか。既に数々のライブラリ、モジュールが開発されている。 メイン画面 だが開発者向けのツールだけではシェアを拡大させるには物足りない。HTML5の実験にもたびたび使われているが、そうではなくもっと一般的なWebアプリケーションが必要なのだ。それがCalipso、node.js製のCMSだ。 Calipsoはnode.jsとMongoDBを使って作られているCMS（コンテンツマネジメントシステム）だ。高速な動作、認証システム、プラグインとモジュールによる機能の追加、
ふだん OmniFocus で仕事の管理をおこなうことが多いのですが、認めましょう、実はかなり無理しています。 というのは OmniFocus は GTD の「プロジェクト・コンテキスト」のマッピングや、パースペクティブといったものをかなり忠実にアプリケーション化していますので、利用するのはとても複雑で慣れを必要とするからです。 また、タスク管理がデスクトップのアプリ側を中心としている点も、時として面倒です。 OmniFocusのデータはiDiskを経由して外のMacにも、iPhoneからも読めますが、やはりデータがどこにあるかというと複数あるMacのうちのどれかということになり、ブラウザ一つあればどこでも読めるクラウド型のタスク管理システムを利用したくなることはよくあります。 そこでいま本気で乗り換えようかと期待しているのが先日一般への公開が始まった Flow です。 Flow の特徴
JsonViewerはJSONデータをツリー表示で閲覧できるAdobe AIRアプリケーション。 JsonViewerはAdobe AIR製のオープンソース・ソフトウェア。Web APIでは幾つかのデファクトになるファイルフォーマットが存在する。それはXML、JSONだ。XMLは独自はもちろん、Atom/RSSといったフォーマットが採用されるケースが多い。 JSONはXMLに比べるとシンプルな記述にできるので採用されることが多く、JSONPのようにWebアプリケーションとの親和性も高いメリットがある。しかしWebブラウザでアクセスするとそのまま表示されてしまって分かりづらい。そこで使えるのがJsonViewerだ。 JsonViewerは入力したJSONをパースし、フォルダツリーにして表示してくれるソフトウェアだ。Adobe AIRでできているのでWindows/Mac OSX/Linux
Line Markerは選択した文字列をハイライト処理するFirefoxアドオン。 Line MarkerはFirefox用のオープンソース・ソフトウェア。Webサイトをブラウジングしていて、ちょっとメモしておきたいと思うことがある。EvernoteやTumblrのようなツールを使って残しておいても良いが、ローカルの方が良いという人も多いだろう。 マークをつけた画面 専用のWebサービスなどを使うことなく、Firefoxだけで完結できるソフトウェアがLine Markerだ。ちょっとした覚え書きや、注目しておきたいことについてささっとライン引きができるアドオンになっている。 Line Markerの使い方は簡単で、覚えておきたい文字列をハイライト表示し、コンテクストメニュー（右クリックメニュー）からLine Markerを選ぶだけだ。ハイライトする際の種類は実に豊富で、背景色を変えるだけで
「Clue」はウェブサイトが短時間でどんな印象を与えるかユーザテストできるサイトです。5秒間でウェブサイトを眺めて、その後すぐに「どんな印象が残りましたか？」というアンケートがとれます。ユーザの意見をきくことができますし、はじめの数秒でどんなインパクトが与えられたかもチェックできますね。 以下に使ってみた様子を載せておきます。 まず「Clue」にアクセスして、テストしたいサイトのURLを入力します。 スクリーンショット作成のため、その後しばらく待機です。 スクリーンショットが生成されたら、テスト開始です。 5秒間だけ先ほど指定したサイトを眺めることができます。 普通にウェブサイトを見る感じで、スクロールしましょう。5秒経つと画面が切り替わります。 どんな印象をもったのか、覚えてることを書いてくださいという内容。 結果も閲覧できます。 自分でやってもあんまし意味はないかと思いますので、他人に
いま、インドのニューデリーは朝？それとも夜？では、アメリカのカリフォルニアは？ 即答できる方は、かなりの国際エキスパート。瞬間的に世界の時刻を捉えるのは、意外に難しいものです。そこで、世界の主要都市の時刻が一目瞭然なウェブツール「Every Time Zone」をご紹介しましょう。 「Every Time Zone」は、世界主要国の現在の日にちと時刻をビジュアライズしたウェブツール。こちらのウェブサイトに移動すると、自動的にアナタの現地時刻を表示。さらに、ニューヨーク・リオデジャネイロ・ロンドン・ムンバイといった、主要12都市の時刻が現れます。海外とのやり取りがある方はもちろん、平日の昼間、東京のオフィスで仕事をしながら、「ロンドンはそろそろ夜が明けるころだな」とか、「ハワイは夕飯タイムかぁ～」といった具合に、世界をちょっと感じられるプチエンタメツールとしても使えますよ。 こちらの「Eve
今はメディアサイトを立ち上げようと思うとブログを使って構築することが多い。ただしブログの場合は時系列を重視するために特集も通常の記事も広告も、全てが同じ扱いになって時間とともに流れていってしまう。これではメディアが思っている意図とは異なる様相になる（今はこれがウケているというのは抜きにして）。 このようなメディアサイトを立ち上げるためのCMS（デモサイトより） もしあなたがブログ形式ではないメディアを立ち上げたいと思うならばCampsiteを使ってみるのはどうだろうか。 今回紹介するオープンソース・ソフトウェアはCampsite、自由度の高いメディアサイトを構築できるCMSだ。 Campsiteは構成の自由度が高いCMSだ。元々オンラインマガジンやニュースサイトを構築するためのシステムになっているので、特に押したい記事（いわゆる特集）やそれに続くカテゴリごとの記事などを上手に管理できるよう
記事を書いていると、インターネットや書籍を参考にさせてもらったり、引用したりするケースは多々ある。それはブログの記事、雑誌向け、論文など様々なケースが存在するだろう。それらの情報を管理するのにSBS（ソーシャルブックマークサービス）を利用する手もあるが、タイトルとURLだけでは後で見返しづらい。 様々なオンライン情報を一元管理できる 気になった情報をメモしておいたり、書籍をコレクションしておいたりするのに便利なソフトウェアがZoteroだ。Firefoxアドオンとして動作し、ソースコードも公開されているオープンソース・ソフトウェアだ。 ZoteroはWebブラウザを使って情報を調べたり、メモしておいたりすることが簡単にできる。インストールするとブラウザの右下にZoteroのアイコンが表示されるようになる。これをクリックするとZoteroのコレクション内容が表示される。 設定画面 情報はメモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く