[追記：2009/02/08] エントリータイトルがタイポしていましたので直しました。非リンク→被リンク。 お恥ずかしい・・・。 [/追記] 先日、Delicious被ブックマーク数画像取得APIへのアクセス状況でもお伝えした通り、当ブログを運営しているレンタルサーバーがスゴい遅いです。APIや個人サービスを同じサーバーで運営しているのが原因ですが、なんとか負荷を減らしたいと思っています。 レンサバなのでサーバー側のチューニングなど（FastCGIとかMemcachedとか）はできない状態ですので割と小手先の対応になってしまうのですが、一つ目の手段としてコメントを TypePad Connect にしてみました。それほどコメントの多いブログではないですが、少しは動的なアクセスが減ったような気がします。んで、TypePad Connectを使ってすぐに思ったのが、トラックバックをASPしてく

YouTube · X · FaceBook © APK SUPPORT Int. Lmt. 2018•Made with ♡ in Panama City, Panama

タスクマネージャでよく見かける「svchost.exe」が一体何なのか気になっている人も多いと思いますが、このフリーのオープンソースソフト「Process Hacker」を使えば各プロセスやサービスの正体がわかるだけでなく、CPU使用率やネット経由で通信しているかどうかなども把握できるようになります。Windows標準のタスクマネージャと入れ替えることも可能で、かなり細かい各種情報が取得できるため、非常にお役立ちです。タスクトレイにCPUやメモリなどのグラフを常に小さく表示させることもでき、監視間隔を短くすることで普通では把握できないプロセスなども捕まえることができます。 ダウンロードとインストール、実際の使用方法は以下から。 SourceForge.net: Process Hacker - Project Web Hosting - Open Source Software http:

×4. 競合相手のスパム行為を通報するべからず競合相手が検索エンジンのガイドラインに違反する戦術を用いている場合でも、それを違反行為として報告するべきではない、という主張が数多くなされている。業界の中には、これをモラルまたは倫理の問題にしたがっている人もいる（言い換えるなら、SEO屋になることによって交わされる「泥棒たちの協定」は遵守しなければならない、ということ）。 しかし、あるSEO業者が検索エンジンに競合相手の操作的戦術を通報していないかどうかを確かめる方法はないので、そうした通報行為によって成功を手に入れること対して誰よりも声高に反対している連中が、実はいちばん多く通報しているということも大いにありうる。「通報禁止」協定厳守を主張しながら裏でこっそり仲間を密告するSEO業者がいても、そうした行為をやめさせる手だては皆無だ。 こうした事例を見てくると、1つの方向性がはっきりしてくる。

SEO業者のアイオイクスによる海外WordPressテーマを日本語化して 無料配布しているサイトの件。この事を知ったのははてブ経由で たどり着いたてくてく糸巻きさんの記事とブコメ。 件のサイトはwordpresstheme.jp(魚拓)というドメインを使ったサイトです。 てくてく糸巻きさんの無料ワードプレステーマ によるSEO spamというエントリーで知ったので、まずはリンク先をご確認頂きたく。確かにWhoisを見るとドメイン所有者はアイオイクスになっていますね。 ドメイン名に「wordpress」を含めてはいけない「WordPress」は商標登録されているのでドメイン名にwordpressと含めてはいけません。以前、WordPressユーザーなら知っておきたいあれこれという記事でも書きましたが、 WordPress Domains For various reasons related

Google ― サイトのランキングを上げるにはどうしたらよいですか？（日本語版）Yahoo! ― 自分のサイトを「ウェブ検索」の検索結果に表示するには、そしてサイトの順位を上げるにはどうすればいいのでしょう？（日本語版：自分のサイトを検索結果に表示したいときは、日本語版：サイトの順位を上げるには）Microsoft/Live ― 正しくインデックス登録するためのガイドライン（日本語版）Ask ― Ask.comのウェブマスター向け情報だが、ここに示したガイドラインも役に立たないわけじゃない。それなりに価値のあるヒントも一部にはある。たとえば、Yahoo!のこれとか。 特定のウェブサイトがウェブ検索の結果に表われるか否か、そしてその順位がどのように上下するかについては、多くの要素が関係します。それら要素をいくつか例示すると、以下の通りとなります。 サイトが獲得している外部リンク数ページ内の

あなたはブラウザには、何を使っていますか？ Windowsに付属のInternet Explorerもいいですが、SEO対策をしているならFirefoxはとても便利なブラウザです。 動作が軽いというのもあるのですが、アドオン（Add-on）あるいはプラグイン（Plug-in）という拡張機能が豊富にそろっています。 今回は、SEOに役立つ便利な おすすめのFirefoxアドオンを紹介します。 SEOpen Google、Yahoo!でのバックリンクやWhois調査、robots.txt解析、Wayback Machineでのアーカイブ調査など、23種類のリサーチができる。 ⇒ Firefoxサイトでのページ SEO For Firefox アメリカのSEOエキスパートArron Wall氏が配布するアドオン。Googleの検索結果に、バックリンク数・ドメインエイジ・ページランクなどの項目を表

