色分け、自動補完機能などを備えたJavascriptで出来た高機能なコードエディター『CodePress』 | POP*POP
コードを書く人には便利そうなツールのご紹介。 ↑ かなり高機能なエディターです。是非触ってみてください。 JavascriptでできたCodePressを使えば、以下のようなことができてしまいます。 コードを色分け（定数や命令文などがわかりやすくなりますね）。 命令を書いてTABを押すと対応する括弧などを自動補完。 括弧を自動補完。 ショートカットを装備（CTRL+SHIFT+SPACEで「 」など） 対応している言語はPHP、JS、Java、Perl、SQL、HTML、CSSとのこと。これはかなり使えるのでは・・・。 実際の動作デモ＆ダウンロードは以下からどうぞ。 » CodePress – Real Time Syntax Highlighting Editor written in JavaScript
愛情と友情と・・・ | POP*POP
愛情と友情が表現された一枚の写真、が話題になっていました。癒されますね・・・。 ↑ クリックすると大きな画像へとびます。 » Nirvana Musing: Friendship and love defined in one photo
ウィンドウサイズを瞬時に変更可能な、たった17KBの便利ツール『Sizer』 | POP*POP
ご存知の方も多いかもしれませんが、インストールしてみて便利そうだったのでご紹介。 Sizerはたった17KBのプログラムですが、「このウィンドウをこのサイズにしたい！」というときに便利です。 使い方は簡単で、ウィンドウの最大化ボタンを右クリックするだけ。するとどのサイズにしたいのかが現れるので選択するだけです。もちろんサイズは自由にカスタマイズできます。 ↑ 最大化ボタンの上で右クリックすればこういうメニューがでます。 またウィンドウをリサイズするときに現在のサイズを教えてくれたり、10px単位でリサイズしたりといったことが可能です。 ↑ 今のウィンドウサイズが一目瞭然。文字化けしているのはご愛嬌ｗ。 他にもシステムトレイからリサイズできたりいろいろと機能がありますが、これだけの機能を搭載してたった17KBというのがいいですね。 インストール＆詳細は以下からどうぞ。Lifehackerから
「あ、プレゼント買わなくちゃ！」に役立ちそうなおしゃれショップまとめ | P O P * P O P
個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ！」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですｗ。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも？！ 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六本木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト
Google Mapsにいろいろ便利な機能を追加する『Mapplets』がすごすぎます！ | POP*POP
次々と新機能が出てきているGoogle Mapsですが、さらに新しい機能が・・・。 Google Mapsの機能を拡張してくれる小粋なツール群です。 まだプレビュー版ですが、かな～り便利なのではないでしょうか。 以下にいくつか紹介していきましょう。 ↑ すでにいろいろなMappletが登場しています。導入は簡単でクリックするだけです。 ↑ 二点間の距離を測ってくれる「Distance Measurement Tool」。ちょっと距離を知りたいときに便利。 ↑ 過去にどこで地震が起きたかを示してくれる「Earthquake Search」。マグニチュードと過去何年以内なのかを指定できます。 ↑ ある地点とある地点の中間にある場所を検索してくれる「Search In-between」。待ち合わせに便利です。 他にもいろいろなMappletがありますよ。見ているだけで楽しくなります。こうしたMa
SQL文をきれいにフォーマットしてくれる『SQL in Form』 | POP*POP
長～いSQL文を見ているとどこがどういう構造になっているのかがわからなくなってきますよね。 そうしたときに使えそうなのが「SQL in Form」です。 一般向けのサービスではないですが、関係ある方には便利なのでは。 以下に簡単にご紹介。 ↑ たとえばこのようなSQL文。コメント分やインデントがわかりにくくなっています。 ↑ SQL in Formを通せばこの通り。構造がすっきりして見やすいですね。 変換する際には改行やインデント、空白の扱いなどの設定をすることもできます。またデスクトップ用のアプリもあるみたいですね。 ご利用は以下からどうぞ。無料で使えます。 » SQL Formatter / SQLFormatter formats SQL Statements
マウスの軌跡をそのまま記録してくれる『RobotReplay』を試してみた！ | POP*POP
先日から話題になっていたRobotReplayがようやく安定してきたようなのでちょっと試してみました。これはかなりいいですよ。 ただ、大勢のヒトが使うとまた不安定になりそうなので紹介するのが微妙ですが、そこはRobotReplayの中のヒトにがんばってもらいましょう。 以下に使い方をご紹介。かなり興奮しちゃいますよ。 ↑ まずは会員登録。この手のサービスは招待制が多いのですが、今はフツーに登録できるようです。 ↑ メールで認証などのプロセスを経てこの画面へ。スクリプトタグを埋め込み、サイトを登録すれば解析開始です。 ↑ 10分程度待つとこのようにセッションが一覧できるようになります。おもむろに「プレイ」をクリック。 ↑ YouTubeで撮ってみました。なんだか見知らぬ読者とぐっと身近になれたようで嬉しい！マウスの軌跡どころか、クリックしたところもわかりますね。 また、フォームに何を埋めたか
ウェブ上で組織図をさくさく作成・編集できるForbesの『Org Chart Wiki』 | P O P * P O P
Forbesにて便利そうなツールが公開されていました。いわゆる組織図をウェブ上で作成、編集できるツールです。 しかも著名企業の組織図はすでにいくつかアップされています。これを見ながらつくってもいいですし、そもそも企業の体制を知ることは勉強になりますよね。 詳しい使い方は以下をどうぞ。 ↑ まずは組織図を新規作成。組織名と業界を入力します。 ↑ 初期作成画面はこちら。Google Mapのようなインタフェース上で人を入れ込んでいきます。 ↑ 一応つくってみたのはこちら。基本はドラッグ＆ドロップで自由に作っていくことができます。作った組織図は保存もできますよ。 ↑ 著名企業の組織図も見ることができます。こちらはGoogle。 なお、有名企業の組織図を見られるツールといえば「They Rule」もありますね。こちらのほうがちょっとおしゃれですね。かなり古いサイトなのでデータが古いかもしれませんが
自分だけのお札が作れるジェネレーター『Personalized Money』 | POP*POP
よくジョークアイテムで有名人の顔が入った偽札がありますが、それと同じようなことを好きな写真でできてしまうジェネレータのご紹介。 しかもドル札だけでなく、日本円の札でもできてしまうという芸の細かさ・・・。もちろん、作られた「お札」は画像でダウンロードできますよ。 サイトや名刺、パンフレットのちょっとしたアクセントにいかがでしょうか。 詳しい使い方は以下をどうぞ。 ↑ まずは通貨の種類を選びます。ドルと円、それとなぜかブラジルの「ヘアウ」が選べます。 ↑ 画像をアップロード。適当なものがなかったのでSkypeのアイコンでｗ。 ↑ 位置、大きさをちょこちょこ微調整します。 ↑ これで「Skype札ｗ」の完成です。つくった画像はダウンロードして使いましょう。 自分でもつくってみたい方は以下からどうぞ。 » Festisite: Personalized money generator
ごちゃごちゃした机の上をすっきりさせるための12のコツ | P O P * P O P
机の上がごちゃごちゃしていると探し物に時間がかかり、非効率です。また散らかっている机は「仕事ができないやつだな・・・」と思われがちです（人にもよりますが）。 そこで今回は「ごちゃごちゃした机の上をすっきりさせるための12のコツ」という記事をご紹介。 どういったことに気をつけるべきでしょうか。以下からどうぞ。 いらないペンは捨ててしまおう ペンはなにかともらうもの・・・・机の上にどんどんたまってしまいますよね。実際には何本も必要なものではありません。思い切って捨ててしまいましょう！ ちょっとしたものを入れるスペースを作ろう よくポケットに入れているような細かいものを置く場所を決めておこう。引き出しでもいいし、ちょっとしたトレイでもかまいません。こうした細かいものはちょこちょこと使うもの。すっと探せるように置き場所を決めておくべきでしょう。 使うものは近くに、使わないものは遠くに 机の上をざっ
Googleマップの新機能『道順案内』がすごいことになっています・・・ | POP*POP
Googleに先日追加された道順案内。地下鉄や、徒歩などを組み合わせてトータルでナビしてくれる機能です（今は限られた地域だけですね）。 とっても便利な機能ですが、あまりに突飛なルートにはまだまだバグが潜んでいる模様。 ある人がニューヨークからダブリン（アイルランド）までの道順を検索したところ大変なことに・・・。 ↑ 検索結果。これだけ見ると「まぁ、そうね」と思うのですが・・・。 ↑ 「Swim across the Atlantic Ocean」って・・・。それ無理だから！ この道順案内に徒歩以外でも「泳ぐ」という選択肢が登録されているとは・・・。恐るべしGoogle。というか、早く直してくださいね。 » Google Suggests You Swim Across The Atlantic Ocean – Consumerist
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
定型作業を記録して再生できるFirefox拡張『iMacros』 | POP*POP
ブラウザで同じ作業を繰り返すことが多い人にとっては便利なFirefox拡張です。 この「iMacros」ではWeb上の操作を記録し、編集したり、再生したりすることができます。 » iMacros for Firefox 下記に使い方をご紹介。 ↑ サイドバーから操作します。 ↑ 操作を記録する場合には「Record」を選択。 ↑ 操作はこのように記録されていきます。終わる場合は「Save」をクリックして保存します。 ↑ 再生する場合には「Play」をクリック。繰り返す回数を設定することもできます。 また、記録したマクロはCSV形式で書き出せるのであとで自由に編集することもできます。 たとえば次のように使うことができますね。 サイト毎にＩＤとパスワードを自動的に入力する。 写真などを自動的にWebにアップロードする。 Webサイトのテストとしてレスポンス速度などを記録する。 なんとなく毎日同
オンラインでさくさく写真を編集できる『Picnik』レビュー | P O P * P O P
これはなかなか。この「Picnik」は写真の加工が簡単にできるWebアプリです。Flashベースでさくさくと作業ができます。 類似サービスは多いですが、一つの選択肢として悪くないのでは。インターフェースもかわいいです。 » Picnik 下記さっそくご紹介。 ↑ 写真の取り込みは「Flickrから」「PCから」「Webサイトから」など色々選べます。 ↑ アップロードするとこんな感じ。さて加工に入ります。 ↑ 回転などの基本的な操作のほか「露出補正」や「赤目修正」などの機能もあります。色の自動補正機能も便利です。 ↑ エフェクトをかけることもできます。蛙を使ったサンプルがわかりやすいですね。かわいい。 ↑ セピアにしてみました。これ以外にも色々機能はありますよ。 ↑ 書き出し方法もいろいろ準備されています。Flickrに直接書き出せるのは便利ですね。 ちょっと写真を加工したい時に欠かせないW
UIが小気味良いマインドマップツール『bubbl.us』レビュー | P O P * P O P
このUIはなかなか素敵。ウェブ上でのマインドマップツール、「bubbl.us」のご紹介です。 こうしたツールは他にもたくさんありますが、バブルが2.0デザインっぽかったり、ちょっとしたインターフェースの工夫などがされていて、触っていて気持ちいいです。 » bubbl.us 使い方も簡単です。下記にかるくご紹介。 ↑ バブルの中に文字を打ち込んでいきます。バブルのデザインが素敵です。 続けて一つ下のレベルでバブルを作る時は「Enter」、同じレベルのバブルを作る時は「Tab」を押します。なお、日本語には対応していないようです。 ↑ バブルのレベルを上げたり下げたりしたい時は、上げ下げしたいバブルの上へドラッグ＆ドロップで移動させます。 ↑ 消去ボタンのUIが素敵。「あと3秒で消えますよ」とカウントダウンをはじめ、3秒後に軽く爆発してふっとびます。遊び心がありますね。 ↑ ズームも移動も自由自
ブラウザ上で画像やテキストを自由に編集する方法 | P O P * P O P
ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。 Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScriptをアドレスバーに打ち込むだけ。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 こんな（↓）感じです。 ドラッグ＆ドロップで画像を動かせる他、テキストも自由に書きかえることができます。これはコンテンツをブラウザ上で編集できる「contentEditable」というタグを活用したTipsですね。 » contentEditableについて スクリーンショットを取る時にいらない画像を簡単に消したりできるのは便利かも。diggからの情報でした
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
ブロガーに最適？参考情報を管理できるFirefox拡張『Zetoro』 | P O P * P O P
何かを調べていて参考情報をまとめておきたいと思ったことはないでしょうか？ ブログを書いているとそんな機会も増えます。そんなブロガーのためのFirefox拡張がこの「Zotero」（もともと論文を書くためのツールですが）。これを使えば関連ページを簡単に管理することができます。 » Zotero – The Next-Generation Research Tool 日本語にも対応しているのがうれしいですね。なお、Firefox 2.0専用です。それ以前のバージョンでは動作しませんのでご注意を。 では下記に簡単にご紹介。 ↑ 拡張をインストールするとブラウザの下部に参考情報をまとめるウィンドウが。こちらのボタンで見ているページの情報を一発保存してくれます。 ↑ タグ付けも可能。あとで分類するときに便利ですね。 ↑ メモを付けることもできますよ。引用したい箇所やちょっとしたアイディアを書いておく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
