あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP
こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました（もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが）。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑
他社とは違ったノベルティを！というときに役立ちそうなサイトまとめ | POP*POP
また調べ物をしたので結果をシェア。変わったノベルティを作ってくれそうなサイトを集めてみました。結構なコストがかかるところも多いですが、知っておくといつか役に立つかもですね。 ちなみに選定基準はこれまた適当です。脈絡がないので他にも良さそうなサイトがあれば教えてください。 全部で10個あります。詳しくは以下からどうぞ。 オリジナルあぶらとりフィルム ポストイットでおなじみの3Mにて発見。あぶらとりフィルムに名入れができるようです・・・女性に受けそうな良いアイディアかと。 » ３M｜ノベルティ・販促品用パッケージ｜あぶらとりフィルム オリジナルガム はてなのノベルティでおなじみのアドガム。ガムに印刷できるサービスですね。お値段も手ごろかも。 » ノベルティのアドガム｜簡単にお客様と仲良くなれるノベルティグッズ QRえびせん 最近話題のえびせんにQRコードを入れられるサービスですね。良いかも。
知っておくと何かと便利なWeb上の翻訳サイトいろいろ | P O P * P O P
今回は、kita–raさんからご投稿頂いた「諦めている不便利」をご紹介します。 英語サイトを「しっかり」翻訳してくれるｗｅｂサービスとかないですかね？ 残念ながら、無償でほぼ完璧に翻訳してくれるようなwebサイトは存在していないと思います・・・。 ただ、完璧とはいえないまでもいろいろ便利な翻訳サイトはありますよね。良い機会なのでWeb上の翻訳サービスをまとめてみました。 調べてみて分かったのですが、原文と翻訳文を１文ごと対比して表示してくれたり、関西弁にしてくれたりするサービスもあって各サイトごとに特色がありますよ。 詳しくは以下からどうぞ。 Livedoor 翻訳 機能 テキスト翻訳 （16,000字） webページ翻訳 対応言語 英語、韓国語、中国語、ドイツ語、フランス語、イタリア語、スペイン語、ポルトガル語 翻訳エンジン Amikai 特長 IEを使用している場合、Livedoor
ブロックを組み立てるようにプログラミングを簡単に学べる『Scratch』がすごいかもしれません | POP*POP
MITのメディアラボで開発されている開発ツール「Scratch」が話題になっています。 小さなお子さんでもプログラミングに親しんでもらおう、という目的で作られたツールです。 この時代、誰でもプログラミングを学びたいものですよね。この「Scratch」、どれほど簡単なのでしょうか。 以下に詳しく見ていきましょう。 ↑ 起動直後の画面。左側からアクションを選んで組み立てていきます。 ↑ まずは猫を動かしましょう。左側から「Move 10 Steps」を選び、横のエリアにドラッグします。それをダブルクリックすると猫が横に動きます。もちろん「10」の値は好きに変えられます。 ↑ 次にさっきのブロックの下に「Say Hello for 2 seconds」をくっつけます。これでこのブロックをダブルクリックすると「横に動いてHelloと2秒間言う」というアクションがつくれました。 ↑ こうしてできたア
あの行きたかった場所をもう忘れない！『あとで行く』速攻レビュー！ | P O P * P O P
これは素敵なツール。サイトを見ていて「あぁ、このイベント行きたいなぁ」「このカフェいいかも！」と思うときってありますよね。 そうしたときに便利なのが「あとで行く」です。そうしたページからブックマークレットで一発登録。しかもさまざまな付帯情報を自動でつけてくれるのであとで検索が楽々です。 以下に詳しい使い方を見ていきましょう。 ↑ こちらがトップページ。はてなIDで認証をすませてまずはブックマークレットを登録。 ↑ まずは気になるページで住所っぽいものをハイライト。 ↑ そのあとおもむろにブックマークレットをクリック。 ↑ するとこのような登録画面に行くので必要な情報を入力。 ↑ 位置情報も登録！ ↑ この場所を登録するとさまざまな付帯情報を自動で引っ張ってきてくれます。最寄り駅情報が便利！ ↑ このように登録されたリストは参加者で共有。充実してくれば相当使えそうですね・・・。 登録したリス
あなたが新しいGoogle Analyticsを使うべき27の理由 | POP*POP
Mashableにて「27 Features That Make Google Analytics Best of Breed」なる記事が紹介されていました。 先日新しいインターフェースを発表したGoogle Analyticsではどんな便利な機能が実現されているのでしょうか。 思わず使ってみたくなる機能の数々を以下にご紹介。 目標が設定可能 ある期間とある期間の比較が可能 キャンペーン時と平常時でのデータの比較などができますね。 詳細な地域での計測が可能 国だけでなく、都市ごとのデータも分析できます。 地域ごとのコンバージョン計測が可能 どれぐらいの人がどこで離脱したかの分析が可能 ユーザーの軌跡を追跡可能 このページから入った人のどれぐらいがどのページへ行ったか、などですね。 AdWordsとの統合 ダッシュボードがカスタマイズ可能 サイトのスクリーンショットの上にデータを表示可能 メ
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
小粋なデザインパターンが18種類！お役立ち度満点の『Design Patterns』 | P O P * P O P
これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
なにかと使える？一家（一社？）に一枚『ギリシャ神話家系図』はいかが？ | P O P * P O P
新しくサービスを考えたときに困るのが名前。 覚えやすくて、でもちょっとユニークで、「それってどういう由来ですか？」といわれたときにきちんと豆知識付で説明できると最高です。 そうしたときにちょっと使えそうなのがギリシャ神話。「うちのサービスはギリシャ神話の神様の名前からとっているのですよ・・・」と言えたらなんかかっこいいですよね。 というわけでかなりよくできたギリシャ神話の家系図をご紹介。オフィスに張り出しておいてサービス命名に役立ててみてはいかがでしょうか。 ↑ クリックして拡大。 » greektreefull.png (PNG Image, 2251×677 pixels)
え、ただの白いカードが！？覚えておいて損はない『名刺の渡し方』 | P O P * P O P
名刺交換の機会が多い人にとっては必見の動画です。 この動画では「相手に自分を印象づける名刺の渡し方」が紹介されています。 何も印刷されていなかったはずの白いカードがいつのまにか名刺になるという渡し方です。 思わず「おお！」とうなってしまうトリックですね。下記より映像でご覧ください。ちゃんと種明かしもされています。 How To Give Your Business Card – video powered by Metacafe 自分でもやってみましたがちょっと練習が必要ですね。ただ、覚えておいて損はないかと。交流会や呑み会でとっても使えそうですよ。
嘘のようなほんとの話（またしてもトリビア） | POP*POP
またしてもトリビアですが・・・個人的に「へぇ～」が多かったのでご紹介。ちょっとした話のネタにどうぞ。「本当？」と思った人は実際にその背景を調べてみるとおもしろいかもしれません。 » Strange but Real 上記のサイトでは55個のトリビアが紹介されていますが、個人的にヒットしたものをピックアップしてご紹介します！ 右利きの人は左利きの人より平均して9年長く生きる。 ディープキスをしている間に口同士で4万の寄生虫と250種類のバクテリアが交換される。 あまりに激しいくしゃみをすると肋骨が折れる。さらに激しいくしゃみをすると、頭や首の血管が破れて死ぬことがある。 ブルース・リーの動きはあまりに早すぎたのでフィルムの再生速度を遅くする必要があった。 目を開けながらくしゃみをすることはできない。 脳はテレビを見ている時よりも寝ている時の方が活発に動いている。 マルボロの最初のオーナーは肺
いつかはマスターしたい！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
ネットサービスでやってはいけない14のこと（Guy Kawasaki版） | P O P * P O P
このブログでもたまにとりあげるGuy Kawasakiさん。ベンチャーキャピタリストで数多くのネットサービスを手がけています。 そんな彼が「ネットサービスでやってはいけない10のこと」なる記事をあげていました（本当は14ありますが、Guyさんはなんでもポイントを10にするので有名）。 あたりまえ的なポイントも多いですが、数多くのネットサービスに携わっている方の言葉ですから説得力がありますよね。 » How to Change the World: The Top Ten Stupid Ways to Hinder Market Adoption では、早速、下記にご紹介。 【1】 すぐにユーザー登録を要求する 最初にユーザー登録を要求したい気持ちはわかりますが、利用者の心理的抵抗を大きくしてしまいます。 まずは使ってもらうことを第一にしましょう。ぎりぎりまで要求しない方が良いですよ。 【2
iTunesの語学学習Podcastが無料かつ充実している件について | POP*POP
年末年始は英語学習系を調べていたのですが、おなじみLifehackerでまたしても便利そうな情報が紹介されていました。 iTunes Storeにある語学系ポッドキャストが充実しています・・・しかもほとんど無料。 » Learn a language with podcasts – Lifehacker 英語だけでなく数多くの言語に対応しています。日本ならではの「ガチャピン＆ムックの中国語教室」などもありますね・・・。 詳しい使い方は以下をどうぞ。 ↑ iTunesを立ち上げ、「iTunes Store」→「Podcasts」を選択。 ↑ 「教育」→「言語コース」を選択。 ↑ 数多くの語学学習用ポッドキャストが公開されています。英語以外にも、フランス語、スペイン語、イタリア語、ポルトガル語、中国語、韓国語などがありますよ。外国人の方用に日本語もあります。 ↑ CNNの動画ニュースまでありま
ビジネスに使える！知らないと損する英文法参考リンク集 | p o p * p o p
いきなりですが英語の質問です。 英語においてアポストロフィー（’）を付けるケースは3パターンしかありません。それらはどのような時でしょうか？ Godとgodの違いがわかるでしょうか？ 「コロン（:）」を手紙の中で利用する場合、どんな手紙のどの場所に使うでしょうか？ いかがでしょう。全部わかったという人は問題ありませんが、答えに詰まった、という人は下記のサイトを参考にされてはいかがでしょう（答えは末尾に）。 ここでは英語の文法に関するTipsを紹介しています。 » 40 Tips to Improve your Grammar and Punctuation – by Dumb Little Man Purdue大学が提供しているOnline Writing Labのもの。英語ネイティブの人たち向けに作られたものです。 簡単にまとまっていて非常に参考になりますよ。下記がその一覧になります。
1万円以下で3Dスキャナーを作っちゃう方法 - POP*POP ～ 世界のおもしろニュースをクオリティ重視で
なんとも簡単に3Dスキャナーを作る方法が紹介されていました。3Dスキャナーというと高価な業務用の機械を思い浮かべますが、この方法だと自宅でも簡単にできそうです。冬休みに試されてみてはいかがでしょうか。 必要なのはPC、Webカメラ、背景に使うボード（製作方法は後述）、レーザー、そして「DAVID」と呼ばれる無料ソフトです。 レーザーは安いものならば1万円以下で買えます。また「DAVID」は下記のサイトから無料でダウンロードできます。作り方も下記サイトで紹介されています。 » Institut für Robotik & Prozessinformatik 開発したのは、ドイツのコンピューターサイエンスの教授とのことです。 詳しくは下記でご説明。 ↑ まずは背景用ボードを作ります。この黒い点が重要です。サイトからテンプレートがダウンロードできます。 ↑この背景の黒点の位置から立体構造を解析し
躍動感あふれる写真を撮るためのちょっとしたテクニック | p o p * p o p
最近、デジタル一眼レフが人気のようです。Webでも写真共有サイトが多くの人を集めていますね。 ということで、今回は写真ネタです。 こちらで紹介されていた「躍動感あふれる写真を撮るためのテクニック」をご紹介。 » Photojojo ≫ People in Motion – Two Quick Tips for More Interesting Shots 下記に実際の写真と共にご説明いたします！ 【テクニックその1】 パンする（対象に合わせてカメラを動かす） 一般的にパンは写真ではなく映像の撮影に使われますが、写真でもうまく使えばこのような（↓）写真を撮ることができます。 ↑ スピード感あふれる写真ができました。 やり方は「撮影対象の動きに合わせてカメラを動かす」というシンプルなものですが、やってみると難しいものです。そこでいくつかのコツをご紹介。 シャッタースピードを遅めに設定しましょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
遂にGoogle MapsがYouTubeぐらい簡単に貼り付け可能に！ | P O P * P O P
これだけ覚えておけば大丈夫？ロープの結び方、10の基本技 | P O P * P O P