Webサイトを作るときに、どんなキーワードや言葉を盛り込んでいくかということを考えていく際、便利なツールがあります。グーグルの無料ツール「Google Insights for Search」です。 好きなキーワードを入力すると、検索数の増減を時間軸のグラフとともに表示できます。さらに、地図上に検索数の多い地域には、濃い色が塗られ、検索数の少ない地域には、薄い色が塗られるというように色分けされます。 「インフルエンザ」の検索動向を調べると、感染状況も分かる？ 2009年1月28日、GoogleのAdWords公式ブログに「インフルエンザにご注意ください」（http://adwords-ja.blogspot.com/2009/01/blog-post_28.html）という記事が掲載されました。過去5年間のインフルエンザ検索動向から、インフルエンザのトレンドについて分析していくというもので

「95パーセント無料、５パーセント有料で黒字転換する」というのが、 ウェブ２・０時代のネットでは望ましいと 「ロングテール」の著者がブログで書いている。 ●オープンソース・プロジェクトがときに独裁的な理由 「ロングテール」という言葉を流行らせた米ワイアード誌の編集長クリス・アンダーソンが今年夏前に出す新刊を前回とりあげたが、彼のブログもおもしろい。３月12日には、オープンソースとソーシャルメディアは、会社と国のような違いがあると書いている。 会社には利益追求などの目的がある。経営者の強いリーダーシップのもと、ときに独裁的に経営したほうがうまくいく。一方、国は国民の役に立つことが第一だから民主的な運営が合っている。 ブログのようなソーシャルメディアも特定の目的があるわけではない。人びとの役に立つのが目的だから民主的な運営がふさわしい。一方、オープンソースのプロジェクトといえば、リナックスやウ

遅ればせながら、ちまたで噂の「Yahoo!アクセス解析」をプライベートで実装してみました。 日本での検索エンジンの雄 Yahoo! が提供しているという事で無視出来ませんが、 仕事上では9割近く「Google Analytics」を使用しているので、 比較の意味を込めて「Google Analytics」にない機能をメインに報告します。 いきなり手を抜きますが、申し込み方法等はすばらしいインプレッションを書かれてる 「RealWebAnalytics(リアルアクセス解析)」を参照してください。（いつも勉強させていただいてます。） ではでは、いきなりレポートページからですが、 訪問詳細で個別セッション情報を閲覧 まずは１点トラフィックメニューに「訪問詳細」という項目があります。 これはセッション単位で以下の項目を情報として 訪問日時 IPアドレス 国 訪問回数 閲覧開始ページ 訪問経路

最近、豊富な量のページ内コンテンツをセクション毎にまとめてタブで切り替えて表示させることや、階層型メニュー、アコーディオン表示、また、Googleが提供しているGoogle Mapsやその他ガジェットなどを用いて、サイトを効果的にみせるといったことが一般化してきました。これらの多くは、Web標準に準拠したクリーンなHTMLとJavaScript、CSSによって実現されています。Dreamweaver CS4に新しく追加されたWeb Widget機能は、これらのJavaScriptをベースにしたリッチなUI、コンテンツを実現することができる機能で、難しい操作をすることなく、誰でも簡単にページやサイトに導入することができます。 Web Widgetのダウンロード まずは、Web Widgetをインストールするところから始めてみましょう。 Dreamweaver CS4をインストールする

Natalie Downeから、PDF、MP3、DOCファイルなどにリンクした際、自動でファイル容量を表示するスクリプト「addSizes.js」を紹介します。 addSizes.js Snazzy automatic link file-size generation デモ addSizes.jsでファイル容量を表示するのは簡単で、「addSizes.js」と「jquery.js」を外部ファイルとして設置し、PDFファイルへのリンクを「http://」から記述するだけです。 ※リンクの記述は、絶対パスのみ有効です。 対応ファイルは初期設定では、「.pdf」「.doc」「.mp3」「.m4u」となっています。 他の種類のファイルを追加する場合は、addSizes.jsのL.2に追加します。 例：「.jpg」を追加する場合 <textarea name="code" class="js" c

印刷時にナビゲーションなどのいらない部分を省略したい時CSSを分けるのが面倒な場合。 jPrintAreaは簡単に印刷範囲を指定することができます。 jPrintAreaからjquery.jPrintArea.jsをjQueryからjquery.jsをダウンロードします。 ヘッダー内 <script src="～/jquery.js" type="text/javascript"></script> <script src="～/jquery.jPrintArea.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('.link').click(function(){ $.jPrintArea('印刷対象の要素名') });

twitter facebook hatena google pocket 印刷時にナビゲーションなどのいらない部分を省略したい時があります。 CSSを分けることで可能ですが、いちいち別のファイルを作成するのも面倒です。 jPrintAreaでは簡単に印刷範囲を指定することができます。 sponsors 使用方法 jPrintAreaからjquery.jPrintArea.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.jPrintArea.js" type="text/javascript"></script> <script type="text/