インターネット広告が表示(露出)されること。 ページビュー(PV)と混同しやすいが、ページビューはウェブサイト(またはウェブサイトの中の特定のウェブページ)が表示された回数。インプレッションは広告そのものが表示された回数。 同じサイトやページ内の同じ広告枠に、複数のインターネット広告がランダムに表示される場合(=ローテーション型広告)、ページビューだけでは広告そのものの表示回数を特定できない。(図1参照) インターネット広告が表示される回数をインプレッション数と呼ぶ。
インターネットに限らず、ビジネスを展開するには、設備や人材、広告など様々な投資が必要になります。 特に広告に関しては、数多くの選択肢が考えられるので、できるだけ費用対効果の高い方法を取捨選択していくことがビジネス全体の効率化につながります。 例えば、ポータルサイトAとポータルサイトBに、同じ50万円でそれぞれ一ヶ月間バナー広告を掲載した場合。かかった「費用」はどちらも50万円/1ヶ月ですが、「費用対効果(ROI)」は違うはずです。 ポータルサイトAのバナー広告からは1万クリック、ポータルサイトBのバナー広告からは6千クリックが獲得できました。クリック(=サイトへのアクセス)が最終成果であれば、ポータルサイトAのバナー広告のROIは、ポータルサイトBのバナー広告よりずっと高くなります。(図2参照)
インターネット上のビジネスに限らず、お客さまに自社の商品やビジネスの存在を知ってもらったり、店舗に足を運んでもらうには、広告費や看板設置費などのコストがかかります。 インターネットビジネスの場合、ウェブサイト上で自社の商品やビジネスを詳しく知ってもらったり、その場で商品を購入してもらう事ができる(ショッピング機能のあるサイトの場合)ので、まずはウェブサイトへのアクセスを獲得する為のコストが必要です。ここで重要になる概念が、CPC(クリック単価)です。(図2参照)
クリック率が高い広告は、費用対効果の高い広告と言えます。(※PPC広告のようなクリック課金型の広告や、クリックインセンティブ型の広告は除く。)クリック率は、どれくらいの人が広告に反応してくれたかを測るもので、広告の費用対効果を知るうえで重要な指標となります。 例えば、100万円のコストをかけて、発行部数200万部の新聞に広告を掲載したとします。 2万人の人が広告に目をとめてくれるのと、5千人の人しか目にとめてくれないのでは、同じ100万円のコストでも効果に大きな差がでます。(図2参照) 実際には、掲載した新聞広告についてこのような計測を行うのは不可能です。しかし、インターネット広告の場合は、クリック率を計測することができる為、広告の費用対効果を明確にすることができます。(図3参照)
CTRが高い広告は、費用対効果の高い広告と言えます。(※PPC広告のようなクリック課金型の広告や、クリックインセンティブ型の広告は除く。)CTRは、どれくらいの人が広告に反応してくれたかを測るもので、広告の費用対効果を知るうえで重要な指標となります。 例えば、100万円のコストをかけて、発行部数200万部の新聞に広告を掲載したとします。 2万人の人が広告に目をとめてくれるのと、5千人の人しか目にとめてくれないのでは、同じ100万円のコストでも効果に大きな差がでます。(図2参照) 実際には、掲載した新聞広告についてこのような計測を行うのは不可能です。しかし、インターネット広告の場合は、CTRを計測することができる為、広告の費用対効果を明確にすることができます。(図3参照)
Mobage Developers Japan に登録することで、 複数のプラットフォームで、ゲームを配信することが可能になります。
よくあるやつです。 さすがにrm -rf / とかっていう世界が崩壊するような協力魔法を撃ってしまうとなんともなりませんが、ディレクトリとかファイルであれば"ある程度"復元が可能なようです。 とは言え、ドキドキですよね。 ということで、テスト用のファイルを作って実験してみます。 # touch /tmp/test.txt touchで適当にファイルを作成して消します。 rm -rf /tmp/test.txt さてWindowsとかMacとかであれば変なことしなければゴミ箱に入っているわけですが。 ゴミ箱ないんですよね。 ってことでこんなものをインストールします。 というかmakeもinstallもさくっとしちゃいましょう! extundelete その前にもしext2fsライブラリをインストールしていない場合は makeした時にエラーになる可能性があるので先にインストールしちゃいましょう
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
米Microsoftは4月12日、同社独自のWindows携帯「KIN」を発表した。コードネームで「Project Pink」と呼ばれていたSNSのヘビーユーザー向けのデバイスだ。 「KIN ONE」「KIN TWO」の2機種を投入。いずれもタッチスクリーンとスライド式キーボードを搭載する。OSは、米メディアによると、Windows Phone 7をSNSユーザー向けにカスタマイズした特別なバージョンという。ONEは片手で操作できるポケットサイズで、500万画素カメラを備える。TWOはONEよりも大きく、高精細(HD)動画を撮影可能な800万画素カメラを搭載する。端末製造はシャープが担当し、米国では5月にVerizon Wirelesから、ドイツ、イタリア、スペイン、英国では秋にVodadoneから発売する。
ビルコムは5月6日、Ustreamを活用したマーケティング支援サービス「UstreamPR」を提供開始した。企業のマーケティング部や宣伝部を対象に初年度10件以上の導入を目指す。 Ustreamは米国のライブ動画配信サービス。UstreamPRではビルコムのPRノウハウを活かし、番組企画から集客、運用まで、一連の活動をワンストップでサポートする。販売価格は制作費とPR活動費込みで420万円から。 話題になりやすい動画配信企画を考案し、ウェブメディア、ソーシャルメディアを活用したプロモーションを実施することで、リアルタイム配信時の集客を促進するという。また、リアルタイム配信時に画面上に表示される投稿の企画、制作、配信を行い、動画とテキストの双方から企業のメッセージを伝える。
はてなブックマークでも最近話題になっている「お部屋」関連エントリー。おしゃれな部屋の写真を見る度に、「こんな部屋に住んでみたい!」と思う人は多いはず。しかし実際に模様替えするとなると、何から手を付けていいのか迷いますよね。今回はそんな時に参考にしたい、「お部屋作り」のポイントについてのエントリーを集めてみました。 (11/18 編集部追記) 「部屋の掃除術」についての記事も公開しました。合わせてご覧ください。 “片付けられない”あなたに!年末までにチェックしたい「お部屋の掃除術」 今すぐできる!部屋をスッキリ見せる方法 まずは今のお部屋を簡単にスッキリ見せるためのポイントです。 ちょっとした工夫で部屋をスッキリ見せるための方法 - id:HolyGrailとid:HoryGrailの区別がつかない日記 おしゃれ部屋(?)の作り方 - IDEA*IDEA ? 百式管理人のライフハックブログ
Googleマップ中国版で、Googleが「赤壁の戦い」を超視覚化して再現したそうです。もちろんコンテンツは中国語になりますが、歴史の教科書なんて目じゃないくらいに興味をそそる内容となっています。 映画好きな人や歴史マニアに限らず、歴史・世界史を学んでいる学生にも是非見て欲しいマップです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 赤壁の戦いでの主要人物の動きが視覚化されたGoogleマップ 「The Battle of Red Cliffs」は赤壁の戦いから1800年経った事を記念して、Google ChinaがGoogle Mappletで制作したもの。コンテンツは現在公開されている「レッドクリフ」と連動しています。 歴史上の時系列と人物毎にまとめられ、クリックするとそのときの軍勢の動き
なんかいいサイトないかなぁ、というときに使えそうな(多分)ツールのご紹介。 BuzzBoxが配布しているFast ForwardなるFirefoxのアドオンは、ブラウザの「戻る」「進む」ボタンに加えて「早送り」ボタンを追加してくれる。 なんとこのボタンを押すと「あなたが今見ているページのあとに他の人がよく行くページ」に連れて行ってくれるのだ。 どうやら各種ネット上の公開データやユーザーが匿名で提出する情報をもとに算出しているようだ。 まだユーザー数が少ないから微妙ではあるが、「他の人が見ているものも自分も見たい」という欲求が人にはあるだろう。 こうした「みんなで楽しむ仕組み」はもっと出てくるといいですね。
Everybody loves typography in design. Playing around with characters in an awesome way really gets the attention of the viewer, especially when the typography is in motion. This article is showcasing the most beautiful 3d typography for your design inspiration, including 5 tutorials on how to create your very own. 3d programs like Xara 3d or 3d Studio Max will make the 3d rendering easier, but Ill
In this article, we have composed a list of cool company logo designs whose logos are very famous and popular. These company businesses have allowed us to have a peek inside their fascinating logo design process behind the scenes. We hope that this compilation will get you started on your own logo designing process. You Might Also Like: Clever Logo Design, Line Art Logo Design, and Letter-Based Lo
It is time get out of the zone for some inspiration. Today we are presenting 30 peculiar and wonderful table lamps, stand lamps, ceiling lights with artistic design, unconventional shape, different color and material. Some of the lamps are designed by talented interior designer and engineer. If you are in the market for a new table lamp for late night work or a new stand lamp for the bedroom this
Web Design and Development Tips, Tutorials and [Re]lated [Re]sources In today’s tech-oriented world of short attention spans it is more important than ever to make a compelling first impression. A brilliant business card that speaks to your profession, serves some unusual function or that transforms into something else can be a great way to grab attention and inspire those you meet. Organized by c
This article was published on: Jun 3, 2009. Journeying back to the roots of design, many a web layout springs to life from humble beginnings of pen meeting paper, only to be digitized later with tools like Photoshop. Yet, in a delightful twist of trends (perhaps not altogether novel), the charm of sketch-based designs has found its way back into the spotlight. Unquestionably, hand-drawn art has em
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
美術評論家と呼ばれる人たちがいます。彼らは美術史の研究から作品の評価を下したり、また現在進行形で新しい概念を提示する芸術作品を、過去の芸術家の言質や批評家の論説を抜粋し、批評していきます。しかしこれは正しい態度といえるのでしょうか? 何も生み出さない批評家 たとえば通常カジノサイトを批評するときは、カジノで実際に遊んでレビューをおこないます。だからこそベラジョンカジノレビュー (berajonnkajino)のように実際に体験したこととして批評をおこなうことができます。しかし、美術評論家は?彼らは対象作品に何もコミットすることなく、それらを批評するのです。そこから生み出されるものがあるのかは、疑問です。
hamashunさんがTwitterで、 IE6を使って閲覧すると右上に『アナログ』って出るようにしようぜ。 って言ってたので、CSS HappyLifeでやってみた。 ボクが出来る2008年最後の大仕事でした。えぇ。 使いたい方は是非是非。 ちなみに、ボクが使った画像はコレです。自分のモニタで出るやつを参考にしました。 ご自由にお使いください。 IE6だけに表示させるにはどんなやり方でもいいっすけど、手っ取り早いのだったらハック使ってやるのがいいかと。 .analog { display: none; } * html .analog { display: block; position: absolute; top: 10px; right: 30px; } こんな感じで。 であ。 16日のお昼頃追記 ウチのアクセス解析を久々に確認してみたら、全体の50%くらいがFirefoxで40%
QUITE POSSIBLY THE GREATEST LOGO DESIGNER IN THE WORLD With over 1,000 clients in 40 countries on 6 continents, may I help you? Consider that 65% of population are visual learners and 90% of the information that comes to the brain is visual. The brain processes images 60,000 times faster than text. Kranzler, 3M Corporation People dress up and put make up for a purpose. We are the visual crowd. You
Captcha security check newsgraphy.com is for sale Please prove you're not a robot View Price Processing
loading Filter All Illustration Concept Art
(English page) FLARToolKit とは ARToolKit の AS3 版です。 A虎@氏が Java に移植した NyARToolkit をさらに AS3 に移植。 FLARToolKit は入力画像からマーカーを認識して、3 次元空間でのカメラ位置を計算するとこまでをやってくれます。 3D グラフィックスとの合成などは各自で実装する必要あり。 ただし簡単に合成できるようにヘルパー的なものはついてます。(Papervision3D, Away3D, Alternativa3D 用のクラスが用意されています。) ちなみにサンプルで使用してるのは Papervision3D。 ライセンス FLARToolKit を使用する場合は、以下の 2 つのライセンスのどちらかを選択してください。 GPL GPL を選択された場合、商用・非商用を問わず無料で使用可能です。 ただしソフ
Since 2006-2024. © The Design Inspiration All images copyright their respective owners. To make every designer's life easier, we decided to feature the best logos, illustrations, websites, photos and patterns from the most talented designers from all around the world. And we would like to make sure that you are getting the freshest and best quality design inspirations daily. Topnoaccountcasinos.co
Beautiful and creative website footer designs from all over the world. 01 – iprimidieci.com 02 – davidhellmann.com 03 – webdesignerwall.com 04 – bcandullo.com 05 – catalyststudios.co.uk 06 – northern-classics.de 07 – branded07.com 08 – visitmix.com 09 – wearenotfreelancers.co.za 10 – 43folders.com 11 – samrayner.com 12 – england-seiten.de 13 – helmy-bern.cz 14 – incg.nl 15 – blog.wireroses.co.uk 1
これはいろいろなことに応用が効きそうなアイデア。 誰かが「いまここで これくらいの雪が降っている」と特定のルールでTwitter投稿すると、Google マップに雪が表示されるというサービスをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Twitterで降雪情報を集めてGoogleマップで視覚化させる「#UKSnow Tweets」「#uksnow Tweets」は、Twitterで降雪情報を特定のルールで投稿すると、自動的にGoogleマップへ視覚化して反映させるイギリスのサービス。 さらにTwitPicへ投稿した写真のURLと一緒に投稿すれば、マップを見た人が画像も見れるという算段です。 #UKSnow Tweetsの画面 ↑これが降雪情報マップ。ゲレンデ専用なんかがあってもおもし
見る人に驚きを与えるようなデザインがしたい。 そんなあなたにおすすめなのが、『The “Wow” Factor in Web Design 』。Webデザインにおける”Wow”ファクターです。 デザインで覚えてもらうためには、いくつか方法があって、まずコンセプト、次にデザイン、最後に”Wow”ファクターということで、いくつか具体例が挙げられていますね。 Analog alt + Gを押すと、縦のガイドラインと横の罫線が現れて、ポートレートにマウスオーバーすると、ぐ〜っと動きます Face タイポグラフィーにマウスオーバーすると、派手な感じでいろいろ変化します Flourish 赤い背景のナビゲーションをクリックすると、真ん中の木がいろいろと変化しますね。かわいい。とても楽しい感じです HutchHouse 右上のナビゲーションでデザインが変えられます。どれもかわいくて見入ってしまいますね
めっちゃ久々に日記を更新してみるよ。 オノマトペを使って絵を描くオノマトペンというものを作ってみました。 YouTube版 「モコモコ〜」と言いながら線を引くとモコモコした線になるというものです。音声認識を使った単純なネタですが絵を描くのがちょっと楽しくなるかも。
2009年7月7日。 カヤックのWebサイトをリニューアルしました。 前回は2007年7月7日でしたから、ちょうど2年ぶりです。 実は前回のリニューアル時にも解説を掲載したのですが、意外と様々な反応をいただきましたので、 今回も解説を加えることとしました。 リニューアルの最適サイクル Web制作業界に10年以上いる人間として、断言できることがあります。 それは、「コーポレートサイトのリニューアルにおける理想的なサイクル」について。 3年? いいえ、長すぎます。 変化が早いこのネットの世界では、3年も経ってしまうと、表現面(技術面)でどうしても古さが目についてきます。 常にベストな形で自分を表現することを考えれば、3年は長過ぎます。 1年? 逆にこれは早すぎます。 投資効果を考えても早すぎる。 1年で色あせてしまうようなものをつくるのは避けたい、と考
ブルー、グリーン、レッド、イエロー、ブラックなど各色のフォトやウェブサイトなどをコレクションしたカラーインスピレーションを刺激するサイトを紹介します。
iPhoneを使う拡張現実(AR,augmented reality)アプリケーションとして話題を呼んだ「セカイカメラ」のクローズドβ版が2月に公開された。開発を進める頓智・(とんちどっと)の井口尊仁社長は,春から夏ころには「App Store」での無償公開を,夏までには海外向けの公開を予定しているとする。 セカイカメラはこれまでビデオでの紹介だけだったが,2月に東京都内で開催されたファッション展示会で,実機によるデモが初めて公開された。 クローズドβ版では,「エアタグ」をiPhoneのライブビュー映像に重ね合わせて表示する(写真1)。エアタグは,緯度・経度・高さの位置情報と共にサーバーに蓄積される。画面上では,iPhoneの現在位置の近くに登録されているエアタグがライブビュー内を浮遊する。ユーザーはそのタグをクリックすることで,詳細情報を閲覧したりコメントを書き込める(写真2)。 2月の
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 目の錯覚などに騙される広告いろいろ ビーバーは年間200本もの木を切り倒してしまう。 鏡を使ったマックの広告。 ロゴが左右対称な企業向けの手法、やり方によっては東スポ的な伝え方も!?w ネイルサロンがこういった袋を使うのもありかも。 乗った人にも広告、抜け目ない。 気になって用もないのにバスに乗る人も!? ついにリーバイスも不可能なジーンズをw 一瞬本気で信じてしまいそうw カンフーパンダ強し。 飲みすぎ注意!?ww 重なった部分が重要です。 ネタ元には今までに見たものを含め、さらにあります。 これらのアイデアに何かを組み合わせると、もっと良い伝え方がたくさん出てきそうですよね。活用されていないもったいないところってまだまだたくさんありそうです。 V
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 26日の土曜日は、先週に引き続き、第3回ユーザー中心のWebサイト設計・ワークショップの講師をしてきました。 前回は、ユーザー調査の結果をワークモデル分析、KJ法を使った分析を経て、ターゲットユーザーのモデルとなるペルソナを作成するところまで作業をしてもらいました。 宿題として各自に、自分たちがつくったペルソナにぴったりだと思われる写真を探してきてもらうことを宿題としました。 今週の作業はその写真のなかから一番ぴったりと思われる写真を選んでもらうことからスタート。その後、ペルソナの期待を満たしつつ、ペルソナがゴールと考える状態まで導くためのWebサイトの要件、プロトタイプを、シナリオとペーパープロトタイピングの手法を使ってデザインしてもらいました。 以下のステップです。 シ
問題。これはいったい何をするものでしょうか。 いやーはじめて見た時は驚いて早くブログに書かなきゃー!ってなりました。 ユニークなアイデア アイデアなのでまぁ・・・売ってるわけでは無いですけども。 面白そうっていうか超かっこいい。 これ。 Dual Music Player That Plays Your MP3 Collection & Your CDs » Yanko Design その正体はCDプレイヤーです。 パカット開いて聞けるわけですね。すっごいほしい。 ちなみにこの方の面白アイデアイメージはDVDもあって、これまたかっこいい。 Portable DVD Player That Plans On Using Flexible Full-color OLED » Yanko Design 続いて面白そうなのがこちら。 Paint Or Die But Love Me - Core7
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 最近、しょっちゅうと言う位にTwitterやらはてなブックマークやらといった、いろいろなWebサービスを利用することが多くなってきました。そんな今流行のWebサービスを整理・分類してみました。 図 Social Media in Japan(ver 0.60) Social Media in Japan by H.Yoshikawa, Y.Yamaguchi, T.Nakamura is licensed under a Creative Commons 表示-非営利 2.1 日本 License. Based on a work at www.briansolis.com 旧画像はこちら ・ver0.4(2009/01/04) ・ver0.5(2009/01/05) (※図中の
Slot online adalah salah satu permainan kasino yang paling populer di dunia perjudian digital. Di antara berbagai jenis slot yang… ในโลกของเกมคาสิโนออนไลน์ เกมสล็อตเป็นหนึ่งในเกมที่ได้รับความนิยมอย่างมาก มีเกมสล็อตมากมายที่ได้รับความนิยมจากผู้เล่นทั่วโลก เช่น Mega Moolah, Starburst, และ Book of Ra อย่างไรก็ตาม ในขณะที่มีเกมสล็อตที่เป็นที่นิยมและได้รับความสนใจอย่างมาก ยังมีเกมสล็อตบางเกมที่ไม่เป็นท
毎日がちょっと楽しくなる10の面白ホルダー 便利で役に立つ実用的なものは、暮らしを快適にしてくれます。 でも実用性だけでは、ちょっとつまらないもの。 日常がすこし愉快になるような、ユニークな10の小物置きをご紹介します。 痛々しいナイフ&ナイフ置き 5本のナイフを置くたびに絶叫が聞こえてきそうです。 便座型デスクアクセサリー・ホルダー 笑っちゃうデザインでありながら、セロテープ、ペン置き、カードホルダー、クリップ入れなど、多目的ホルダーになっている優れもの。 死人にムチ打ってる感じの楊枝置き これもなんだか痛そうですが、使う時より楊枝をセットする時に、妙な快感が生まれるのかもしれません。 人型キーホルダー 鍵をいつものところに置き忘れて毎回探すはめになるあなたでも、これなら毎日楽しく置けるのではないでしょうか。 殺人現場的ペンホルダー 心臓を一突きのプロの犯行ですね。血のりはさすがにやりす
感心する他ない…特定のアングルから見ると完成するアート 四角い一枚の写真のようにも見えますが、ここは壁では無く部屋の入り口。 つまりこの角度から見たときだけ完成しているアートなのです。 他の角度からだと、どう見えるのかご覧ください。 ちょっと視点を動かすと、パズルピースのように分解されました。 部屋に入るとこのようなギャラリーに。中心部分が独立した絵画になっているのが素敵。 奥で画家が描いていたキャンバスの裏側も、ちゃんと絵が描かれている芸の細かさ。 しかも、壁に飾られているのと同じ絵になっています。 「画家はあれを見て写生していたのかな…」なんて想像するのが楽しいですね。 教室の片隅で机にむかって勉強している少女。 アングルを変えるとこの通り。実物を見ると、奥行や立体感を感じられるのでしょうね。 階段に座る子供たち。手すりの間はどうなっているのでしょうか。 知らずに階段だけ見たらびっくり
先週あたりから,米国のマスメディアでも話題になり始めたサービスがChatroulette。ネット業界の人気ブログSilicon Alley Insiderが, super hot(超ホット), super ridiculous(超バカバカしい), and super voyeuristic(超のぞき見)のWebcamサイトとして紹介している。 ビデオチャットのサービス。チャットの相手として世界中の見知らぬ人がランダムに選ばれる。ボタン一つでどんなハプニングが起こるかわからないので,ロシアンルーレットのようだとも。1か月前ころからマニアックなユーザーの間で人気が高まっているという。マスメディアでおそらく最初に大きく紹介したのがNew York Magazineである。2月5日の記事見出しが“The Human Shuffle”。 そこで気になるのが,このように物議を醸し出しているサービスを,
スティーブ・ジョブス スタンフォード大学卒業式辞 日本語字幕版 - 14:33 - 2007/05/05 Stanford University () 評価: This is the Steve jobs commencement at stanford university and I add to Japanese subtitle which is licensed under the creative commons. http://www.h-yamaguchi.net/2006/07/jobs_2f1c.html 動画のダウンロード - iPod/PSP にダウンロード | 動画埋め込み ダウンロードを開始します。ファイルをコンピュータに保存してください。ダウンロードが自動的に開始しない場合は、ここを右クリックし、[名前を付けて保存] を選択します。動画を取り込む方法:
CSSは最近のWebシステムでは当たり前のように使われている。そして肥大化したCSSはネットワークの帯域を余計に食っているようなものだ。それを解決する手段として、CSSの余計な空白や改行を消して圧縮する技術がある。 こんなにちっちゃくなっちゃった! だがCSS Compressorはもう一歩先の技術を使って、さらに圧縮を実現してくれる。これはなかなか興味深い。 今回紹介するオープンソース・ソフトウェアはCSS Compressor、CSSを解析した上で圧縮してくれるソフトウェアだ。 CSS CompressorはJava製のソフトウェアで、コマンドラインで実行する。CSSファイルを引数として指定すると、標準出力に圧縮した内容を返してくれる。余計な空白や改行の削除はもちろんとして、幾つか面白い機能がある。 ヘルプ 同じ設定を行っているクラスがあれば、それを一つにまとめてくれたり、4辺に同じ設
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
はじめに 「CSS のセレクタ」っていうと以下のようなものを想像すると思うんですけど div.container ul > li じゃあ、 div はセレクタ? .container はセレクタ? div.container はセレクタ? > はセレクタ? などなど色々と疑問が出てくる訳で、どういう名前で呼べばいいか。自分のために書いておく。 これ系のエントリでは、以下のエントリが一番参考になります http://d.hatena.ne.jp/kiririmode/20080516/p1 Selectors group カンマで区切られたセレクタのリスト div.container ul > li, div#hoge.hoge ~ span#fuga.fuga Selector カンマで区切られてる一個一個のやつ div.container ul > li とか div#hoge.hoge
以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 本当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、単純な CSS3 セレクタ一覧になっちゃいました。残念。 CSS3 セレクタチートシート (PDF) ※PDF ファイルは URI が変わる可能性がありますので、ブクマする際はできればこのエントリーにして頂いた方が安全です。 今回、チートシートのフォーマットは、Microformats Cheat Sheet を参考に作らせてもらいました。右サイドに IE7、IE6、Firefox、Opera、Safari それぞれでの各セレクタ対応状況を簡単にまとめてあります。 なお、対応状況のチェックには、c
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します(図1-1)。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ(iモード、EZweb、Yahoo!ケータイ)で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
スタイルシートをシンプルに効率よくすることは、ネットワーク転送量の低下、パース速度の向上、そしてHTMLとのマッチング効率化に繫がります。これはページのパフォーマンスを大きく向上させることに繫がります。 前回は大まかなブラウザの挙動を見ました。 今回は、そういった動きを踏まえた上で、やってしまいがちな非効率なスタイル指定を挙げてみます。そういった指定を避けることで、軽量で高速なスタイルシートを記述することができるでしょう。 なお、この記事は、Google Page Speedの”“および、Mozillaの”Writing Efficient CSS for use in the Mozilla UI“などを元に書いています。 1. 不要なスタイルは書かない 言うまでもない大前提です。ですが、ちょっと調べてみると意外と多いのではないでしょうか。 例えばサイト内で幾つかのパターンのページがあり
JetpackはMozilla Labsによって開発されたブラウザ拡張のための新たな試みです。 ユーザはまず、FirefoxにJetpackエクステンションをインストールする必要があります。その上でAPIを用いた様々なJetpackプラグインを動作させることができます。 ※但しこれは現時点での話で、将来的にはFirefox本体に統合されるとのこと。(参照) Jetpackプラグインは HTML + Javascript + CSS といった従来のWebベース技術で記述することができるため、ブラウザを拡張することが非常に容易になります。 更に最近人気の jQuery などが組み込まれていて、表現力に富んだ柔軟なモジュールを簡単に実装可能です。 ここでは、Jetpackでの開発を助けるためのドキュメントを集めたり、本家サイトのリファレンスを和訳(意訳)したりします。 勉強がてらなので、不足点は
Sự xuất hiện của Google Chrome vào cuối năm 2008 đã khiến nhiều nhà phát triển web và nhà thiết kế phải cân nhắc chuyển từ Firefox, trình duyệt chuẩn của họ. Tuy nhiên, phần lớn vẫn trung thành với Firefox và có lý do chính đáng. Phải mất một thời gian dài để tạo ra một môi trường trình duyệt mà bạn cảm thấy thoải mái và ở nhà. Sự cân bằng của trình bổ sung, trong đó có rất nhiều thứ dành cho Fire
本記事は、Microsoftの本社副社長であり、ASP.NETやSilverlightなどの開発チームを率いるScott Guthrie氏のブログを翻訳したものです。氏の許可を得て転載しています。 今日(2009年9月15日)の早い時間に、ASP.NETチームがAJAXライブラリ(jQueryやASP.NET AJAXなど)に対してキャッシュのサポートを提供する新しいMicrosoft AJAX CDN(コンテンツ・デリバリ・ネットワーク)サービスを公開しました。このサービスは無償で、登録など何も必要なく、商業用としても非商業用としても使用可能です。 CDNが提供するものは? コンテンツ・デリバリ・ネットワーク(CDN)は、世界中の主要なインターネットのネットワーク・ポイントに戦略的に設置された“エッジ・キャッシュ(edge cache)”で成り立っています。これらの“エッジ・キャッシュ”
本記事は、Microsoftの本社副社長であり、ASP.NETやSilverlightなどの開発チームを率いるScott Guthrie氏のブログを翻訳したものです。氏の許可を得て転載しています。 [ブログに加え、現在Twitterを使って簡単な更新やリンク共有を行っています。twitter.com/scottguで、私をフォローしてください。] 過去数週間にわたり、開発者に調査を行い、どれくらいの人が新しい検索エンジン最適化(SEO)ツールキットを使用してWebサイトのトラフィックを増加できているかを確認しました。そのツールについて聞いたことがない、またはサイトでそれを実行する機会がなかったという人の多さにおどろいてしまいました。このブログ投稿では、なぜWeb開発者がチェックするべきかを簡単にまとめています。 なぜ無償のSEOツールキットを使用するのか? 簡単にいうと、この無償のSEOツ
OSSプロジェクトのホスティングサイト「GitHub.com」では、Flashで実装されていた一部のUIをCanvasに移行したという HTML5のCanvasとFlashの最大の違いは、アニメーションなどを行うために利用できる抽象レベルだ――。こう指摘するのは、Gitベースのコードホスティングサービス「GitHub.com」の共同創業者、Tom Preston-Werner氏だ(ちなみにWerner氏はマイクロソフトに買収された検索ベンチャー「Powerset」の元社員で、買収直後に“サラリー以外に3年間で30万ドル(約2770万円)”というおいしいオファーを断ってまでGitHub.comのフルタイム開発の道を選んだことでも知られている)。 Flashで書かれた一部のUIを全面的にCanvasで書き直した経験からWerner氏は、Canvasにはまだ抽象度の高いフレーワムワークが欠けてい
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more impo
uupaa-excanvas.js is JavaScript library where HTML5::Canvas is offered. uupaa-excanvas.js は HTML5::Canvas 互換機能を提供する JavaScript ライブラリです。 Features - 特徴 Hybrid: - Rendering is done with Silverlight and VML in IE, and other browsers do rendering with canvas. - IE なら Silverlight と VML でレンダリングを行い、その他のブラウザは canvas でレンダリングします。 Only one: - Only library where the vector graphic can be treated in IE8
John David Anderson (docs at cakephp dot org)までEメールを送るか、IRC (#cakephp on freenode as _psychic_)で、参加したい旨を連絡してください。 翻訳者Tips: アクセント文字のためにhtml entitiesを使用しないでください。このbookはUTF-8を使っています。 フレンドリーな文体を使ってください。 タイトルと内容を同時に翻訳してください。 翻訳する言語のページで閲覧・編集してください。そうしないと、英語ページの編集として記録されてしまいます。どの言語の翻訳なのかをレビューアーが知っていることはまれです。 マークアップを大幅に変更したり、新しい内容を追加したりしないでください。オリジナルの内容の情報に不備があるのであれば、英語の情報をまず編集してください。 用語を英語で書く場合には
nginx+memcachedがめちゃ気になったので試してみました。 元ネタは下記です。 A 53,900% speedup: Nginx, Drupal, and Memcache bring concurrency up and page load time way down | TechnoSophos nginxをリバースプロキシに利用した構成で、バックエンドの出力をmemcachedにキャッシュしておけば、次回リクエストではnginxがそのキャッシュを読み取ってそのまま出力してくれます。 つまりバックエンドにリクエストを経由させずにnginxから即出力するのでかなりの高速化が見込めるという優れものです。 リンク先ではバックエンドにDrupalを利用していたのですが、ここではCakePHPを利用してみます。 1. 全体構成 リバースプロキシにnginx(Port: 80)を使い、バ
起きてから寝るまで、息を吸うのも、厠(かわや)での一連のアクションも.NET Frameworkで構築している私だが、実は少し前まで目を閉じるとまぶたの裏でJavaのマスコットである“Duke”がゴーゴー・ダンスを踊っちゃうくらいにJavaな日々を送っていた。そんな私が過去の資産を捨てて.NET Frameworkに転んだ理由は簡単。.NET Framework、特にC#の設計思想が私のし好に合っていると感じたためだ。 本稿では、私がJavaからC#に乗り換えた理由を示し、それを基にC#の“正しい”使い方について考察する。C#に興味のあるJavaプログラマや、どう使えばよいのか悩んでいるC#プログラマに読んでいただきたい。そうそう、アーキテクトにも。プログラミングできないアーキテクトなどあり得ないのだから。 C#とJavaは似ていない。確かに表面上は似ているが、C#にはJavaにはない文法
title: option: " -> \x22 (for Opera) script: (function(){ })() script(space removed): bookmarklet: bookmarklet
Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
Not your computer? Use a private browsing window to sign in. Learn more
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
この記事は「楽しい職場、米国の日本と全く異なる労働観」について紹介します。多くの日本人にとってはきっとeye opening(目が見開かれる)で、jaw dropping(顎が落ちる)な驚きの内容ですので、是非読んでください。この記事の内容を教えて、体験させてくれたのはNoah。Noahは本当に楽しそうに働いている米国人です。彼についてはすでに記事を書いているのでこの記事について読む前に是非そちらの記事も読んでみて下さい New Yorkで最も幸せな住人の1人、Noah。 仕事をしている人なら毎日が常に忙しくない、時には暇な時間があることは知っているかと思います。日々の仕事には繁閑があります。でも、多くの日本企業の場合だと暇そうにしていると「評価が下がる」し、悪い場合には「叱責される」のはないでしょうか。だから多くの日本人はたとえ忙しくなくても、忙しい振りをしている人が多いと私は思います。
「おーおーっすっ!」 てなこって、TwitterのAPIのBASIC認証も6月末に終了してOAuth/xAuthに移行するというこの時期に、あらためてOAuthについて勉強してみたんですのよ? OAuth認証を利用するライブラリは各言語で出そろってきてるのでそれを使えばいんじゃまいか? というと話が終わるので、じゃあそのライブラリの中身はなにやってんのよってことを、OAuthするScalaのライブラリ作りながら調べたことをまとめてみました。 間違っているところもあると思うのでツッコミ歓迎です>< OAuthってそもそもなんなの? ものすごくざっくりというと「API利用側が、ユーザ認証をAPI提供サービス側にやってもらうための仕様」って感じでしょうか? BASIC認証の場合、API利用側が認証に必要なアカウントやパスワードを預かる必要があるわけです。悪意のあるAPI利用側が「なんとかメーカー
この度、株式会社wktk(ワクテカ)という法人を設立いたしました。 30歳の誕生日に何か面白いコトをやろう!と思い立って、2週間くらいで法人設立にこぎつけました。あ、会社勤めは辞めてないし、辞めるつもりもないですよ、念のため。僕の勤め先は、そういうところに融通が利くところなのです。起業を促進してます。うんうん。 株式会社の作り方と、基本的な開業準備について、「ひきこもり気質でインターネット大好きな人」向けに情報を公開します。 世の中には、会社設立のガイドがあふれかえっています。重複することを書いても仕方ないので、本や他のサイトに載っていない情報を主に書いていきます。情報は2010年4月現在のものです。 前提条件 一人発起で、代表取締役のみの株式会社を東京都xx区に設立する。 .co.jpドメインを取得する。 公告方法を官報にしつつ、財務諸表のみをWebページに載せて官報掲載代を節約する。
実にユニークなFirefox拡張アプリとして使っていたpopInに、ブロガーの文章力を調べる機能が実装された。これはやばい。 正確には文章の難易度を測定する機能なので、わかりやすい言葉かどうかを測定する為のもの。 ようするに、文章が難しくて読めない人がいるかも、といった測定に近い。 web屋という生き物は、サイトを作る時によほど素人じゃない限り、ターゲットを設定します。メインターゲットとなる人たちがわからないような文章になっていないかを簡単に測定できるツールとして非常に興味深い機能だと感じました。 他にも色々面白い機能満載なので一度は試してみる事を強くお勧めします。 詳細は以下に。 キーワードは利便性 popIn公式サイト popInの最大の特徴は、なんと言っても『その場検索』『その場翻訳』『その場ツイッター』と言った、スピード能力にあります。 Firefoxの拡張なので、ブラウザが限定さ
アクセス解析サービスの「BROWSIZE.ORG」は 2016年10月20日 にサービス提供を終了しました。 ご利用ありがとうございました。 akiyan.com+browsize at gmail.com
Trong thị trường cá cược ngày càng đông đảo nhiều nhà cái xuất hiện với nhiều quy mô khác nhau. Tuy nhiên, Bsports vẫn là sự lựa chọn hàng đầu và nhận được nhiều đánh giá cao từ người chơi. Nếu bạn muốn hiểu rõ hơn về nhà cái này thì hãy xem qua bài viết dưới đây nhé. Giới thiệu đôi nét nhà cái BsportsBsports là cổng nhà cái game cá cược uy tín hàng đầu Việt Nam. Hệ thống cá cược có giao diện độc
ソフト詳細説明 現在のIEの場合、有効期限の付いたCookieは、パソコン内に保存されるとともに、キャッシュでファイル名が管理されます。 このツールは、ディスク上に保存された有効期限付きCookieを自在に書き換えるとともに、「流儀」に従ってキャッシュをコミットします。 特徴としては次の通りです。 1)有効期限も編集することができます。この時、タイムゾーンをローカルタイムにして編集することもできます。 2)直接ファイルを書き換えるだけではなく、Windowsの「流儀」に従ってキャッシュも更新します。そのため、削除した場合でもゴミがキャッシュに残りません。 3)ビューアとしても使えます。テキストファイルへの出力機能5種類のソート機能があります。 4)検索機能がありますので、目的サイトのCookieを迅速に調べることができます。 5)コピー追加 機能により、書き換える前の変数値を保存しておくこ
Visustin v8 Flow chart generator Visualize your source code with flow charts and UML Activity Diagrams. Visustin is flowcharting software that converts your source code to flow charts—automatically! Draw flow charts with your mouse. View and print charts or export to Visio. Convert source code to flow charts automatically! $249 / $499 Understand and improve your algorithms. Download demo Place o
Web Development Helper Web Development Helper plugs into Internet Explorer and provides tools for Ajax and Web development. Latest Release: 8/23/2007, Version 0.8.5.1 Web Development Helper Plugin Installer Readme Digg It! Bookmark It! Stumble On It! Kick It! Web Development Helper is a free browser extension for Internet Explorer that provides a set of tools and utilities for the Web de
Join us 4-8 November in Vienna for SharkFest'24 EUROPE, the official Wireshark Developer and User Conference The world's most popular network protocol analyzerGet started with Wireshark today and see why it is the standard across many commercial and non-profit enterprises. *{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto;he
EtherealがWireshark(ワイアシャーク)という名前になりました。 Etherealの頃からずっとお世話になっています。便利なツールなので、使いこなしてみてください。 PR 目次 ダウンロード インストール 初期設定を変更しよう キャプチャスタート方法 フィルタ フローグラフ リンク 更に詳しく 1.ダウンロード http://www.wireshark.org/ のGet Wireshark Now をクリック。 SOURCEFORGE.NETにつながります。ブラウザにセキュリティのポップアップが出る場合は、ファイルのダウンロードを選択して先に進んでください。 InternetExplorer7の場合、以下のようにブラウザ上部にポップアップバーが表示されます。これを右クリックし、ファイルのダウンロードを選択してください。 2.インストール ダウンロードしたファイルをダ
アクセス解析ツールを開くと、重要な情報が一目で確認できる。忙しいWEB担当者にとってこれはとても重要なことですよね。今回ご紹介する無料アクセス解析ツール「Woopra」は、そのニーズに応えてくれて、さらにどんなオンライン解析ツールよりもあらゆる情報をサクサク情報を表示できるものになっています。これは必見です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 総合的に使いやすい無料アクセス解析ツール「Woopra」 まず最初に私が感じたWoopraの良さは下記2点。 デスクトップ上で動くから軽い 解析データをダウンロードしなくて良い この2つを実現できる無料アクセス解析ツールは世界中探してもなかなか見つからないのでは?さらにSMOが重要視される今日、リアルタイムに状況が把握できるというのは強みになり
blog post | FAQ Hammerhead adds a tab to Firebug for measuring the load time of web pages. To install: install Firebug install Hammerhead In Firefox 3, if you get this error: "Hammerhead" will not be installed because it does not provide secure updates. follow these steps: enter "about:config" into address bar right click somewhere in the list of keys below; select New->Boolean enter "extensions.c
Webシステム開発において性能試験を行う場合、hp LoadRunnerやApache JMeterといったウェブブラウザをエミュレーションしてくれる負荷テストツールを用いるのが定番だと思います。そんななか、たまにデータベース単体での性能を測ってほしいと頼まれることがあるので、そうした便利なツールはあるのかなと思って調べてみました。 データベースに対する負荷テストツールは探すとたくさん出てくるのですが、案件で使用しているRDBMSに対応していなかったり、トランザクション仕様が希望と異なっていたり、微妙に作りが悪かったりと、ニーズに合致したツールはすぐには見つかりません。そんなときにこのエントリがツール探しの参考になればと思います。 pgbench 対応RDBMS:PostgreSQL 対応OS:Linuxなど 言語:C 作者:石井達夫氏 ライセンス:独自(BSDライセンスに近い) トランザ
ネットワークのトラブルシューティングでは、ネットワーク・ケーブル上を流れるパケットをキャプチャしてダンプ/解析する必要に迫られることがある。このような場面で役に立つのが、いわゆるネットワーク・プロトコル・アナライザと呼ばれるツールである。Windows OS上では、マイクロソフトから提供されているネットワーク・モニタがよく使われる。その最新版であるネットワーク・モニタのVer.3.xはダウンロード・センターで提供されている。具体的な使い方についてはTIPS「ネットワーク・モニタ3.1を使う(基本編)」や、その関連TIPSを参照していただきたい。 ネットワーク・モニタ以外にも多くのプロトコル・アナライザ・ソフトウェアがあるが、フリーで提供されていて、UNIXやLinux、Macなど、多くのプラットフォーム上で動作することから、Wiresharkというソフトウェアも広く普及している。これはもと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く