色分け、自動補完機能などを備えた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
Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
ウィンドウサイズを瞬時に変更可能な、たった17KBの便利ツール『Sizer』 | POP*POP
ご存知の方も多いかもしれませんが、インストールしてみて便利そうだったのでご紹介。 Sizerはたった17KBのプログラムですが、「このウィンドウをこのサイズにしたい！」というときに便利です。 使い方は簡単で、ウィンドウの最大化ボタンを右クリックするだけ。するとどのサイズにしたいのかが現れるので選択するだけです。もちろんサイズは自由にカスタマイズできます。 ↑ 最大化ボタンの上で右クリックすればこういうメニューがでます。 またウィンドウをリサイズするときに現在のサイズを教えてくれたり、10px単位でリサイズしたりといったことが可能です。 ↑ 今のウィンドウサイズが一目瞭然。文字化けしているのはご愛嬌ｗ。 他にもシステムトレイからリサイズできたりいろいろと機能がありますが、これだけの機能を搭載してたった17KBというのがいいですね。 インストール＆詳細は以下からどうぞ。Lifehackerから
本を効率的に読むためのフレームワーク『SQ3R』とは？ | P O P * P O P
読書の仕方は十人十色ではありますが、「せっかく読む本なので、そこから最大限得られるものを得たい！」という方も多いでしょう。 そこで参考になりそうなのがSQ3Rというフレームワーク。いわゆるアクティブリーディングなどで使われる5つのステップです。 こうした手法は個々人によって効果がまちまちだと思いますが、知っているのと知らないのとでは大きな違いです。興味がある方は試してみてはいかがでしょうか。 5つのステップの詳細は以下のとおり。 Survey（調査） まずはざっと本を流し読みします。自分が得たい情報がそこにあるかの判断をしてみましょう。もし役に立ちそうにない本だったらこの段階で読むのをやめて次の本に移りましょう。 Question（質問） ざっと本を流し読んだあとは自分が何をこの本から得たいのか、具体的な質問をノートに書いてみましょう。 Read（読書） ここでようやく読み始めます。さきほ
マーケティングのコピーを考えるときにもっとも重要な二つの質問 | POP*POP
すぐに使えるマーケティングのエッセンスをよく紹介しているDuct Tape Marketingにて「Two Questions That Matter Most」なる記事が掲載されていました。 マーケティングのコピーを考える際に自問すべき2つの質問についてです。製品の機能や専門用語を並べ立てるのではなくて、「売れるコピーはこう作るべし！」ということが簡潔に語られています。個人的に納得してしまったのでご紹介。 詳しくは以下からどうぞ。 その二つの質問とは次のようなものです。 あなたの商品やサービスを買うときにお客様は頭の中でなんと言うでしょうか？ ここで重要なのはその製品を買おうとしている人が頭の中でどういう会話をしているかを推測することです。「○○（型番）が欲しかったんだよね！」などと考える人はいないでしょう。「もうちょっとこの書類が片付くといいのになぁ」といった、彼らの本当の言葉をコピー
ページビューは死んだ！がついに現実に・・・？（Nielsen//NetRatingsの決断） | POP*POP
各所で話題ですが、Nielsen//NetRatingsがページビューに基づくランキングを廃止する方向らしいです。かわりにサイトの滞在時間を主要な指標として採用するのだとか。 この動きはウィジェット（貼り付け方のコンテンツ）、Ajaxの普及を受けて、ということらしいです。たしかに「Google Mapsを一回ドラッグしたら1ページビュー？」など、ページビューの概念には適当な部分（＝各サイトまかせ）が多かったですからね。 すぐにページビューが無意味になる、というわけではないでしょうが、業界大手のNielsen//NetRatingsのこの動きはじわじわと影響してくるのかもしれませんね。 広告収入も大事ですが、指標に惑わされずに、読者やユーザー、顧客にとって価値のあるウェブ作りをしていきたいですね。 Read/Write Webからの情報でした。 » Tyranny of the Page V
探しているレアな本がAmazonになかったときに見る5つのサイト | P O P * P O P
たまにブログやメルマガでロングテール的に昔の良い書籍が紹介されるときがありますよね。そうした昔の本は何かと手に入りにくいもの・・・。 そこで、今回は「レアな本がAmazonにない時に見る5つの古本サイト」をご紹介。どのサイトもそれぞれに特徴があります。以下からご覧ください。 日本の古本屋 東京都古書籍商業協同組合インターネット運営委員会が運営。詳細検索では「刊行年」や「帯あり」、「初版」などの条件で書籍を検索することもできます。 また、書籍の検索以外に古本屋さんの検索もできます。2,400店舗が登録されているそうですよ。 » 日本の古本屋 スーパー源氏 1996年から運営されている老舗のサイト。200店舗以上の古本屋が参加されています。書籍名や著者名以外にも出版社や副題で書籍を検索できます。 » スーパー源氏 イーブックオフ ブックオフが経営する古本サイト。コミックは7,000点以上、書籍
都会っぽくて素敵なテクスチャ素材がダウンロードし放題の『URBAN DIRTY』 | POP*POP
アーバンな感じのテクスチャ素材がたくさんあるサイトです。商用利用も可能で、すべて無料です。条件はこのサイトのクレジットを載せること。 現在143枚の素材がダウンロード可能です。今後も増えていくようですね。サイズも大・中・小用意されています。検索もできますよ。 いくつか写真でご紹介。 ↑ サイトのトップバナーに使えそうな・・・。 ↑ テクスチャだけでなくこうした素材もちょこちょこあります。 ↑ メタリックなイメージにいいですね。 ↑ ちょっと宗教的なイメージを醸し出したいときに。 ↑ 不思議と未来を感じさせるイメージ。 他にもたくさんありますね。ご利用は以下からどうぞ。 » Urban Dirty: Free texture stock photography for your artwork, desktop and design
ユーザーのフィードバックをどうサービスに反映させるべきか？（12の指針） | POP*POP
何かサービスをつくったときにはなるべくユーザーの声に耳を傾けたいものです。しかしながら闇雲にユーザーの声を取り入れているとわけがわからなくなってしまいます。 そこで今回はTara Huntさんのブログから「ユーザーのフィードバックをサービスに反映させるときの12の指針」をご紹介します。Taraさんは画像認識ベンチャーのRiyaにもかかわっていらっしゃったようですね。 どういったフィードバックを反映させるべきで、どういったものは反映させるべきではないのでしょうか。サービスの開発をされている方にはかなり参考になるのでは・・・では以下よりどうぞ。 上級者ユーザーの意見は聞くべきだが、（あまり）反映すべきではない。 上級者のためにサービスを設計すると普通の人が使えなくなります。そして普通のユーザーの方が上級者ユーザーよりずっと多いことを知るべきです。 普通のユーザーは何が欲しいのか教えてくれない。
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
あなたはいくつ見つけられる？英単語学習に最適な『scrabble』 | POP*POP
さて突然ですがクイズです。ここに「A、A、X、R、R、C、E、D、J、C」の10のアルファベットがあります。これらを組み合わせると、いくつの英単語が作られるでしょうか？ 正解は66語。そのうち、思い浮かべることの出来る単語はいくつあるでしょう？「CAR」や「RED」のような3文字単語はすぐに出ますが、それ以上はなかなか・・・・。 そんな英語の奥深さを体感できるサイトがこちら「scrabble」。与えられたアルファベットから単語を作成するゲームが楽しめます。 » scrabble もともとボードゲームのスクラブルですが、組み合わせられる単語数を教えてくれるのが良いですね。これで練習すればボードゲームも強くなりそうです。 遊び方は下記からどうぞ！ ↑ ゲームをスタートすると、10個のアルファベットが現れます。これらのアルファベットだけで出来た単語を見つけて入力していきます。下のゲージが残り時間
渋滞情報を教えてくれる地図機能を比較してみました | POP*POP
先日より、Googleマップで渋滞情報が見られるようになりました。下記の画像をご覧ください。 ↑ 色で交通状況が確認できます。灰色の道は情報がありません。 緑色は時速80キロ以上、黄色は時速40キロ～80キロ、赤は時速40キロ以下程度での走行が可能ということを表しています。 ただ、MicrosoftとYahoo!の地図でも渋滞情報を提供しています。そこで3社を比較してみました。 ニューヨークのマンハッタン島の南部をベースに調べてみました。 ■ Google ↑ こちらがGoogle。道の名前まで隠れてしまうのが残念。 » 地図へのリンク （maps.google.com） ■ Microsoft ↑ こちらがMicrosoft。事故の情報も教えてくれますよ。 » 地図へのリンク （maps.live.com） ■ Yahoo! ↑ こちらがYahoo!。工事や事故の情報もあります。一番情報
有名企業90社のロゴが持つ意味がよくわかる『Logo Design History』 | POP*POP
企業のロゴには様々な意味が込められていろことが少なくありません。たとえばApple社のロゴマークであるリンゴには数多くの逸話があります（詳しくは後述）。 そこで今回は「Logo Design History」というサイトをご紹介。こちらでは有名な企業90社のロゴの由来が紹介されています。ロゴの製作者や背景、こめられた意図などを知ることができますよ。またロゴによってはEPSファイルもダウンロードできるようです。 » Logo Design History 下記に「へぇ」と思ったものをいくつかご紹介します。 Lacoste ラコステのロゴはワニ。これは創始者が鰐皮のスーツケースを見ている時に、ラコステのアイデアを思いついたからだそうです。 Mercedes Benz メルセデス・ベンツの有名なシンボル「スリー・ポインテッドスター」は、陸海空を駆け抜ける車を作る、という意思が込められているそうで
動画で学ぶPhotoshop （27のテクニック） | POP*POP
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
【図解】 イヤホンコードが絡まってイライラしない上手な巻き方 | POP*POP
今回の「諦めている不便利」（企画の詳細はこちら）では、こちらの投稿をご紹介します。 iPodのイヤホンのコードに関する悩みです。iPodを片付ける時はコードをきちんと結びます。しかし取り出す時にコードが絡まってイライラします。何かいい方法はないでしょうか（ベアトリスさんありがとうございます！）。 このイライラは多くの方が経験したことがあるのではないでしょうか。思わず固結びになってしまうことも。 この問題を解決する方法を調べてみました。 おなじみLifehackerで過去に「イヤホンのコードを絡ませない方法」という記事がありました。今回はその方法を実際に試してみました。 » Keep headphone wires from getting tangled （via Lifehacker） まず、片手の指を写真のように形作ります。具体的には人差し指と小指を伸ばして、中指と薬指を曲げます。 次
ちょっと覚えておくと便利なExcelのショートカット5つ | P O P * P O P
Excelをよく利用する方は覚えておくと便利なショートカットのご紹介。ちょっと知っているだけで格段に作業スピードが速くなることも。TechJiveからの情報です。 » Excel Keystrokes （via TechJive） 「Ctrl+Space」 :その列全体を選択。 「Shift+Space」 :その行全体を選択。 「Ctrl+矢印キー」 :データが入力されている範囲の先頭行（↑ ）、末尾行（↓）、右端列（→）、左端列（←）に移動。 「Ctrl+Page Up/Page Down」 :ワークシート間の移動。 「Ctrl+Home」 :そのシートのA1のセルへ移動（ウィンドウ枠を固定している場合は、その下のセル）。 ちなみに個人的によく使うショートカットは以下のようなものでしょうか。 「Ctrl+1」 :セルの書式設定を選択。 「Shift+Enter」 :上の行/左の列に移動（
WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで（簡単だけど）手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード
ネットサービスでやってはいけない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
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