ここ最近改めて思ったのですが、 SEOってのはやっぱりいい戦術 なんだと思いました。と言っても 小難しい方法とかではなく、少し 頭の片隅に知識を置いて置くだけでも かなり変わってくるんじゃないかなと。 SEOの手法と言っても様々ありますが、最低でもユーザー目線を意識した「タイトル」「被リンク」「内部構造」を意識するのとしないのとではかなり変わってくる、ロングテール戦略なら尚更だと思います。 もちろん、全てはコンテンツあっての話。参考になる記事も挙げていますがSEOはWebサイトによりけりなので「参考」にして頂ければ幸いです。 極めて普通の内容で詳しい方が見れば絶望する事この上ない内容で申し訳ありませんが、少しでも参考になれば。 タイトルやっぱりタイトルは大事。昔は「重要なタイトルは前方に」って手法がありましたが、これは今でも変わりないと思います。というのは、直接ランキングに関係するのかもし

Re:href="#" onclick の悪習 ネタ元：某日記：href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ！というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:（onclickの内容

ドットインストール代表のライフハックブログ

「PHPerの問題点はPHPしか知らずに的外れなことを言うことだ」と、Javaしか知らなくて的外れなことを言っている連中にすら言われちゃってるPHPerのみなさん、こんにちは。 PHPは「使える道具」であることは事実です。しかし同時に言語仕様がウンコなのも事実。 ここでは、個人的にウンコだと思っているPHPの仕様を挙げてみたよ！ htmlspecialchars() の名前が長すぎる これはほんとウンコ。おまえWebアプリのための言語やろが！なんでこの関数の名前がこんなに長いねん！こんだけ長かったらめんどくさがって echo $var としてまうやろが！WordPressのthemeでHTMLエスケープ忘れが多いのはおまえの名前が長すぎるせいだ！ そんなわけで、全PHPerはこんな関数を定義するといいと思うよ。 ## echo $var; よりも短く h($var); と書ける! func

以前に、robotsタグのnoindex/nofollow/noarchive属性について解説したことがあります。 名前は似ていますがそろぞれ独立した存在で、使う目的も、検索に与える結果もまったく異なります。 今日は、このうちのnoindex属性について、少し古いのですがGoogleのMatt Cutts氏のインタビューを参照しながら、再度説明したいと思います。 noindex属性は、headセクションに次のように記述します。 <meta name="robots" content="noindex"> または <meta name="robots" content="noindex" /> 上はHTML、下はXHTMLの場合です。 name属性の「robots」はすべての検索エンジンのロボットを対象にしますが、特定の検索エンジンのロボットを対象にする時は、googlebotやslurpな

nofollow属性を使ったPageRankスカルプティングについて、過去に２回に分けて解説したことがあります。 nofollowの正しい使い方(1) nofollowの正しい使い方(2) これらは、どちらかというと導入編ともいうべき基本的なテクニックです。 今日は大規模サイト向けのPageRankスカルプティング上級編を、解説します。 何百種類、何千種類ものプロダクトを取り扱う大型eコマースサイトのようなサイトが対象の１つになるでしょう。 まず、最初に決めるべきことは「どの商品を優先して売りたいのか」です。 ※検索エンジンから集めた顧客が対象です 利益率が高いもの、制約率が高いもの、リピート率が高いもの、いくつか判断基準がありますが、それはあなたが決めてください。 このエントリはパート１として、個別商品の数が多いカテゴリのPageRankを高めるPageRankスカルプティングを取り上げ

・メルマガ #98（2007/09/27発行）のバックナンバー ※一部編集 以前に、「nofollow」でGoogle PageRankをコントロールというタイトルで、nofollowタグ（正しくはnofollow属性）についてのノウハウを書きました。 今回は続きで、応用編です。 内部リンクにnofollow属性を上手に使うと、自サイトのPageRankをコントロールできます。 【注意】 ここで出てくる「PageRank」という用語は、グーグルツールバーで見える緑色のページランクではなく、Googleが評価する「そのページが持つ力」と、とらえてください。 ただし、使い方を誤まると大切なページにPageRankが流れなかったり、最悪の場合は一部のページがインデックスされない、なんてことも起こりえます。 クローラは、nofollowのリンクをたどらないからですね。 あなたがネットショッピングの

一定期間更新がないため広告を表示しています

Die größten bekannten Rechenzentren der Welt stehen überwiegend in den Vereinigten Staaten. Doch wo steht Deutschland im Vergleich? Wir möchten dir in diesem Artikel die elf größten deutschen Rechenzentren vorstellen. WordPress Website erstellen, Schritt für Schritt WordPress ist das mit großem Abstand führende CMS, aus guten Gründen. Der Einstieg in die WordPress-Welt ist einfach, wie Du in diese

