ちょっと癖のあるデータ形式であるJSONですが、ブラウザ上で編集できるツールが出たようです。 ツリー状のナビゲーションが直観的で使いやすいです。ちょこちょこっといじるときに便利そうですね。簡単な使い方は以下からどうぞ。 ↑ まずはサンプルデータをロード。ご自分のJSONデータを貼り付けてもかまいません。 ↑ Build Treeをクリック。左側にデータ構造がツリー状に出てきます。 ↑ ツリーを展開して編集。終わったら「Save」。 ↑ 変更されたJSONデータを見るにはツリーのトップをクリック。データが変わっているのがわかります。 あとはこうして変更されたデータをご自身のプログラムで利用するだけです。データ構造が複雑になりすぎて変更が面倒・・・というときにご利用されてはいかがでしょうか。 JSON Editorは以下よりどうぞ。 » javascript json editor

アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果が変化します。 ↑ アイコンを表示する際の背景色も選べます。イメージをつかみやすいですね。 ↑ 「info」をクリックするとアイコンの情報を表示してくれます。自分でキーワードを追加していくことも可能です。 現在17,000個以上のアイコンがインデックスされているようです。今後増えていくとかなり使えるのでは。 ご利用は以下からどうぞ。 » iconfinder – Search more than 5000 icons

素敵なアイコンがたくさんダウンロードできるのがFreeIconsWebです。全部で15,000個以上あるそうですよ。 ↑ なかなか素敵ではないかと・・・。 こうした素材集サイトは知っておくと便利ですね。ブックマークに加えておいてはいかがでしょうか。 なお、ご利用の際は配布元のライセンスをご確認ください。 » Free Icons Web – Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon

先日、「Skype 3.2ベータfor Windows」と「Skype 2.6ベータ for Mac」が公開されましたね。新しい機能も追加され、ますます便利になっているようです。 そこで今回は「Skypeをもっと便利に使うためのツール＆Tips10」をご紹介します。もはやSkypeは単なる「無料の電話ツール」ではありません。使い方次第でさまざまな用途に使えますよ。 数あるTips＆ツールの中から実際に利用してみて気に入ったものをご紹介します。以下よりご覧ください。 ■ 電話を便利に使う 会話を録音する Skypeでインタビューや会議を行う場合、内容を録音したいときがあります。Skypeの音声を録音する方法はいくつかあります。今回はその中から3つのソフトウェアをご紹介。 「Pamela」は留守番電話機能などが付いた多機能ソフトウェア。基本的に無料で利用できますが、有料版では動画の録画もできま

Twitterネタが続きますがご容赦を・・・。 さて、バルチモアの大学がつくったのが今回ご紹介するTwitterment。これは画期的です。Twitterから得られる世界中での「つぶやき」をさまざまな角度から分析することができます。 どの製品がどう使われているか、どの時間帯にどういう行動が見られるか、などの分析が可能です。詳しくは以下をご覧ください。 Twittermentの機能は大きく二つ。一つは「Twitterment Search」、もう一つは「Twitterment Compare」です。 ■ Twitterment Search Twitterのデータを特定のキーワードで検索可能です。商品名などを入れるとその商品がどういう評判なのかを知ることができます。 こうしたツールは今までもありましたが、Twittermentがすごいのは時間帯や曜日、地域までもあわせて分析してくれる点です。

これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns

よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the

こ、これはすごいです。シンプルですが機能満載でとっても便利です。 2view noteを使えば、指定した写真にFlickr風のコメントをつけていくことができます。例の点滅した点線のやつですね。 » 2View – Notes 場所を指定してつけていくことができるので、集合写真や、説明資料などに良いかもしれません。 具体的な使い方は以下をどうぞ。 ↑ まずはコメントをつけたい写真を指定します。URLを指定するか、APIちっくに直接URLを追加します。 ↑ 無事にアップされました。今日の百式の画像を使っています。 ↑ コメントをつける場合はつけたい場所をクリックします。コメントを入力します。日本語もOKです。 ↑ コメントの良し悪しを投票できます。たくさん良い投票を集めると点線のエリアが大きくなっていきます。 ↑ なんとRSSも提供しています・・・。コメントが追加されるたびに更新されます。 ↑

カレンダーは便利ですよね。机の前に貼っておくだけでかなりの時間が節約できている、という人も多いのでは。 ただ、わざわざカレンダーを買うのが面倒、という人も多いはず（自分もそうです）。 そこで今回ご紹介する『Text File Strip Calendar』はいかがでしょう。究極的にミニマムなカレンダーです。 標準的なPCとプリンターがあればすぐに作れますよ。 さてどこがどういう風にミニマムなのでしょうか。詳細は以下をどうぞ。 今回ご紹介する『Text File Strip Calendar』の良いところは、その名前のとおり、テキストファイルから出来ている点です。 テキストファイルであるがゆえに誰でも簡単に作れるし、特殊なアプリケーションも必要ではありません。 余計な装飾がないかわりに、必要最小限のデザインが際立ちます。 作り方は簡単。下記のように作っていくだけです。等幅フォントで印刷する点

