タグ

ブックマーク / www.popxpop.com (14)

  • 手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP

    昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます(画面はHomeと書こうとしていますw)。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »

    手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP
    miyatad
    miyatad 2010/04/24
    UIのテストにこのアプリをつかってる。これを試すために、ひさしぶりにタブレットもひっぱりだしてきた。(参考)手書きインターフェースでサイト構築を支援する『DENIM』
  • これは便利!検索条件をマウスだけでさくさく追加していけるFirefox拡張『Visual-Search Extension』 | POP*POP

    これはシンプルですが、とっても便利なFirefox拡張機能です。 なんとGoogleで検索したあと、検索結果に出てくるテキストを検索条件に追加することができます。いちいち検索窓にキーワードを打ち直す必要がありません。 たとえば「百式」で検索、でも、調べてみるとガンダムの話題が多かったのでw、それを取り除きたい場合。 ↑ 検索結果の中から「ガンダム」を選択すると+-のアイコンが現れるので-をクリックします。 ↑ すると検索条件がこのように変化。自動的に検索もしてくれます。 もちろん+の方のアイコンをクリックすれば検索条件に追加してくれますよ。日語もきっちり通るのでおすすめです。 » Visual-Search Extension :: Firefox Add-ons via Lifehacker

    これは便利!検索条件をマウスだけでさくさく追加していけるFirefox拡張『Visual-Search Extension』 | POP*POP
    miyatad
    miyatad 2007/07/24
  • ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP

    よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make

    ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
    miyatad
    miyatad 2007/07/24
  • 「あ、プレゼント買わなくちゃ!」に役立ちそうなおしゃれショップまとめ | P O P * P O P

    個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ!」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですw。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも?! 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト

    「あ、プレゼント買わなくちゃ!」に役立ちそうなおしゃれショップまとめ | P O P * P O P
    miyatad
    miyatad 2007/06/29
  • コピーしたテキストから書式情報を削除してくれる『Clipboard Text Scrubber』 | POP*POP

    Windows用のフリーウェアのご紹介。 ウェブからワードにテキストをコピーしたつもりが書式情報までコピーされて「そんなのいらないよ・・・」と思ったことがある方も多いはず。もちろん設定次第でテキストだけコピーすることもできますが、アプリケーションごとに設定したりするのは面倒です。 そこで登場したのが「Clipboard Text Scrubber」。テキストをコピーした瞬間に書式情報を自動的に削除してくれます。貼り付けるときにはテキストだけになるので便利ですよ。 以下に使い方をご紹介。 ↑ 普通こうした文書をワードに貼り付けると・・・。 ↑ このように太字やら大きさやらがそのままコピーされます。 ↑ そこでClipboard Text Scrubberを導入してからコピーすると・・・このように「書式情報を削除しました!」のメッセージが出ます。 ↑ 貼り付けてみると・・・テキストだけが残りま

    コピーしたテキストから書式情報を削除してくれる『Clipboard Text Scrubber』 | POP*POP
    miyatad
    miyatad 2007/06/19
  • すごいスピーチをするには? | POP*POP

    Guy Kawasakiさんのブログで興味深い記事が。歌手のDoug Lawrenceさんに聞いた「スピーチのコツ」です。Dougさん曰く、「ステージで歌うのも、話すのも、コツは一緒だ!」とのこと。聴衆をぐっと引き寄せる、という点では確かにそうかもしれませんね。 全部で15項目ありますね。スピーチをする機会が多い人には参考になるのではないでしょうか。 詳しくは以下からどうぞ。 観客と仲良くなろう もしスピーチの前に時間があるなら、会場にいる人となるべく話すようにしましょう。自己紹介をしたり、質問したりしてうちとけておくと、実際にスピーチをする際にぐっと楽になりますよ。 胸を張ろう! 胸をぐっと突き出すことによって「権威」を演出することができます。しなだれた格好では誰も話をきいてくれませんよ。 ちょっとだけ鼻声を 口だけではなく、鼻声もうまく使うと相手に声が伝わりやすいですよ。声を口から鼻へ

    すごいスピーチをするには? | POP*POP
    miyatad
    miyatad 2007/06/13
    いやーすげーあたりまえだけどスピーチのときって、そういうあたりまえもぶっとびがちなのでチェック。むねをはろう。
  • あの行きたかった場所をもう忘れない!『あとで行く』速攻レビュー! | P O P * P O P

    これは素敵なツール。サイトを見ていて「あぁ、このイベント行きたいなぁ」「このカフェいいかも!」と思うときってありますよね。 そうしたときに便利なのが「あとで行く」です。そうしたページからブックマークレットで一発登録。しかもさまざまな付帯情報を自動でつけてくれるのであとで検索が楽々です。 以下に詳しい使い方を見ていきましょう。 ↑ こちらがトップページ。はてなIDで認証をすませてまずはブックマークレットを登録。 ↑ まずは気になるページで住所っぽいものをハイライト。 ↑ そのあとおもむろにブックマークレットをクリック。 ↑ するとこのような登録画面に行くので必要な情報を入力。 ↑ 位置情報も登録! ↑ この場所を登録するとさまざまな付帯情報を自動で引っ張ってきてくれます。最寄り駅情報が便利! ↑ このように登録されたリストは参加者で共有。充実してくれば相当使えそうですね・・・。 登録したリス

    あの行きたかった場所をもう忘れない!『あとで行く』速攻レビュー! | P O P * P O P
    miyatad
    miyatad 2007/05/15
  • いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P

    各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus

    いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P
  • シンプルな画面共有ツール、『CrossLoop』をレビューしてみた | POP*POP

    試してみてなかなか良かったのでたまにはツールレビュー。「CrossLoop」、なかなかよさげです。 » CrossLoop – Simple Secure Screen Sharing いわゆる「画面共有ソフトウェア」です。相手のデスクトップを遠隔地から操作することができます。 もちろんWindows付属のリモートデスクトップやVNCもありますが、設定や操作が簡単だったのでご紹介。 下記、詳しく見ていきましょう。 ↑ まずはCrossLoopのトップページからダウンロード&インストール。起動するとこのような画面が。 ↑ 自分の画面を誰かに操作してもらいたい場合、HOSTに接続します。その際に出てくる「アクセスコード」を相手に伝えましょう。アクセスコードは適当に振られるみたいですね。 ↑ コントロールする側もCrossLoopを導入している必要があります。その後、教えてもらったアクセスコード

    シンプルな画面共有ツール、『CrossLoop』をレビューしてみた | POP*POP
  • 人体の描き方を178の動画で説明する『The Structure of Man』 | P O P * P O P

    これは貴重な資料です。リアルに人体を描くための動画が178ものステップにわけられて公開されています。 それらのすべてはYouTubeで見ることができます。こちらが、そのリンク一覧です。すごい試みですが、もっと高画質で見たい人はDVDを買ってね、ということらしいです。 » The Structure of Man 描いているのはRiven Phoenixさん。例えばこのような(↓)動画が公開されていますよ。 ステップごとにわかれているのがいいですね。お正月に新しいスキル獲得を目指されている方は一つずつクリアされてみてはいかがでしょうか。 ■ 関連記事 ディズニーの絵の描き方がわかる61のPDFが公開されています! | p o p * p o p

    人体の描き方を178の動画で説明する『The Structure of Man』 | P O P * P O P
  • 1万円以下で3Dスキャナーを作っちゃう方法 - POP*POP ~ 世界のおもしろニュースをクオリティ重視で

    なんとも簡単に3Dスキャナーを作る方法が紹介されていました。3Dスキャナーというと高価な業務用の機械を思い浮かべますが、この方法だと自宅でも簡単にできそうです。冬休みに試されてみてはいかがでしょうか。 必要なのはPC、Webカメラ、背景に使うボード(製作方法は後述)、レーザー、そして「DAVID」と呼ばれる無料ソフトです。 レーザーは安いものならば1万円以下で買えます。また「DAVID」は下記のサイトから無料でダウンロードできます。作り方も下記サイトで紹介されています。 » Institut für Robotik & Prozessinformatik 開発したのは、ドイツのコンピューターサイエンスの教授とのことです。 詳しくは下記でご説明。 ↑ まずは背景用ボードを作ります。この黒い点が重要です。サイトからテンプレートがダウンロードできます。 ↑この背景の黒点の位置から立体構造を解析し

    1万円以下で3Dスキャナーを作っちゃう方法 - POP*POP ~ 世界のおもしろニュースをクオリティ重視で
  • これは驚き!顔の「平均値」を計算する『Make An Average』 | POP*POP

    「あの人との子供はどんな顔になるかしら・・・」とお考えのあなたに最適なサイトがあります。 こちらでは、ある顔と顔を選べば、2つの顔の「平均値」を出してくれます。これを運営しているのはスコットランドにある大学の心理学者だそうですよ。 自分の顔写真をUPすることも可能です。 » Face Research | Computer Graphics | Demos | Make An Average 下記、簡単にご説明。 ↑ こんな女性2人の子供が産まれたら・・・(産まれませんが)。 ↑ こんな顔になるのでしょうか。 ↑ 男性同士でも融合します。 ↑ 心なしか中性的な顔になりました。 ↑ 男女ですると・・・。 ↑ あらかわいい。 アイディア次第でいろいろ使えそうですね(結婚祝いとか)。そんな「Make An Average」はこちらからどうぞ。 » Face Research | Computer

    これは驚き!顔の「平均値」を計算する『Make An Average』 | POP*POP
  • ピンポイント指定で高度な画像検索ができる『xcavator』 | p o p * p o p

    「こ~んな感じの画像が欲しいんだけど・・・見つけられない・・・」といった経験はないでしょうか。画像の検索はテキスト検索に比べて複雑なので、なかなか苦労します。 ただ、そうした苦労もxcavatorがあれば良いのかもしれません。まだ一般公開されていませんが、その機能には期待できそうです。 xcavatorの特徴は「画像の一部を指定するとその一部をもとに画像を検索してくれる」というもの。実際にどういうことなのか、詳しく説明した動画がありますのでご紹介します。 以下、もうちょっと詳しくご説明。 ↑ 左の花と同じような花を探したいとします。花の背景は無視して検索したいですよね。その場合、花の「黄色の花弁」「白い花びら」をクリックすれば、その部分にマッチする花を検索してくれます。 右側が検索結果なのですが、探していた同じ花を見つけることができました。 ↑ 人を探すときも「黒い髪の毛」や「白い背景」を

    ピンポイント指定で高度な画像検索ができる『xcavator』 | p o p * p o p
  • 『読者を惹き付けるブログのタイトル』Cheat Sheetを作らされたw - POP*POP ~ 世界のニュースをクオリティ重視で

    このブログは百式管理人の編集後にお送りしておりますが、いつも直されるのがタイトルです(orz)。 そこで「タイトルどうすればいいですかねぇ・・・」と聞いたところ、「これ、読んでみて」と渡されたのが次の記事です。 » 10 Sure-Fire Headline Formulas That Work | Copyblogger » 7 More Sure-Fire Headline Templates That Work | Copyblogger Copybloggerという「ブロガーのためのコピーを考えるブログ」の記事です。全部で17の「人を惹きつけるタイトルの書き方」が紹介されています。 タイトルだけでなくて内容もがんばって書いておりますが、タイトルはやはり大事です。これを見ながら日々勉強しております・・・。今回は勉強も兼ねてこの記事をご紹介したいと思います。 なお、百式管理人いわく「内

    『読者を惹き付けるブログのタイトル』Cheat Sheetを作らされたw - POP*POP ~ 世界のニュースをクオリティ重視で
  • 1