iPhone は持ってないけど iPhone 用のテンプレートがどんな表示になるのか確認したいとか このサイトを iPhone で見たらどんな感じなのか知りたいとか そういうときには iPhoney がとっても便利。 これを立ち上げると iPhone そっくりなウィンドウが出てきて このロケーションバーに URL を入れれば iPhone での表示を確認することができる。 かんたん。 横向きにすることも可能。 ちょっと見ておいた方がいいのが、ユーザーエージェントの設定。 デフォルトでは Web Kit User Agent になっていたので、 ユーザーエージェントで表示を切り替えているサイトでは iPhoney のメニューで iPhone User Agent に切り替えないと うまく表示されないかも。 最初これに気づかず 「iPhone の表示にならんじゃん」と思ってしまった。 iPho

日本最大のPVを誇るポータルサイトYahoo!JAPANのトップページに不具合が生じた。 ニューストピックスとヘッドラインは表示されず、右カラムのバナーやログイン管理部分は下の方に落ちてしまっている。 何が原因でこうなったのかは不明だが、こうして記事を書いている間もまだ不具合は対応されていない。 Yahoo!JAPANは1日20億という膨大なアクセス数を誇りその玄関でもあるトップページがこの様な状態では、既に数百万人のユーザーの目に触れてしまっていることだろう。 それだけではなくバナーを掲載している関係上、広告主からのクレーム対応も今後大変そうだ。 ２ちゃんねるでは「記念真紀子」「まじだワロタ」「バグってる」と滅多に無い珍事にお祭り状態。 Yahoo!JAPANがこんな不具合を出すわけもなく、これを見たユーザーは自分のブラウザが悪いのかと疑ってしまうくらいだ。 14時16分頃にようやくいつ

canonical（カノニカル）タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか？ 基本情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search（マイクロソフト）は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる（ただし、自サイト内の問題のせいで生じる重複インデックスのみ）。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関

各パーツをそれぞれ自由に組み合わせて、 あなたがデザインした、他にはない、 あなただけのヘッドフォンを作ろう。

This collection includes a diverse range of feature-rich jQuery typography and text effect plugins designed to help you take your web typography to the next level. With these plugins, you can gain greater control over the positioning and resizing of each letter, enabling you to create unique and visually stunning typography. In addition to typography control, the collection also features several j

リンクにnofollow属性を付けると、サーチエンジンがリンクをたどることを禁止し、PageRankやアンカーテキストを渡さないようにできます。 従来、検索エンジンはJavascriptを理解することができず、したがってJavascriptで書かれたリンクを、評価できませんでした。 結果的にJavascriptは、nofollowリンクのようにPageRankもアンカーテキストも渡さないリンクだったのです。 しかし、Googleに限っていて言えば、状況は変わっています。 Google, Matt Cutts（マット・カッツ）氏のビデオをご覧ください。 Can I use “nofollow” in JavaScript? “Googleは、一部のJavascriptをクロールするようになったんだ。 また、Javascriptリンクに付いているnofollowもサポートするようになっているよ

私が講師役をしている社内向けJavaScript勉強会の資料をまとめて公開しました。 実践JavaScript - 株式会社ALBERT 社内勉強会資料 1回目を書いてからだいぶ間が空いてしまいましたが、その分6回分をまとめて、インデックスや見た目等々を整理してあります。 コードのハイライトには google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting を使用してみたのですが、すごく重かったので出力結果を静的に使っています。 オススメ回は実践JavaScript - JavaScript特有の問題・クロスブラウザなど - 株式会社ALBERT 勉強会資料でしょうか。特にクロスブラウザなDOMサイズ取得は自分でも良く参照してます。 間違いなどありましたら

《2017年6月12日 12:00 PM 公開/更新》 JavaScriptで正規表現を使う方法 [計算・変換] JavaScriptでも正規表現を使った文字列の検索や置換が可能です。検索文字列が固定されている場合はかなりシンプルな記述で済みます。変数に格納された文字列を検索文字列に使いたい場合は、RegExpコンストラクタ関数を使うことで実現できます。 JavaScriptで正規表現を使う方法 正規表現の記述方法(検索文字列が固定の場合) 正規表現の記述方法(検索文字列が変数に格納されている場合) indexOfメソッドより楽？ JavaScriptで正規表現を使う方法 JavaScriptでも正規表現を使った文字列の検索や置換が可能です。 検索する文字列が固定されていてスクリプト内部に書いてしまえる場合には、かなり簡単に記述できます。 ※下記の文章やサンプルソース内には、「\」という記

HTMLのtable（表組み）を使って、Webサイトにさまざまなデータを表示する機会は多くあります。たとえば、サークルのWebサイトを作った時に、メンバーの名前や年齢などをまとめたリストを公開するとしましょう。このとき、Webサイトを訪れたユーザーが、自分の見たい順番に行を並べ替えられたら便利なのに……といったことはありませんか？ そこで試してみたいのが、表の並び替え（ソート）を実現するJavaScriptライブラリです。並び替え機能を持つJavaScriptライブラリは数多くありますが、その中から高機能で使いやすい「DataTables」を紹介しましょう。DataTablesを使えば、サーバーサイド技術の力を借りずに、HTMLとJavaScriptだけでリッチな表を作れます。 並び替えを簡単に実現する「DataTables」 DataTablesは、並び替えをはじめとして、table要素