以前話題になった「ズームしてもズームしても終わらない映像」のZoomQuiltですが、続編が登場したようです。 今回もズームしまくりです。次々と現れる幻想的なシーンにしばし見とれてしまいます。実際のところ、ただ単にループしているだけですが、細かいところまで描きこまれていてなかなか飽きません。 第一弾を知らない方のためにそちらもあわせてご紹介。 ↑ こちらが第一弾。マウスで上にドラッグすればズームイン。 ↑ マウスで下にドラッグするとズームアウト。 ↑ かなり細かいところまで描かれています。 ↑ 次に続編の方。こちらも世界観ありますね。 ↑ さきほどとは違った光景が・・・。 ↑ 続編では移動はメニューから行います。画面左にマウスを持っていくとこのようなメニューが現れます。 アートな気分にひたりたいときにおすすめです。よろしければどうぞ。 » THE ZOOMQUILT | a collabo

アーバンな感じのテクスチャ素材がたくさんあるサイトです。商用利用も可能で、すべて無料です。条件はこのサイトのクレジットを載せること。 現在143枚の素材がダウンロード可能です。今後も増えていくようですね。サイズも大・中・小用意されています。検索もできますよ。 いくつか写真でご紹介。 ↑ サイトのトップバナーに使えそうな・・・。 ↑ テクスチャだけでなくこうした素材もちょこちょこあります。 ↑ メタリックなイメージにいいですね。 ↑ ちょっと宗教的なイメージを醸し出したいときに。 ↑ 不思議と未来を感じさせるイメージ。 他にもたくさんありますね。ご利用は以下からどうぞ。 » Urban Dirty: Free texture stock photography for your artwork, desktop and design

PDFの起動って遅いですよね・・・意図していないでPDFをうっかり開いてしまったときにはかなりへこみます。 そこで今回はそうしたPDFファイルに関するイライラを解消するツールをご紹介します。起動を速くしたり、ファイルを開くときに確認してくれたりするものです。ネットで作業をしているとPDFファイルにはよく出くわすので知っておくと作業効率がアップするかもしれませんね。 これらの方法をすでに実践されている方もいらっしゃるでしょうが、自分へのメモ書きもかねてまとめておきます。 それでは以下よりご覧ください。 ■ PDFファイルの起動を速くしてくれるツール Adobe Reader SpeedUp 「Adobe Reader」の起動が遅いのは大量のプラグインを読み込んでいるため。この「Adobe Reader SpeedUp」は不要なプラグインを読み込まないようにして起動を高速化します。「余計な機能

Googleにまたしても新しいサービスが登場したようです。「Google News Bar」に続き「Google Blog Bar」です。 » 自分のサイトにGoogle Newsを貼りつけられる『Google News Bar』 | P O P * P O P これを使うと指定したキーワードでブログ検索をした結果をブログパーツにしてくれて貼り付けることができます。自分のブログと関係のあるキーワードで使えば自分にとっても読者にとっても有益なコンテンツになりそうです。 使い方はやたら簡単です。以下に画像を交えて説明します。 ↑ まずは「Style」で表示形式を「垂直型」にするか「水平型」にするかを選択します。次に「Search Expression」で検索するためのキーワードを指定します。日本語にも対応していますよ。最後に「Title」でブログパーツのタイトルを指定します。 ↑ このブログパ

「ハードディスクがいっぱいだから、サイズの大きいフォルダを削除しよう・・・」 そのような時に便利なツールのご紹介。この「SizeExplorer」を使えば、エクスプローラ上でフォルダのサイズを表示してくれます。大きい順に並べ替えもできますよ。 » SizeExplorer 下記に使い方をご紹介。 ↑ 普段、フォルダの表示はこのようなものです。これから「SizeExplorer」を導入します。 まずはインストール。その後、フォルダを開きます（どのフォルダでも結構です）。 ↑ 「詳細表示の設定」を開きます。 ↑ 「SizeExolorer」にチェック。 ↑ 「ツール」→「フォルダ オプション」を選択。 ↑ 「表示」から「すべてのフォルダに適用」をクリック。 ↑ 「SizeExplorer」の項目が表われました。これで各フォルダの容量が一覧できますね。 ノートパソコンなど、容量がシビアな場合にち

これ、かなり欲しいです・・・。 今回ご紹介するのは皿洗い機ならぬ「皿製造機」。自宅で必要なときに必要なだけ食器を作りましょう、とうい発想です。MITの研究試作品だそうです。 » DishMaker 以下に詳しくご紹介。 ↑ こちらがお皿製造機。皿洗い機よりちょっと大きいですかね。 ↑ こちらが皿の元となるプレート。 ↑ このプレートに熱を加えてお皿にしていきます。 ↑ このようなお皿やボウルができました。 動画の方がわかりやすいですね。以下よりご覧下さい。 また、使い終わったお皿は再度加熱すれば元のプレートに戻ってくれます。何回でもリサイクルが可能、というすばらしいアイディアです。 皿を置くスペースを考えずに済むのも嬉しいです。未来のキッチンを垣間見せてくれる製品でした。これ、欲しいですよね・・・。 » Dishmaker: Never Wash Another Dish? （via Gi

今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込