Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
ReadWriteWebで、自分や他人が書いたJavaScriptにエラーや問題が潜んでいないかどうかをチェックしてくれる「JSHint」というツールが紹介されていました。 この JSHint というツールは「JSLint」というDouglas Crockford氏が開発したツールを元にしていて、より柔軟かつチームでの開発を配慮した設計になっているそうです。 基本的な構文チェックだけでなく、それぞれのコーディング規約に基づいた書き方になっているかどうかをチェックできるように、多くのオプションが用意されています。 ↑ 用意されているオプション。 ↑ 試しに自分が書いたJavaScriptをデフォルトのオプションでチェックしてみたところ、色々と問題を指摘されました。 ↑ チェックする環境として、ブラウザ以外に ES5 や Node.js といった環境を選ぶこともできます。 チームで決めたコーデ
jQueryのフィルタ機能を使って、HTML中に書かれた全てのリンクを下記の条件で検索し、 リンク先URLにドメイン(hostname)が記述されている 現在閲覧中のドメインと異なるドメインへのリンクである onClick時にGoogle Analyticsの計測用の関数(_trackPageview)を自動実行するイベントをセットしています。 jQueryのfilter機能を使ったこの書き方だと、特定のドメインへのリンクのみ、指定したclassやidの中のリンクのみ、などと他の条件を指定できるのでオススメです。 また、body内のタグをすべてロードし終わってから(=HTMLが確定してから)この処理を実行しないと、リンクを検知できない場合があるのでご注意。 関連記事 Google Analyticsのクロスドメイン対応を自動化 解析タグを一元管理する「ulTracker」とは
2010年11月20日 00:30 サンクトガーレンのサイトは、複数のドメインで構成されています。 本サイト (www.sanktgallenbrewery.com) 旧ショップ (tsst.securesites.net) 新ショップ (sanktgallen.shop-pro.jp) ブログ (sweetsbeer.cocolog-nifty.com) Google Analyticsは、それぞれのドメインに対してのみ情報を保存できる1stパーティCookieを使って、ユーザー(ブラウザ)ごとに値が異なるランダムなIDを保存しています。そのため、ドメインが複数あるサイトの場合、ドメインごとに異なるユーザーとして認識されてしまい、ページ間の移動も途切れてしまいます。リンク元のサイトを表すリファラーや、Googleで検索したキーワードと、購入回数が結び付かなくなります。 この問題を解決する
サイト内の閲覧や遷移だけでなく、サイト外へのリンク(exit link=離脱リンク)のクリック数も計測したくなりました。ページの離脱率が高いのは、内容がつまらないために去っているのではなく、より興味を深めるために外部サイトへのリンクをクリックしているかもしれません。また、掲載したリンクが役立っているかも知りたいところです。タイトルや紹介文はニーズに合致しているのか?リンクの数は適切だったのか? イマイチなonClick方式 ...Google Analyticsを普通に導入した状態では、この離脱リンクを解析できません(Yahoo Web AnalyticsやWoopra、Clickyの有料版は可能)。Googleで調べると、離脱リンクのAタグにonClickを記述する方式が見つかりますが、いちいち全てのリンクを書き換えるのは面倒なだけでなく、忘れたり、間違えても目視確認できないので気付きに
GAのクッキーって結構複雑で扱いにくいんですが、それをJSから簡単に取得できるようにしてみました。GAを使っているサイトのユーザーで、GAのクッキーを持っていればだいたい使えます。 ga.utils.jsです。 これは何 以下の情報を取得できます: ・ユーザーがリピーターか否か ・何回目の訪問か(セッション数) ・前回の訪問から何日経ったか ・今回のセッションで何ページ閲覧しているか ・cookie内のトラフィックキャンペーン ・cookie内のトラフィックメディア ・cookie内のトラフィックソース 使い方 使い方は簡単です。上記リンクからJSをダウンロードして、サイトで読み込んでください(headでもbodyでも)。その後、取得したい情報に応じてJSを呼び出します。 <script type="text/javascript"src="ga.utils.js" charset="ut
サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動画を読み込めて、カスタマイズが可能。Flashの表示にはswfobjectを使用 ColorBox おっと思うような動きをしてくれるColorBox。画像以外も読み込み可能 Facebox facebookスタイルで画像をオーバーレイ表示。これは有名ですね。シンプルでとてもいい Fancy Zoom 画像やFlashなどを読み込める。すーっと拡大してくる動き FancyBox 動きがとてもクールなFancyBox ほか
jQueryでかっこいいスライダーを実装したい。 そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。 ↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライダーがあって、合計4つの動きが実装できます。 ・テキストが自動で右から左にスライドするタイプ ・画像が位置を変えずに、自動でフェードイン&アウトして切り替わるタイプ ・テキストが同じ速度右から左に動くタイプ かっこいいのでぜひ見てみてください。 bxSlider やばい作業を再開しなくては。
サイト運営者の皆様はお気づきかと思いますが、 最近、GoogleがJavascriptを認識できるようになり始めています。 ただ、その精度はまだまだ低く、幾つか弊害と思われる事象が 確認できております。 現在我々で確認出来ている現象は2点 Javascriptのリンクを辿れることによる404エラーが多発 Javascriptで呼び出すFlashが認識されることで、ユニバーサルサーチに予期せぬ動画が出現 順に何故これが起こっているかを説明させていただきます。 1. Javascriptのリンクを辿れることによる404エラーが多発 結論から言うと、Javascriptの関数などで、動的に埋め込まれている変数を クローラーがまだ追うことが出来ないことが問題のようです。 例えば、http://example.com/page/というURLに <a href="javascript:jump();"
Validatious2.0という、リアルタイムにバリデートしてくれるクールなJavaScriptを見つけました。 emailを必須にしたい場合、以下のようにシンプルな書き方でバリデートすることができるようです。
css globeで、jQueryで作るランダム表示・ローテーションするコンテンツの作り方が紹介されています。 デモは以下から。 リロードごとにランダム表示 ランダムローテーション どちらもJavaScriptは短くてシンプルになっていますね。 一度見てみてください。 Simple Way to Random Display or Rotate Content Using JavaScript and CSS そろそろ雨が降るみたいですね。移動するぞ。
テキストリンクのカラーにフェード効果を与えるスクリプトをJanko At Warp Speedから紹介します。 Fade colors using jQuery demo フェード効果は不透明度でコントロールされており、リンクの数でフェードの段階が調整されています。 また、不透明度ではなくRGB値をコントロールする複雑なバージョンもあり、より微妙なカラーを使用することができます。 demo: RGB Fade colorsはjQueryのプラグインのため、実装にはjquery.jsが必要です。 このスクリプトはretweetradarで使用されている、人気が高いものほど強調され徐々にフェードさせたリンクコンテンツにインスパイアを受けて作成したものとのことです。
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記: 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ(IE8, Fx2.5, Chrome2)を更新しました。 2009年2月23日 ver.3.0.6をリ
前回まではjQueryの基本的な使い方を解説してきましたが、今回からは実務で使える、より実践的なテクニックとサンプルを紹介していきます。今回はjQueryでCSS3のセレクターを利用し、テーブル(表組み)を見やすくスタイリングする「ストライプテーブル」を作成します。 CSS3のセレクターを使えば作業効率がアップ 「CSS3(Cascading Style Sheets, level 3)」は、W3C(World Wide Web Consortium)が策定を進めているCSSの新しい規格です。CSS3ではさまざまなプロパティやセレクターが追加され、現在の主流となっている「CSS2.1」では苦労していた作業を効率化できるようになっています。 CSS3の一部機能は、すでにFirefoxやSafari/Google Chrome、OperaなどのWebブラウザーに先行して実装されていますが、実際
Yahooは米国時間9月29日、「Yahoo User Interface(YUI)」ライブラリのバージョン3をリリースした。同ライブラリは、JavaScriptやCSS(Cascading Style Sheet)で記述された装飾的なユーザーインターフェースエレメントをウェブサイトに付加することのできる、プログラマ向けのソフトウェアコレクションである。 YahooのEric Miraglia氏は29日付のブログ投稿で、「YUI 3のコアインフラとそのユーティリティスイートは、今日リリースされたバージョンでプロダクションレディの状態になったと考えている」と述べた。「われわれが今日、バージョン3.0.0としてリリースしたコードは、新しいYahooのホームページで使用されているものと同じコードであり、積極的にかつ広範囲にすでに利用されており、自信をもって提供できる」(Miraglia氏のブログ
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
どうでしょう。Javascriptを有効にされていれば、簡単なスライドショーが表示されたと思います。実はこれを実行するために最低限必要なコードですが・・・ <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function() { jQuery('#slide1').cycle(); }); //]]> </script> <div id="slide1"> <a href="https://www.asial.co.jp/image1.gif &mode=1" class="popupimg"><img src="https://www.asial.co.jp/image1.gif"></a> <a href="https://www.asial.co.jp/image2.gif &mode=1" cla
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く