<html> <head> <title>TAG index Webサイト</title> </head> <body onLoad="document.form1.field1.focus()"> <form action="#" name="form1"> <p>お名前：<input type="text" name="field1" size="25"></p> </form> </body> </html> フォーカスを合わせたい入力欄を、以下の方法で設定してください。 document.フォーム名.フィールド名.focus() フォーム名 … formタグの name="" で指定した名前（上記の例では form1） フィールド名 … フィールドの name="" で指定した名前（上記の例では field1） ページを表示したときに自動的にフォーカスを合わせるので、bodyタグに

If you were looking for MSDN or TechNet blogs, please know that MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. How to use this site Archived blogs are grouped alphabetically by the initial letter of the blog name. Select the initial letter from the TOC to see the full list of the blogs. You can also type the name of the blog or the title of the

CSSコーディングにおいて最も忌むべきもの、それはIE6。 「ホントに仕様書読んで作ったのか？」と疑いたくなるほどのオリジナリティ溢れるCSS解釈は、IE6の絶大なシェアとも相まって、一層容赦ない問題となりました。 世には様々なハック術や回避方法が出回るも、それ自体がIE6のバグを利用したモノだったりして、IE立てればOpera立たず、みたいな状況に脳ミソとろけた経験のある方も多いのではないでしょーか。 今回のエントリーでは、そんなIE6で頻出するCSSバグと、それを対処 / 回避するハック術なんかを取り上げてみたいと思います。 これでもうIE6なんざ怖くない!? IE6の頻出CSSバグと対処ハック術 1.横方向のmarginが倍になっちゃうバグ。 恐らく最も引っかかるであろう、この凶悪なバグ。 このバグに見舞われてしまう条件はものすごくカンタンで、「floatさせた要素に、floatした

「イメージと違った」「写真と色が違った」「贈り先の方の好みに合わなかった」など、お客先都合の理由でもご返金・交換いたします。安心してご購入ください。（返品・交換時の返送費用はお客様負担となります）

ドットインストール代表のライフハックブログ

Lyrics Master の最新バージョン 2.5.5.1 では、Windows 11 の正式サポート、Genius.com への対応、歌詞サイトの最新仕様への対応を含む様々な改善とバグフィックスが行われています。 (macOS 版のみ、macOS Catalina 以前の OS との互換性問題を解消した v2.5.5.2 が最新版となります。上記の v2.5.5.1 のリンクからダウンロードできます。 (2022-05-15)) すべての変更点のリストは更新履歴をご覧ください: Mac / Windows バージョン 2.4 から、ボーカロイドの歌詞検索 (初音ミクWiki)にも対応しています。

iPhone や iPad で文章をやり取りする時は、以下のようなアプリが使われます。 「メッセージ」を使う 「メール」を使う LINE、Twitter などの「SNS アプリ」を使う このうち iPhone に最初から入っているのは「メッセージ」と「メール」です。 メッセージで利用する通信には「SMS」と「MMS」があり、さらに iPhone 独自の「iMessage」という規格もあります。 メールにも携帯電話会社のもの（キャリアメール、携帯メール）と、パソコンなどで使う PC メールがあります。 ここではメッセージとメールの機能と使い方、設定方法などを解説しています。 「メッセージ」ってなに？ iMessage の利用設定 「SMS」（ショートメール）ってなに？ 「MMS」ってなに？ 「メッセージ」アプリの使い方（基本編） 「メッセージ」アプリの使い方（演出編） タップバック、大きな絵

iPhone OS 3.0の新機能「MMS」では、SMSでのテキストに加えて写真や音声・ビデオなども送信できるようになります。 MMSの利用には新たにメールアドレスを設定必要があるため、簡単にできる手順を紹介します。 【注意】iPhone OS 3.0のリリース前の現時点では、ソフトバンクはMMS用のアドレス([email protected])の設定手順を公開していません。アドレス登録は「早い者勝ち」という性質があるため手順を紹介しますが、内容を保証するものではありません。公式な手順については、ソフトバンクから発表があるまでお待ちください。 準備するもの iPhone 3Gの電話番号 4桁の暗証番号 Step 1. iPhoneではなく、Mac/PCから「My SoftBank」へアクセスし、ページ中程の『メール設定』をクリックします。 【リンク】 My SoftBank Step 2.

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl

Internet Explorer 8（IE8）は標準に準拠した形でページを表示するため、古いバージョンのIEに合わせて作成したページを表示するとレイアウトが崩れてしまう可能性がある。そのため、IE8には3種類のレンダリングモードが用意され、古いIEと同じ形でページを表示できるようになっている。 そこで今回は、各レンダリングモードの特徴や指定方法を確認していく。また、ユーザーがレンダリングモードを切り替えないようにするため、IE8に新しく用意された「互換表示ボタン」を隠す方法を紹介したい。 IE8に用意されたレンダリングモード IE6の時代からIEには下位互換のために複数のレンダリングモードが用意され、必要に応じて古いIEと同じ形でページを表示することができた。たとえば、IE6とIE7には「Standardsモード」（標準準拠モード）と、「Quirksモード」（互換モード）の2種類のレンダ

