最初に設定しないと絶対損する！Google Analytics 9個の必須設定＆解説 | Find Job ! Startup
アクセス解析は最初の解析設定が命。「やっておけばよかった！」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ＆プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基本的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基本的に
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
メモ バインダー» ブログアーカイブ » 3G端末用携帯サイト(docomo,au,softbank,その他)のDOCTYPE宣言
DoCoMo,au,softbank以外 <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” /> 又は <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <ht
IPv6 とかよくわからない人間が IPv6 対応サイトを作る際の知っておくべき 8 つの注意点 : にぽたん研究所
先日、一般や企業向けに IPv6 対応を支援をする、EDGE Co.Lab v6 というのを始めました。 これを始めるにあたって、弊社情報環境技術研究室の伊勢さんから、「なんかウチでやってるコンテンツで、どれか IPv6 対応しようよ」と、いきなり言われました。 実は IPv6 って何年も前からよく耳にするけど、特にインフラまわりの知識が拙いし、何だかんだ身の回りのほとんどが IPv4 で、それでまぁウマくいってるからよくわからないし、別にどうでもいい…と、IPv6 に対して「現実味がない。時期尚早なのでは？」みたいな勝手な印象を抱いて、毛嫌いしてました。 伊勢さんは 2ch の IPv6 板とかを立ち上げたらしく、IPv6 でアクセスすると、トップページのひろゆきが踊って表示されるそうです。 IPv6 と IPv4 の差って、ひろゆきが踊るか踊らないかの差だけ？とか、そうじゃないのをわか
Fasterfox の先読みをブロックする方法 - lucky bag
自サイトのアクセスログ見てて、同時刻に複数ページへすんげぇ勢いでアクセスしている Firefox の UA 名なんか見つけると、Firefox を高速化する機能拡張 Fasterfox 使ってんだろうなとか思うわけで、まぁここら辺のことはかなり前に最速な人が取り上げてたりする。 今までこの Fasterfox のリンク先読み機能に対して、サイト側の方ではどうにも出来なかったんだけど、Fasterfox のバージョンが 1.0.3 になってから robots.txt を読むようになったらしく、下記の2行を robots.txt に記述すれば先読みをブロックできる。 User-agent: Fasterfox Disallow: / つう訳で、サーバに負荷をかけられたくねぇって人や、ログに余計なノイズを残すなやって人はやってみると幸せになれるかも知れないですぜ ！
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
ウノウラボ Unoh Labs: CSSをデバッグしよう
こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ･･･、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう
CDATA セクション内に ]]> < 07 < July < 2005 < nulog, NULL::something : out of the headphone
Studying XML -- second step -- [ エスケープ ] (via XML の CDATA 中では ]]> のエスケープが必要)で ]]> を書くときは ]]> のようにエスケープすればよいみたいなことが書かれているけど、CDATA セクション内ではそもそも & の扱いもなくなる (CDATA セクション内では ]]> のみがマークアップとして扱われる。Within a CDATA section, only the CDEnd string is recognized as markup) ので意図した挙動 (]]> がアンエスケープ) にならない。 結論をいうと CDATA セクションに ]]> をそのまま含めることは不可能で、どうしても CDATA セクションを書きたいよぅって時は二つにわけないとダメ。すなわち <!CDATA[[]]]]><CDATA[
IT戦記 - 僕も半透明 png を使うためのライブラリ作った！
いろいろと古い IE で半透明 png を使うための JS が紹介されています http://web.kankodo.net/2007/02/01-233315.html http://labs.unoh.net/2007/02/ie6_png_fix.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html で、自分も使おうと思ったのですが。 ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。 意外と便利だったので公開します デモ(IE5.5 or IE 6 で見てください) http://usrb.in/amachang/static/AlphaLoader/demo.html 使いかた 半透明にしたい img 要素のあとに http
nlog(n): XHTML でフラッシュを表示するには
フラッシュを埋め込む object 要素について調べる。XHTML Valid で，IE でも Firefox でも表示が可能なように書くことができる。 先の記事 nlog(n): CamStudio のバグ がきっかけで，object 要素について調べてみることにした。object タグの中には embed タグが書かれたものが多いが，embed タグは XHTML では定義されていないのだ。 HTML を XHTML としての機能を持つように書き換えるにはどうすればいいのか。一般的な書き換えのための要点は次の通り (XHTMLの書き方と留意点)。 全てのタグ(要素タイプ名，属性名)は小文字で記述する 属性の値は必ず引用符で囲む 終了タグを省略しない 空要素のタグは /> で閉じる ファイル内の位置を示すにはid属性を併記する & はあらゆるところで & と記述する 属性の省略書
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
ITmedia Biz.ID：Gmailまとめ
3分LifeHacking： 常時接続でもGmailを高速化――オフラインモードの付加価値 オフラインのGmailというと、「私はデスクトップPCで常時接続環境だから特に必要ない」と思う人もいるかもしれない。しかし「Flakyモード」を利用すれば、オンライン環境下でもさらに高速にGmailが利用できる。（01/29） Gmailが遂にGears対応。オフラインで利用可能に Gmailが遂にオフラインで利用可能になった。メールの読み書きだけでなく、スターの付け外し、ラベルなども利用できるという。（01/28） 3分LifeHacking： Gmailに待望の定型文機能、試してみると？ シンプルながら決まったメール本文を簡単に入力できる「定型文機能」がGmailに追加された。フィルタと定型文を使った自動返信機能も備えている。（10/23） Google、「真夜中のラブレター」を防ぐ「Mail
Web2.0ナビ: 意外と知られていない？rel="nofollow"について
いいね！ 8 ツイート B! はてブ 256 Pocket 16 「rel=nofollow」をご存知だろうか？おそらく、このブログを読んでくださっている方の多くは、そんなの知っているという人が多いのかもしれないが、意外と！？知らない人が非常に多かったので、参考までに。 『rel=nofollow』というのは、実はただのHTMLで、リンクタグ<a>の属性です。 <a href=”https://www.web-20.net/” rel=”nofollow”> GoogleやYahoo,MSNといった大手検索エンジンはリンク属性に「rel=nofollow」がついているサイトへのリンクは、ページランク等の集計対象に含みません。 これはブログのコメント欄や、トラックバックスパムを防止するための機能で、一般的にトラックバックやコメントからのリンク属性には「rel=nofollow」がついています
あなたの中で 「えっ！マジで知らないの？このソフト・・無料だよ？」 「こんなにメチャメチャ役立つウェブサービスって世の中にあったんだねぇ」 というように下記のよう.. - 人力検索�
あなたの中で 「えっ！マジで知らないの？このソフト・・無料だよ？」 「こんなにメチャメチャ役立つウェブサービスって世の中にあったんだねぇ」 というように下記のように無料で役立つ『フリーソフト』や『ウェブサービス』を 提供しているあなただけのとっておきのサイトを教えてください！！ 今回は出来れば「Ｗｅｂ２．０」を象徴するＷｅｂサイトがたくさん出ることを願ってます。 ”Ｗｅｂ２．０とは？（http://arena.nikkeibp.co.jp/col/20051108/114164/）” 「私も使いたい！！」と思わせるような最高に役立つ情報をガシガシ投稿してください！！ 例 http://www.flickr.com/（オープンな写真共有サービス） http://symy.jp/?pFb （共同編集の百科事典ーウィキペディア） http://www.napster.com/ （ＭＰ３の分散型共
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
about:blank
HTML/XHTML Character Entities : HTML.SU
名言集 心に残る名言
Going My Way: Google Personalized Homepageにタブ機能を追加するモジュール
Going My Way: YouTubeにビデオのダウンロードリンクを追加するGreasemonkeyスクリプト