タグ

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

  • HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P

    窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ&ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次

    HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P
    citora
    citora 2007/05/25
  • これは便利!決算書がみるみるわかる無料分析ツール『ユーレット』 | P O P * P O P

    株をやりたいのだけれどよくわからなくて…という方は多いはず(自分もその一人ですw)。 その理由の一つは決算書の見方がよくわからない、というものではないでしょうか。 そこでおすすめなのが決算書をビジュアルでわかりやすく表示してくれる無料分析ツール、「ユーレット」です。 これを使えば企業分析がぐっと楽しくなりますよ。 以下に詳しい使い方をご紹介。これはいいですよ・・・。 ↑ トップページ。英語と日語があります。ちなみに英語版は海外企業が見られるというわけではなく、日企業の情報が英語で見られる、ということです。 ↑ トップページ。売上高や利益、キャッシュフローなどで並べ替えが可能。もちろん特定企業の検索もできます。 ↑ このサイトの売りは企業比較機能。せっかくなので自動車メーカーを比較してみます。一覧から「+」マークをクリックすれば右側にリストができます。 ↑ 比較結果。円グラフの大きさが金

    これは便利!決算書がみるみるわかる無料分析ツール『ユーレット』 | P O P * P O P
    citora
    citora 2007/05/25
  • 「あなたの生産性を高めるための50のTips」を自分でも作ってみよう! | P O P * P O P

    Lifehack.orgにて「50 Ways To Increase Your Productivity」(あなたの生産性を高めるための50のTips)が紹介されていました。 全部で50項目。ちょっと迷いましたが、気合いで全部意訳してみますw。 ちょっとしたコツですが、いつも意識しておきたいものがたくさんありますね・・・。以下からどうぞ。 適宜休憩をとろう!働きづめは逆に良くないです。 タスクにとりかかるまえにタイマーをセットしよう! 作業時には集中力を妨げるものを排除しよう(メール、電話、ブラウザ・・・) ゆったりしたバックグラウンドミュージックが生産性を高めることもあります。 あなたがやっていることを心から好きになろう! 一番いやな仕事は朝一番でやっつけよう! JDarkRoomを使おう!(暗闇で作業しているような感覚が大事です!) とにかくはじめよう! 人によって生産性が高まる時間帯

    「あなたの生産性を高めるための50のTips」を自分でも作ってみよう! | P O P * P O P
    citora
    citora 2007/05/19
  • SQL文をきれいにフォーマットしてくれる『SQL in Form』 | POP*POP

    長~いSQL文を見ているとどこがどういう構造になっているのかがわからなくなってきますよね。 そうしたときに使えそうなのが「SQL in Form」です。 一般向けのサービスではないですが、関係ある方には便利なのでは。 以下に簡単にご紹介。 ↑ たとえばこのようなSQL文。コメント分やインデントがわかりにくくなっています。 ↑ SQL in Formを通せばこの通り。構造がすっきりして見やすいですね。 変換する際には改行やインデント、空白の扱いなどの設定をすることもできます。またデスクトップ用のアプリもあるみたいですね。 ご利用は以下からどうぞ。無料で使えます。 » SQL Formatter / SQLFormatter formats SQL Statements

    citora
    citora 2007/05/19
  • あなたのFirefoxを職場と自宅で完全に同期する!?方法 | POP*POP

    ちょっと間があいてしまいましたが、今回ご紹介する「諦めている不便利」はこちら。H.Nさん、ご投稿ありがとうございました! Firefoxの機能拡張を職場と家で同じにしたいと思ったことありませんか? Google Browser Syncではブックマークまでしか同期が取れません。FEBEではバックアップした機能拡張ファイルを持ち歩かなくてはいけません。 どうにかならないでしょうか。 確かに『Google Browser Sync』や『FEBE(Firefox Extention Backup Extention)』は大変便利なツールですが、それぞれ守備範囲が決まっているため、職場と自宅のFirefoxを完全に同期させるには手間が掛かりますね。 それならば、職場と自宅で全く同じFirefoxを使用することを検討してみてはいかがでしょうか? 今回、ご紹介したいのは『Firefox Portabl

    あなたのFirefoxを職場と自宅で完全に同期する!?方法 | POP*POP
    citora
    citora 2007/05/18
  • ブロックを組み立てるようにプログラミングを簡単に学べる『Scratch』がすごいかもしれません | POP*POP

    MITのメディアラボで開発されている開発ツール「Scratch」が話題になっています。 小さなお子さんでもプログラミングに親しんでもらおう、という目的で作られたツールです。 この時代、誰でもプログラミングを学びたいものですよね。この「Scratch」、どれほど簡単なのでしょうか。 以下に詳しく見ていきましょう。 ↑ 起動直後の画面。左側からアクションを選んで組み立てていきます。 ↑ まずはを動かしましょう。左側から「Move 10 Steps」を選び、横のエリアにドラッグします。それをダブルクリックするとが横に動きます。もちろん「10」の値は好きに変えられます。 ↑ 次にさっきのブロックの下に「Say Hello for 2 seconds」をくっつけます。これでこのブロックをダブルクリックすると「横に動いてHelloと2秒間言う」というアクションがつくれました。 ↑ こうしてできたア

    ブロックを組み立てるようにプログラミングを簡単に学べる『Scratch』がすごいかもしれません | POP*POP
    citora
    citora 2007/05/16
  • JSON形式のデータをブラウザ上で編集できる『JSON Editor』 | POP*POP

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

    JSON形式のデータをブラウザ上で編集できる『JSON Editor』 | POP*POP
    citora
    citora 2007/05/15
  • Googleカレンダーをもっと便利にしてくれるFirefox拡張『Better Gcal』 | POP*POP

    Googleカレンダーを便利に使うことができるGreaseMonkeyをいろいろまとめてFirefox拡張にしたのが「Better Gcal」です。先日Lifehackerで紹介されていた「Better Gmail」の続編ですね。 » ITmedia Biz.ID:GmailをパワーアップするFirefoxの拡張機能「Better Gmail」 個別に入れている人も多いかもしれませんが、こうしてまとまっていると便利ですね。導入がまだの方は試されてみてはいかがでしょうか。 さてこのBetter GCalでどういったことが実現できるのか、以下に詳しく見ていきましょう。 どういった機能が実現できるのか、以下に詳しく見ていきましょう。 現在時刻を線で表示 現在時刻のところに赤い線が入ります。次の予定までどれぐらいか直感的にわかっていいですね。 ヘッダーおよびサイドバーの表示・非表示 上部および左側

    Googleカレンダーをもっと便利にしてくれるFirefox拡張『Better Gcal』 | POP*POP
    citora
    citora 2007/05/15
  • Searchblogで採用された『Search Referral Widget』は業界標準になるか?! | POP*POP

    ブロガーネットワークのFederated Media創立者であるJohn Battelleさんのブログ、SearchBlogで興味深いウィジェットが導入されました。 その名も「Search Referral Widget」。検索エンジンからこのブログにたどり着いた人にだけ見えるウィジェットです。 具体的にどういったものなのでしょうか。以下に詳しくご紹介。 ↑ 普通に彼のブログを購読しているとこのように見える記事ですが・・・。 ↑ 検索エンジン経由で来たときだけ上部にこのような情報が。 ↑ どの検索エンジンからどの検索語で来たか、そして簡単なブログの紹介、関連情報などなどが表示されます。 よくテレビや雑誌で紹介されたあとに「初めてこのブログへ来た人へ」という紹介文をトップに書く人がいますが、あの情報はよく来ている人にはあまり必要ないですよね。 サイトの訪問者にはさまざまな種類の人がいます。検

    Searchblogで採用された『Search Referral Widget』は業界標準になるか?! | POP*POP
    citora
    citora 2007/05/14
  • ボタンにさまざまな”触感”を与えることができるFLASHツールキット『PowerCursor』 | POP*POP

    FLASH職人の方のための便利そうなツールをご紹介。 「PowerCursor」ではウェブ上でさまざまな”触感”を実現するための部品を提供しています。 マウスをその上にもっていくと重力を持っているように動いたり、迷路のようにある道しか通れなくしたり・・・。ゲームやクリエイティブなインターフェースに良いかもですね。 どういった部品がそろっているのでしょうか。以下にいくつかご紹介。 ↑ たとえばこういった部品があります。「Sand」の上ではマウスはまるで砂場で歩いているようなのろい動きになります。逆に「Slick」ではつるつるした動きになります。 ↑ 上図の「Ramp(Up)」にてマウスにかかる力。マウスをのせるとポインターに上向きの力がかかります。 ↑ 穴や丘のようなものも作ることができます。この上にマウスを持っていくとそこに穴があるようにポインターがそちらに動いていきます。 ↑ 迷路のよう

    ボタンにさまざまな”触感”を与えることができるFLASHツールキット『PowerCursor』 | POP*POP
    citora
    citora 2007/05/14
  • あの行きたかった場所をもう忘れない!『あとで行く』速攻レビュー! | P O P * P O P

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

    あの行きたかった場所をもう忘れない!『あとで行く』速攻レビュー! | P O P * P O P
    citora
    citora 2007/05/14
  • Adobe製品のペンツール習得のための『Adobe Pen Tool Cheetsheet』 | POP*POP

    クイック選択ツールもいいけれど、やっぱりペンツールを使いこなしたい、という方のためのチートシートが公開されていました。 慣れるまではこうした手元に置いておけるシートが欲しいですよね。よろしければどうぞ。 » Adobe Pen Tool Cheatsheet.pdf なお、このチートシートはCreativeTechsにて見つけました。このブログ、更新頻度は低いですが、紹介されるちょっとしたTipsがなかなかよいですよ。 » CreativeTechs Tips: Adobe Pen Tool Cheatsheet.

    Adobe製品のペンツール習得のための『Adobe Pen Tool Cheetsheet』 | POP*POP
    citora
    citora 2007/05/14
  • 世界中で次々に投稿されていく写真を地図上で眺められる『FlickrVision』 | POP*POP

    Twitterのつぶやきをリアルタイムで地図上に表示するTwitterVision。そのFlickr版、「FlickrVision」ができたようですね。 Flickrに投稿された写真が地図上で次々に現れます。一つのサービスの上で世界はつながっているのだな・・・と感慨深いですね。 FlickrVisionのご利用は以下からどうぞ。 » FlickrVision ちなみに兄弟サイトのTwitterVisionはこちらから。 » TwitterVision なお、TwitterVisionではURLのあとにTwitterのIDを入れるだけで個人ページを作ってくれます。こういうお手軽なパーソナライズドページも素敵ですね(以下は作者のDaveさんの個人用TwitterVision。 » http://twittervision.com/davetroy

    世界中で次々に投稿されていく写真を地図上で眺められる『FlickrVision』 | POP*POP
    citora
    citora 2007/05/14
  • タブの内容をマウスオーバーして確認できるFirefox拡張『Tab Scope』 | POP*POP

    タブをたくさん開いているとどれがどれだかわからなくなることもしばしば。 そこでご紹介したいのがTab Scope。タブにマウスオーバーすると縮小画像でプレビューしてくれます。 似たような拡張は他にもありますが、Tab Scopeはプレビュー画像の大きさを指定できたり、プレビュー内でスクロールできたりして便利です。 以下に詳しくご紹介。 ↑ このように並んだタブ・・・何が何やら、となりがちです。 ↑ Tab Scopeを導入後、マウスオーバーすると・・・。 ↑ さらにめがねアイコンをクリックして拡大できます。 ↑ プレビューウィンドウ内でホイールスクロールすれば下の方もずずっと見ることができます。 ↑ 設定画面はこちら。プレビューウィンドウのサイズも指定できますよ。 インストール&詳細は以下からどうぞ。 » Tab Scope :: Firefox Add-ons

    citora
    citora 2007/05/08
  • マウスで選択した範囲にあるすべてのリンクを開いてくれるFirefox拡張『Snap Links』 | POP*POP

    かなり便利なFirefox拡張のご紹介。 Snap Linksを使えばマウスでドラッグした範囲にあるリンクをまとめて開いてくれます。操作も簡単かつ直感的です。 詳しい使い方は以下よりどうぞ。 ↑ インストール後、範囲を選択するには右マウスドラッグで。キャンセルするにはESCで。赤く囲まれているのが開かれるリンクです。わかりやすいですね。 ↑ マウスを放すとその範囲にあるリンクを新しいタブで開いてくれます。 ↑ なお、デフォルトで選択されるのはSnap Linksが「主要なリンク」と判断したもののみです。全部のリンクを開くにはSHIFTキーを押します。 ↑ なお、選択した範囲を移動させたい場合には、右マウスボタンでドラッグしつつ、ALTキーで移動させます。 検索エンジンの検索結果を一気に開きたいときや、リンク集などを見るときにすごく便利ですね。 インストール&詳細は以下よりどうぞ。 » Sn

    citora
    citora 2007/05/08
  • 成功するショッピングサイトに必要な17の新常識 | POP*POP

    SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介(あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています)。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格

    成功するショッピングサイトに必要な17の新常識 | POP*POP
    citora
    citora 2007/05/08
  • あなたのプレゼンを今すぐ改善させるための5つのTips | P O P * P O P

    プレゼンは場数、が基ではありますが、ちょっとしたコツでぐっとプレゼンが上手くなることもあります。 そこで今回は「5 Powerful Hacks to Immediately Improve Your Presentations」をご紹介。大事なプレゼンを控えている方は参考にされてみてはいかがでしょうか。 詳しくは以下からどうぞ。 聴衆からの質問は繰り返そう プレゼンの最後では一般的に質疑応答があります。その質疑応答でプレゼンの印象が決まることもしばしばです。 そこで質問を受けたら「今、○○といった質問がありました。私の回答は・・・」と質問を繰り返しましょう。 こうすることで質問者以外の人も巻き込むこともできますし、なにより回答を準備する時間を稼ぐことができます。たった数秒ですが、これが大きな違いを生むこともあるのです。 沈黙は力なり 緊張してきたら下手なことを口走らずに、一瞬黙って深呼

    あなたのプレゼンを今すぐ改善させるための5つのTips | P O P * P O P
    citora
    citora 2007/05/07
  • 好きな音楽から次々と新しい曲を探してYouTubeでPVも見られる『MusicMesh』 | POP*POP

    なにかいい曲ないかなぁ・・・というときに使えそうなのが今回ご紹介するMusic Meshです。 キーワードから検索、関連商品を辿っていったり、PVを見たりとなかなか高機能です。 詳しい使い方は以下からどうぞ。 ↑ まずは検索。キーワード指定か、タグクラウドから検索できます。 ↑ FLASHでぐりぐり検索結果が表示されます。まわりには関連する音楽が。クリックしていくことでどこまででも探索できます。 ↑ 選択したアルバムの情報は右側に。レビューを読むこともできますし、Amazonでそのまま購入することもできます。 ↑ PVがあればYouTubeで見ることもできます。なにげにこの左右にあるナビゲーションが便利。 似たようなツールもいくつかありますが、選択肢の一つとしていかがでしょうか。MusicMeshのご利用は以下からどうぞ。 » musicmesh – a new way to discov

    好きな音楽から次々と新しい曲を探してYouTubeでPVも見られる『MusicMesh』 | POP*POP
    citora
    citora 2007/05/07
  • Lifehackerがおすすめする身体にまつわるライフハック10選 | P O P * P O P

    おなじみLifehackerにて「Lifehacker’s Top 10 Body Hacks」が紹介されていました。 ちょっと知っておくと便利そうな小技が満載です。人体って不思議ですねぇ・・・。 息を長く止めるコツだったり、トイレをもうちょっとだけ我慢する裏技などなど。 詳しくは以下からどうぞ。 水中で息を長くとめる方法 水にもぐる前に短く何度も息を吸ったり吐いたりするといいですよ。人によっては10秒近く息を長く止めていられます。 イボを治す意外なアイテムとは? どうにも治らないイボにお悩みの方はダクトテープ(強力な粘着テープ)を試されてはいかがでしょうか。それで治った人もいるそうですよ。 冷たいものをべて頭がきーん、となったときには? カキ氷をべてあたた・・・となったときには舌を使って口の天井をなるべく広く覆うようにしましょう。そうすると痛みがひいてきますよ。 トイレを我慢する方法

    Lifehackerがおすすめする身体にまつわるライフハック10選 | P O P * P O P
    citora
    citora 2007/05/07
  • これだけ覚えておけば大丈夫?ロープの結び方、10の基本技 | P O P * P O P

    ちょっと気が早いかもしれませんが、夏に向けてのお役立ち情報が紹介されていました。 Mother Earch Newsにある「How to Tie The Most Useful Knots」です。ロープの結び方に関する10の基技ですね。ささっとロープを結べたらかっこいいですよね。 ↑ クリックして拡大。元記事はこちら。 印刷して持ち歩き、暇なときに練習しておくと何かと便利かもしれません。 ちなみにもう少し知りたい人は下のサイトも参考になりますね。よろしければどうぞ。 Troop 7 – How to Tie Knots 簡単なロープの結び方 ロープの結び方

    citora
    citora 2007/05/07