IE8における拡大縮小バグ 先日リリースされたIE8だが、多くのバグを含んでおり、まだまだWEB製作者を悩ませそうです。 (追記)Firefox3でも発生しますね。検証不足でした。 例えば、私が見つけたのは拡大縮小に関するバグ。(文字ではなくズームによる) ul{ margin:10px; width:600px; border:1px blue solid; } ul li{ list-style-type:none; margin:2px; border:1px red solid; width:194px; height:194px; float:left; display:inline; } サンプル などのようにリスト要素を利用して表状の形態を表現した際、通常は以下のように表示される。 IE8　100%で表示。 これを95%に変更すると以下のようになる。 IE8　95%で表示。

前回の「IE8で修正されたfloat関連のバグ その1」に続けて、IE8で修正されたfloat関連のバグを確認していきたい。 なお、サンプルではIE8の互換表示ボタンを利用して、IE7とIE8のStandardsモード（標準準拠モード）で表示を比較していく。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 6. フロート要素の下マージンが消える問題 フロート要素の上下マージンが消える問題は、前回の3.で紹介したが、この問題で消えるのはデフォルトスタイルシートで挿入されるマージンだった。 この他に、古いIEでは特定の条件下でmarginプロパティで指定した下マージンが消えるという問題が発生する。この問題はIE8で修正された。 問題が発生していたのは、フロート要素にmarginまたはmargin-bottomで下マージンを

Internet Explorer 8（IE8）ではレイアウトに大きな影響を与えるfloat関連のバグが修正され、Firefoxなどのブラウザと同じ形でページを表示できるようになった。ここでは、floatプロパティが適用された要素を「フロート要素」と呼び、どのような問題が修正されたのかを確認していきたい。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード（標準準拠モード）で表示を比較していく。Standardsモードや互換表示ボタンについては第2回「IE8のレンダリングモードと互換表示」の記事を参照してほしい。 1. ボックスの高さの算出からフロート要素が除外されない問題 フロート要素を含むボックスの大きさは、フロート要素を除外して算出することになっている。しかし、古いIEではボックスに横幅や高さが指定してあると、フロート要素を含めて算出してしま

今回はIE8で修正されたCSSのfloat関連以外のバグについてまとめていく。また、HTMLおよびXHTML関連で修正されたバグについても紹介する。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード（標準準拠モード）で表示を比較していく。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 1. 横幅の指定でマージンが消える問題 IE8では、横幅の指定で要素の上下マージンが消えるという問題が修正された。たとえば、サンプル01では でマークアップしたテキスト部分の上下にデフォルトスタイルシートで約1.33emのマージンが挿入されるため、IE8のように緑色のテキストと青色の枠線の間に余白が入る。 しかし、古いIEでは横幅を指定するとマージンが消えてしまうという問題が発生していた。サン

ものっそ今更な記事。 XML宣言掛けたXHTMLだと、IE6が後方互換モードで動作するため、marginのauto指定でブロック要素のセンタリングができない。 <body> <div class="content"> <p>ですとろーい</p> <!-- /div.content --></div> </body> 上記の場合、margin: autoを掛けただけでは、div.contentがIE6で左側に表示されてしまう。 ただし、IE6以前のIEでは、text-alignで内包するブロック要素まで配置を変更する仕様になっているので、以下のCSSで対処可能。 div.content{ width:500px; margin:0 auto; } /* ie6対策 */ * html body{ text-align:center; }* html div.content{ text-ali

Windows XP SP3(IE6) + IEDT な環境 に IE8 をインストールしアンインストールしたら、IE6でJavaScript(JScript)が動かなくなりました。インターネット/イントラネットはOKで、ローカルゾーン(file:///, c:\...)がNGです。 # IEDT: IE Developer Toolbar メニューの[ツール]-[インターネットオプション]-[セキュリティ]タブ-[レベルのカスタマイズ]-[スクリプト]-[アクティブスクリプト]を[有効にする]or[ダイアログを表示する]にしても無反応です。 IE8β や IE8RC でもインストーラー周りに致命的な問題を抱えたままリリースされていたりしたので(うっかりやってしまうとOS再インストールとか)、ちょっと困ってます。 追記: その後、IE7をインストール ⇒ IE8をインストール と順番に試し

業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか

© Honda Motor Co., Ltd. and its subsidiaries and affiliates. All Rights Reserved.

Twitterで「CSSで吹き出し作るのブクマし忘れててどこにあったか忘れた……」とかつぶやいたらe_luckさんがImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?を探してきてくれた。このエントリでは枠線をつけるために入れ子になっていたりちょっとわかりづらかったので、ものすごく単純化して解説してみようとかなんとか。 Pure CSSな吹き出しのサンプル: Speech Bubbles とりあえず、吹き出しの尻尾を左下に出すもの(サンプル内では4つめのサンプル)を例にして説明していく。HTMLコードは以下のようなもので、bubbleというクラス名を振ったdiv要素がコンテナ、bodyというクラス名を振ったp要素が吹き出しのベース、tailというクラス名を振った空のdiv要素が尻尾になる。 <div class="bubble

2月16日にGoogleからモバイルの検索結果の仕様変更に関するリリースが発表された。従来のGoogle モバイルでは上半分がモバイルサイトの検索結果、下半分がPCサイトの検索結果と、双方で別の検索結果を表示していた。 今回の仕様変更により、双方が混在するようになった。モバイルサイトかPCサイトを判別しやすくするために、検索結果にはそれぞれのアイコンが表示される。こうした検索結果の仕様変更は、なぜ起こったのか？ Google Japan公式ブログには理由として、“モバイルサイトは PC サイトに比べカバーしている情報の範囲が狭く、キーワードによっては有用な情報を持つサイトが結果に表示されないため”と書かれている。 たとえばGoogle モバイルで「千代田区 就職」という絞込みをかけるキーワードで検索した場合、10位中、8サイトがPCサイトで、モバイルサイトの表示は圧倒的に少ない。 クローラ

αSEO トップ > SEO FAQ > Google FAQ > Googleモバイルの検索結果に、PCサイトが表示されることがあります。このPCサイトをクリックされた時に、携帯ブラウザ向けに変換したサイトではなく、モバイル用サイトに誘導する方法はありますか？ SEO FAQ Googleモバイルの検索結果に、PCサイトが表示されることがあります。このPCサイトをクリックされた時に、携帯ブラウザ向けに変換したサイトではなく、モバイル用サイトに誘導する方法はありますか？ 2009年2月16日にGoogleより正式にリリースがあったように、GoogleモバイルではPCサイトとモバイルサイトを混在して表示されるようになりました。 http://googlejapan.blogspot.com/2009/02/google-pc-1.html この時に、PCサイトはGoogle Wireless

ドットインストール代表のライフハックブログ

Googleが先日の「Google 日本語入力」に続いて今度は無料で使えるパブリックDNSサービス「Google Public DNS」を出してきました。DNSのアドレスは「8.8.8.8」「8.8.4.4」というなかなか縁起の良い末広がりの数字を山ほど突っ込んでおり、覚えやすくなっています。 Googleによると、このDNSを自分のパソコンに設定することでページを表示するまでの速度が上昇し、セキュリティもアップするとしています。 というわけで、実際にWindowsで設定する方法は以下から。 Google Public DNS http://code.google.com/intl/ja/speed/public-dns/ Official Google Blog: Introducing Google Public DNS Using Google Public DNS ・Windows

この海外SEO情報ブログの読者なら、Googleの「link:」検索で調べるバックリンク情報が、ほとんど役に立たないことを知っているはずです。 その理由を、GoogleのMatt Cutts（マット・カッツ）氏がビデオで説明しています。（もちろん、彼は「役に立たない」などとは言ってませんｗ） まず、大前提としてあるのがGoogleのlink:コマンドで表示されるリンク元ページは、サンプルで抽出されたごく一部であって、すべてではありません。 過去に表示数が倍になった経緯はありますが、それでも一部分です。 Google検索のいちばんの目的は、一般のユーザーに検索結果を提供することで、被リンク情報を与えることではないので、link:のクエリを処理するサーバーを十分に持っていないからです。 また、スパマーや競争相手がバックリンクをチェックして分析し、自分の上位表示に利用する「リバース・エンジニアリ

GoogleとYahoo!の期限切れドメインのリンク評価の取扱い GoogleとYahoo!の有効期限切れドメインにおけるリンク評価の取扱について。GoogleとYahoo!の相違。自社のブランドや商品名を冠したドメインを悪用されることにもなるので、企業は知的財産の観点からドメインの保護に対する意識を高める必要あり。 公開日時：2009年04月22日 16:39 【Googleの場合】 Danny Sullivan氏が運営するSearch Engine Landにて、有効期限が切れたドメインが得ているリンク評価の取扱についての記事が掲載されています。日本でも中古ドメインなどの呼び名で過去に使用されていたドメインの売買が行われていますが、有効期限切れドメインを再取得した際のリンク評価の取扱について整理します。前保有者が運営していたときに獲得したリンク及びその評価は、再取得後の保有者のサイトに

短いエントリで、前半は笑い話、後半はSEOリサーチに使えるテクニックの紹介です。 WebmasterWorldで見つけたスレッドからになります。 Google USで「search」や「search engine」を検索すると、Googleはまったく上位表示できていません。 日Googleで、「検索」や「検索エンジン」を検索しても、同じようにサッパリです。 フォーラムメンバーのwillybfriendly氏曰く、 Looks like they need more backlinks. Oh and some good anchor text too! “もっとバックリンクが必要なようだな。それに、いいアンカーテキストも足りてないない！” 確かにその通りです。 Googleは、リンクビルディングを怠っているようですね。（笑） とここまでが、ジョークネタです。 フォーラムモデレータのRece

サイト運営者の皆様はお気づきかと思いますが、 最近、GoogleがJavascriptを認識できるようになり始めています。 ただ、その精度はまだまだ低く、幾つか弊害と思われる事象が 確認できております。 現在我々で確認出来ている現象は2点 Javascriptのリンクを辿れることによる404エラーが多発 Javascriptで呼び出すFlashが認識されることで、ユニバーサルサーチに予期せぬ動画が出現 順に何故これが起こっているかを説明させていただきます。 1. Javascriptのリンクを辿れることによる404エラーが多発 結論から言うと、Javascriptの関数などで、動的に埋め込まれている変数を クローラーがまだ追うことが出来ないことが問題のようです。 例えば、http://example.com/page/というURLに <a href="javascript:jump();"

CNETさんも報じているように、米Googleのウェブスパムチーム責任者のMatt Cutts氏が、twitterにてGoogle Japan (google.co.jp）のPageRankを9から5に変更したことを報告しています。PageRankを変更した理由について言及していませんが、状況証拠的には、先日のPayPerPost利用によるサーチのガイドライン違反に対するペナルティと考えられます。 Google.co.jp PageRank is now ~5 instead of ~9. I expect that to remain for a while. mattcutts, twitter ※※　以下、仮に原因がガイドライン違反（PayPerPostによる検索品質への影響）だと仮定した場合の話です。※※ 身内であろうとガイドラインに違反した場合は公平な措置をとることでGoogle

Google、新ウェブページの発見・クロールにRSS/Atomフィードを活用 グーグルが新しいコンテンツを発見・収集する手段としてRSS/Atomフィードを利用することを明らかに。 公開日時：2009年10月30日 16:34 米Googleは2009年10月29日、新しいウェブページを発見するための手段の1つとして、RSS / Atomフィードを利用することを公式ブログで発表した。 Googleは新しいウェブページを発見・登録するために様々な方法を利用しており、検索ユーザがオンラインで公開されたばかりの新しいコンテンツを即座に検索可能にすることを目指している。今回、この新ウェブページ発見の手段としてRSS及びAtomフィードを使用する。Googleは、従来のクローリング手法よりも迅速に新ページをインデックスできると説明している。 RSS及びAtomフィードをインデックス登録の促進のために

Google、ウェブ検索にファビコン表示のテストを実施 Googleが検索結果にファビコンを表示するテストを実施。 公開日時：2009年02月02日 11:19 米Googleが、ウェブ検索結果に各サイトのファビコン（favicon）を表示するバケットテストを実施している（画面キャプチャ）。検索結果のサイトURLの横に各々のサイトのファビコンを表示する。 米Googleウェブマスタートレンド・アナリストのJohn Mueller氏が公式に認めた。同社は検索サービスを改良するための数多くのテストを日々行っており、今回のファビコン表示もその1つ。同氏は、ファビコンを表示することに意味はあるか、訪問先サイトを選ぶ助けになるかどうかとユーザに尋ねている。 Hi Brian, We do a ton of tests every year, so I wouldn't be surprised to

Version 1.1 日本語版 （Web担当者Forum掲載バージョン1.0）, 2009年 6月 7日公開 この記事は、米Googleのスタッフが作成したオリジナルバージョンの翻訳としてGoogleウェブマスター向け公式ブログで公開されたものを、Web担当者Forumの読者向けに編集して掲載するものです。 はじめにGoogle 検索エンジン最適化スターター ガイドへようこそ。この資料は当初、社内向けに作成したものでしたが、検索エンジン最適化 (Search Engine Optimization: SEO) にまだ馴染みのない方や、ユーザーと検索エンジンの双方に優しいサイトを構築しようとしているウェブマスターの方々にも役立つのではないかと考え、公開しました。 このスターター ガイドには Google の検索結果で 1 位になるための秘訣が記載されているわけではありません。でもここに書か

Google Web検索がエリア自動判定を追加 - 検索マーケティングはどう変わる？ - セミログ グーグル・ウェブ検索における位置情報自動判定による影響。 公開日時：2009年04月07日 13:25 Googleは2007年5月以降、Web検索結果にWebページへのリンクのみならず、画像、動画、地図、ニュース、ブログ、さらには学術論文や書籍など、検索クエリと関連しユーザの検索体験の質を高めるのに貢献すると思われるコンテンツを複合的に表示するようになった。これを同社はユニバーサル検索と命名し、日々、改良が続けられているが、今月（2009年4月）から、特定エリア（地域）に紐づくクエリに関する検索結果の表示方法が変更された。今回の変更は検索マーケティングに取り組む企業に影響が出るものであり、今後のマーケティング戦略を再考する必要もあることから、この話題について取り上げたい。 今回変更されたの

今日は、Google Analyticsのまぎらわしいデータ表示の中身を明らかにします。というのも、これを理解しておかないと分析するときに勘違いしてしまうからです。 以前に、アクセス解析のやり方として、平均閲覧PV数や平均訪問回数を新規ユーザーとリピーター別に調べるやり方を説明したことがあります。ですが、Google Analyticsではこの分析はできないようです。というのも、Google Analyticsでは、新規ユーザーとリピーターを明確に区別できないからです。 Web担の連載「Google Analyticsの使い方&解析ワザ」の記事で気になったので、編集部で実験してみてわかったことを解説してみましょう。 まずクイズです。サイトにアクセスしたのが次の2人だけだった場合、Google Analyticsでは、3月10日の新規ユーザーとリピーターのセッション数はそれぞれいくつになるで

せっかくデジイチ買ったので来年あたり からFlickrを使おうと思い、Flickr関連の ツールや便利なアドオン、便利そうな ソフトなどをピックアップしてみました。 まだ全然使ってもいないのでその程度の 情報とお考え下さい。単なるメモ書きです。 FlickrはツールやWPのプラグインも多数存在するのでやはり便利そうですね。 文字の羅列だとリンク先に飛ばないと分からないのでリンクにマウスオーバーするとサムネイルが右側に出るようにしてあります。前に見たようなサイトもわざわざリンク先に飛ばずとも多少は分かるかなと思います。逆に見にくかったらごめんなさい。 基本Flickr / ここからスタート。本家。Flickrfreak / Flickrの使い方Wiki。日本語なので分かりやすい日本語ガイダンス / ここも分かりやすいです。検索Flickr Related Tag Browser / タグで検

Microsoftの「Internet Explorer」（IE）ブラウザが占める市場シェアは、7カ月連続で落ち込んでいる。 ウェブ調査会社Net Applicationsが米国時間2月2日に発表した調査結果によれば、世界のブラウザ市場におけるIEのシェアは、過去1年間で7ポイント下落して、67.55％となっているという。その一方、Mozillaの「Firefox」ブラウザは、同じ期間中に3ポイントの市場シェア拡大に成功し、現在は21.53％までシェアを伸ばしている。 MicrosoftのIEは、この1年間で、多くの対抗企業にシェアを譲り渡す結果となった。IEのシェアは、特に2008年10月と11月に急落しており、各月に1ポイント以上を失ったことが明らかにされている。 Appleの「Safari」ブラウザは、IEがシェアを大きく落とした2008年11月以来、7.13％から8.29％までシェ

ホントだ。なんでしょうねえ？3.0.1で再現を確認しました。 ↓こんな感じにしても再現します。 <select name="test"> <option value="1">111</option> <option value="2">1</option> <option value="3">1</option> <option value="4">1</option> <option value="5">1</option> <option value="6">1</option> ただ、途中に空欄を作ると下線が復活するようです。 <select name="test"> <option value="1">111</option> <option value="2">1</option> <option value="3"></option>←こんな感じで。 <option value

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

ECサイトのデザインに欠かせないのがカートなどのショッピングに関連したアイコン。今日紹介する「Shopping Cart Icons」はそんなECサイト構築の際に役立つアイコン集をさらにまとめたエントリーです。 Shopping Cart Icon かなりデザインされた立体的なカートやショッピングバッグからシンプルで汎用性の高そうなアイコン集など幅広く紹介されています。今回は公開されているアイコンの中から気になったものをいくつか紹介したいと思います。 詳しくは以下 Free eCommerce icons Shopping Cart Icons E-shop Icons アイコンのような細かいクオリティもECサイトの信頼感やブランディングといった所に少なからず影響を与えるかと思いますので、自分で画像を作るのが苦手と言う方には種類も豊富にありますので、良い素材集だと思います。 WEBでお店を

何かと便利な定義リスト。 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。 しかし、中々思うように横並びが出来ないのが定義リスト。 今回はそんな厄介な定義リストのサンプルを作ってみました。 まずはスタイルシート。 dl { border:1px solid #999; width:390px; } dt { float:left; width:100px; padding:5px 0 5px 10px; clear:both; font-weight:bold; } dd { width:260px; margin-left:100px; padding:5px 5px 5px 10px; border-left:1px solid #999; } こんな感じです。 そして、実際の画面では↓こんな感じで表示されると思います。 もっとテーブ

小さいブロック要素とかを横並びにさせたいときとか、inline-block使うと便利なんですよね。幅も高さも指定できてしまう要素にみせることができるinline要素になるというのがとても便利。わざわざblock要素にして、floatさせて横並びにさせる、そして並ぶ要素を終わらせたあとはclearをして…なんてことをしていると、指定が多くなってしまうんですよね。ですが、inline-blockを使うと、そんなことしなくても簡単に並べちゃうってのはいいですよね。 しかし、そのinline-blockは、IEやFirefox2などのオールドブラウザだとうまく動作しないことの方が多い。今では使えるようになっているブラウザが多いのですが、IEや以前のブラウザを気にすると、使いどころが少なかったりもする。 inline-blockのオールドブラウザやIEについての動作は、参考としているサイトを見てもら

以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl

Captcha security check daikoshop.com is for sale Please prove you're not a robot View Price Processing