css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
どうやって流入を分析するか--Twitterマーケティングの効果測定を考える
前回は企業がTwitterマーケティングを実施するにあたっての方法や効果測定の分類について簡単にまとめた。今回は、実際の効果測定の分類で挙げた「流入分析」「ブランディング」「公式アカウントの魅力」のうち、流入分析にフォーカスしたい。 ※基本的に計測したサイトに何らかのウェブ解析ツールが導入されている前提でのお話になることをあらかじめご了承いただきたい。 リファラだけでは特定できない流入 Twitter上でやりとりされるコメントの中にはURLも含まれていることが多い。ここからの流入を計ることは、サイト運営者がTwitterマーケティングの効果測定を実現する上で非常に重要なファクターの１つになるであろう。 自社で公式アカウントを運用している場合は、その投稿（Tweet）の中に自社サイトへのURLを自由に含めることができる。一方でTwitterユーザーも自身が面白いと思った記事のURLを投稿する
企業のブランド戦略を促進するWebサイト設計の要点 | [コラム]IA視点のWebプロジェクト
企業のWeb担当者にとって、情報アーキテクチャといえば、まずはサイトストラクチャ（サイト構造）のことが想定されるでしょう。一般的な情報アーキテクチャ設計にはサイトストラクチャ設計やナビゲーション設計、ラベリング設計、画面設計などが含まれます（より大きな視点として、プロジェクト全体を見渡すユーザーエクスペリエンス（UX）設計というレイヤーも考えられます）（図1）。サイト内でのユーザビリティやログの分析、CMSの設計・運用などの前提条件に関わるため、担当者はサイトストラクチャを常に意識する必要があります。 このようなサイト単位の情報アーキテクチャに対して、企業が持つサイト群全体の情報アーキテクチャのことは「エンタープライズ情報アーキテクチャ（企業情報アーキテクチャ：EIA）」と呼ばれています。今回は、このエンタープライズ情報アーキテクチャと企業が持つブランド戦略の関わりについて説明していきます
![企業のブランド戦略を促進するWebサイト設計の要点 | [コラム]IA視点のWebプロジェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab17de853b8c29cab6194a39392ba38d04eb0dd/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fweb_project%2Fweb_project_icon.jpg%3Fitok%3DqL-1gvO5){kind=icon}
Analyticsで検索トラフィックのアクセス解析 (1/4)
Google Analyticsで解析できるWebアクセスは、トラフィック（流入路）別に（1）ノーリファラー、（2）参照、（3）検索エンジンの3つに大別できます。今回から3回にわたって検索エンジントラフィックを取り上げ、検索エンジン経由のアクセスの増減を観測し、増減の理由を分析し、問題点やチャンスを発見する手法を紹介します。 「そもそも、どうして検索エンジンからのアクセスと分かるんでしょうか？ GoogleやYahoo! JAPANのような検索エンジンが、ユーザーの行動をWebサイトに知らせているんでしょうか？」――リファラートラフィックの分析（第4回）で「リファラー」について説明したとおり、ユーザーがリンクをクリックすると、Webブラウザーは参照先（リンク先）のWebサーバーに、参照元（リンク元）のURLを「リファラー」として送信します。検索エンジンの検索結果画面のURLは、ユーザーが検
メディアプレイヤー9以降で再生中のウィンドウをキャプチャする - 日経トレンディネット
「動画再生中のウィンドウをキャプチャする」では、ビデオ・オーバーレイを利用しているソフトで動画を再生しているウィンドウをキャプチャする方法を紹介した。メディアプレイヤー9以降ではもっと簡単に再生中の場面をキャプチャできる方法がある。 「ツール」－「オプション」を選んで「オプション」ダイアログを開き、「パフォーマンス」タブの「詳細」ボタンをクリックする。「ビデオ アクセラレータの設定」ダイアログが開くので、「ビデオ アクセラレータ」と「DVD ビデオ」にある「オーバーレイを使う」のチェックを外して「OK」ボタンをクリックする。 これで、「Alt」＋「PrintScreen」というキー操作やキャプチャソフトで動画の部分をキャプチャできるようになる。
jQueryでリアルなホバーエフェクト作成チュートリアル:phpspot開発日誌
Create a Realistic Hover Effect With jQuery ・Blog and Web Design Portfolio of Adrian Pelletier jQueryでリアルなホバーエフェクト作成チュートリアルが公開。 次のように、ホバー時にリアルにリフレクションしたり、リアルな影がついたりする物体作成チュートリアルになってます。 背景がグラデーションだったり、リフレクションや影が綺麗にアニメーションする部分など、かなりのテクニックを要しているみたいです。 こうしたディテールにもこだわりたい場合に参考にできそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 PHPとjQueryのAjax連携の学習用チュートリアル
ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０:phpspot開発日誌
エントリ元がリンク切れしています。Googleのキャッシュ等を参照してみてください 類似のエントリ：これは押したい！というボタンを作成するチュートリアル集 ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０がまとまっています。 知っておけば、ちょっと凝ったようなボタンも一瞬で作れるのでデザインの効率を上げられるでしょう。 Glossy Button DifferentButtons Set Button.PSD Carbon Button リンク先は以下のエントリを参照してください。 150 Free PSD Buttons For Every Day Use | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
画像にビビッドなカラーエフェクトを加えるPhotoshopのチュートリアル集
Urban Ink Photo Effect Photoshop Tutorial 二つのレイヤーを追加しレイヤー効果だけでビビッドなカラーエフェクトを適用。 PSDのダウンロードや他のサンプルも有り。
[JS]画像にオーバーレイしたパネルをスライド表示するスクリプト -Image Overlay
オプションでは、上記の他に画像のサイズ・ボーダーの色、オーバーレイのパネルの色やテキストの色、アニメーションのスピードなどが調整できます。 Image OverlayはjQueryのプラグインのため、実装にはjquery.jsが必要です。
キーワードターゲティングとページ内最適化のSEOを極める（中編） | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、SEOにおけるページ内のキーワードターゲティングのベストプラクティスを3回に分けてお届けしている。head要素とURLの最適化について説明した前編に続いて、中編となる今回はbody要素内の最適化、サイト内リンク、およびサイトアーキテクチャにおけるサイト内リンクの位置についてお伝えしよう。 SEOにおけるページ内のキーワードターゲティングのベストプラクティスbody要素内の最適化キーワードの繰り返し回数ページ内に配置するキーワード／キーフレーズの最適な数を正確に特定することは不可能だが、長年僕らの役に立ってきたシンプルな法則がある。それは、「短いページなら2～3回、長いページでも4～6回で、文脈の意味を損なうほど使いすぎるのは逆効果」というものだ。別の法則を試したところで得られる恩恵はごくわずかだから、最適な繰り返し回数を追求することが賢明だとは思えない。 キーワード密度キーワー
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
エントリーフォームを最適化するために行う14の改善策
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ネットブックやスマートフォン利用者に配慮したサイト作り (ユーザビリティ実践メモ)
最近ネットブックとスマートフォンの利用者が増えているように感じます。 電子情報技術産業協会の調査結果によると、第一四半期国内PC出荷数の2割弱はネットブックとなっています。 スマートフォンの国内出荷台数を正確に知ることは難しいですが、docomoのGoogle携帯HT-03Aが流通し始めた点や、7月の日本の携帯売上でソフトバンクのiPhone３GSが1位になった点から考えるに、今後ますます利用者が増えると予想されます。 私たちとしては、このような状況下でPC向けサイトを制作する際に、ユーザビリティの観点から注意すべき点が大きく3点あると考えます。 近年、家庭用PCのスペックや回線環境が整い、Flashなどを用いたリッチなコンテンツも快適に利用してもらえる可能性が高くなっていますが、一方でネットブックやスマートフォンの多くはそれほど快適なスペック、回線環境が整っているとはいえません。 たとえ
携帯サイトでのユーザナビゲーションのコツ (ユーザビリティ実践メモ)
携帯サイトのユーザビリティはPCサイトと異なる部分が多く、携帯サイト特有のtipsが存在します。今回は、携帯サイトでのページ分割と、ページ内リンクの活用についてご紹介します。 従って、同じ量の情報を伝えるにあたって、 ページを複数に分割し、ページ遷移させる(ロードが必要) 1ページに情報をまとめ、ページ内リンクでコンテンツ間を移動させる(ロードが不要) という2種類の方法では、後者の方が「携帯電話=PCの代替」ユーザに好まれ、より多くの情報に接してもらうことができます。 実際、ページを複数に分割した場合、弊社のユーザビリティテスト（ユーザ行動観察調査）では図1のような行動が観察されています。 インデックスページへ戻ることを繰り返し、「面倒だ」と感じた時点でそのサイトへの興味を失い、閲覧を止めてしまうのです。 一方、1ページに情報をまとめ、ページ内リンクで誘導した場合の行動は図2のようになり
Twitter（ツイッター）検索、ランキングサイト - meyou.jp（ミーユー）
2020/05/12 ヒプマイ、芸能人YouTuber、22/7（ナナニジ）等人気のアカウントまとめを追加2019/12/02 バチェラー・ジャパン、漫画アプリ・サービス等人気のアカウントまとめを追加2018/11/21 10月に追加した注目のアカウントまとめ2018/10/03 9月に追加した注目のアカウントまとめ2018/09/01 8月に追加した注目のアカウントまとめmeyouからのお知らせ一覧へ
Flash Cookie -- オンラインプライバシーの新しい問題を探る - builder by ZDNet Japan
ウェブサイトの運営者や広告主は、HTTPのクッキーに依存するのを好まない。ユーザーがクッキーの避け方を知ってしまっているためだ。Bruce Schneiner氏によれば、最近のウェブサイト開発者は別の方法を使っているという。これも一種のクッキーと言えるが、別のものだ。 よりよいクッキー、LSO Flashクッキーとも呼ばれるローカル共有オブジェクト（LSO）は、HTTPのクッキーと同様に、ユーザーに関する情報を保存し、インターネット上での動きを追跡する手段を与えてくれるものだ。私は、他にも次のようなことを学んだ。 Flashクッキーには、ずっと大きなデータを蓄えることができ、100Kバイトまで保持できる。標準的なHTTPクッキーは、4Kバイトしか保持できない。 Flashクッキーには、デフォルトでは有効期限はない。 Flashクッキーは異なる場所に保存されており、見つけるのが難しくなってい
独自ドメインで Tumblr を使う
連続 Tumblr ネタで恐縮です。昨日書いたエントリーに思ってた以上の反響があったので調子乗って書きますよ。 Tumblr のマイページを自分の Blog っぽく対外的に見せる用途で使いたい場合、独自のドメインで運用したいっていう人もいるんじゃないかなと思いますが、Tumblr なら簡単にできるんですね。 そこで今回は独自ドメインで Tumblr を運用するための設定方法をご紹介します。 用意する物はこちら。 利用中のドメインサービスで DNS レコードが設定できる場合 Tumblr アカウント （当たり前ですが……） 独自ドメイン DNS レコードが設定できない場合 （上記 2つに加えて） DNS サーバ それでは順を追って説明していきます。 まずは Tumblr 側の設定から始めます。ダッシュボード右側のメニューやマイページ右上に表示されている 「Customize」 をクリックして
2009年の Web デザイントレンド
Smashing Magazine にて、今年 Web デザインのトレンドとなりそうな傾向をまとめた 「Web Design Trends For 2009」 という記事が上がっていましたのでご紹介。 ちなみに、元記事は今年の 2回に分けての記事とのことでまずは今年トレンドになりそうな 10のデザイン傾向から。 Web Design Trends For 2009 ： Smashing Magazine Over the last months, we've analyzed numerous Web designs, observing emerging trends and weighing the merits of numerous design decisions and coding solutions. In this post, we present Web design
2009年の Web デザイントレンド 2
先日、「2009年の Web デザイントレンド」 というエントリーで紹介した Smashing Magazine の記事、「Web Design Trends For 2009」 ですが、予告通り続きが公開されていたので紹介します。 前回のエントリーよりレイアウト手法などにすこし範囲広げて、21のトレンドが紹介されています。 More Web Design Trends For 2009 ： Smashing Magazine This post is the second part of our review. It presents design trends for 2009 in terms of layouts, visual approaches and design elements. Please notice that this post showcases trends
仙台で始まった“iPhone＋リアル店舗”の「近未来ショッピング」
三井不動産とクウジットは9月11日、ショッピングモール「三井アウトレットパーク 仙台港」で、iPhoneを利用した「近未来のショッピングイベント」を開始した。位置情報システムを利用してフロアガイドや店舗の最新情報を提供するほか、拡張現実（AR）を利用した“電脳キャラクター”によるゲームも楽しめる。イベントは10月12日まで。 期間中は来場者向けに50台の専用アプリ入りiPhoneを用意し、iPhoneユーザー向けにはApp Storeでのアプリ提供も順次開始する予定だ。イベント初日に行われた体験会から、取り組みの展望と、実際にアプリを利用した様子を紹介する。 紙で伝えきれない情報を端末から―― 今回の取り組みは、創業1周年を迎える三井アウトレットパーク 仙台港の記念キャンペーンに合わせて実施される。「これまでリアル店舗では、フロア案内や店舗の情報を紙で提供してきたが、紙媒体は更新頻度や情報
第28回 日本企業を見限ったインドの“システム屋”から学んだこと
経営者にとって、情報システムは頭痛の種になりがちだ。業務に必須だが投資に見合った効果が出るとは限らない。ほかの設備投資に比べて専門的で難解でもある。 野村総合研究所で約20年間勤務した後に、人材派遣大手スタッフサービスのCIO（最高情報責任者）を務め急成長を支えた著者が、ベンダーとユーザー両方の視点から、“システム屋”の思考回路と、上手な付き合い方を説く。 前回（第27回）で登場したインド人の“システム屋”経営者の言葉をもう1つ紹介したいと思います。彼から「日本企業向けの仕事はもうやりたくない」と言われたことがあります。英語力の問題ではなく、日本人はそもそもシステム開発に向いていないというのが彼の主張です。 これを聞いた私は、その場では苦笑するほかありませんでしたが、日本人の“システム屋”として悔しいという感情が残りました。しかし今ようやく、この意見には反論が可能だという思いに至りました。
光が超カッコいいPhotoshopのブラシ色々まとめ:phpspot開発日誌
光が超カッコいいPhotoshopのブラシを色々とまとめてみました。 次のような、サイトに入れると迫力満点の光のブラシ集です。 Abstract Brushset X - Free Photoshop Brushes at Brusheezy! Abstract Brushset XI | Qbrushes - Photoshop Brushes ABSTRACT BUTTERFLY BRUSHES Abstract Brushes Vol 2 - Free Photoshop Brushes at Brusheezy! Abstract ps brushes for Photoshop | Qbrushes - Photoshop Brushes BRUSHES PACK 3 CS4 BRUSHES ECOL BRUSHES Exclusive - Galactic Brushes -
Wikipediaに学ぶ、正確な文章の書き方のコツ | ライフハッカー・ジャパン
メールだの企画書だの会議の資料だのと、毎日毎日文章を書いているものの、「どーも、なんていうか、伝わってこないんだよね、君の報告は」とかなんとか言われて、へこんでしまったり。だからと言って、そんな意見を真に受けて直すと、以前の指摘と正反対のことを言われたり、なんて、よく、よくありますよね。 そんな気まぐれな意見を繰り出す相手が、ぐうの音も出せないような、説得力のある文章の書き方ってあるんでしょうか？ 文章って誰でも意見を挟めるから、一人の意見だけを参考にするのは、偏ってしまう可能性が高いもの。そこで「多くの人に正確に伝わる文章」を書く上で参考になるのが、数百万の利用者が閲覧する「Wikipedia」のガイドライン。 なかでも「言葉を濁さない」の項にある「曖昧な言い方の改善例」は、客観的な記述を求められる場面で、どんな風に書けばよいのかを、具体的に解説しています。 意見の持ち主を明示する 以下
透過をうまく使ったデザインをするためのPhotoshopチュートリアル – creamu
WebAppearsというサイトで、透過をうまく使ったデザインをするためのPhotoshopチュートリアルが紹介されています。 まずはぼかし（移動）とブラシをうまく使って背景を作り、ボタンの背景を透明度を駆使して作っていく方法が解説されています。 数値やRGBも細かく載っているので、参考になるのではないでしょうか。 一度見てみてください。 » Design a Transparent Website Layout in Photoshop やっと時間が取れた。。書きたいことはたくさんあるんだけどばたばたしていて時間がない。。
カグア！
Wordpressで、Twitterを表示させる方法です。 PHP5動作環境では以下のようになります。 <div> <ul> <?php $xml = simplexml_load_file(‘http://twitter.com/statuses/user_timeline/xxxxx.rss’); $i = 0; foreach($xml->channel->item as $item) { if(++$i>10) break; $title = (string)$item->title ; $link = (string)$item->link ; echo ("<li><a href=’".$link."’>".$title."</a></li>"); } ?> </ul> </div> xxxxxのところがユーザー番号になり、 foreachのところの10がつぶやきの表示数となり
情報を確実に伝える「近接」テクニック (ユーザビリティ実践メモ)
ウェブサイトに十分な情報を載せているのに、なぜかユーザに正しく情報が伝わらない、そんなケースは多いのではないでしょうか。今回は、実際の事例をもとに、「情報の関連性」を使ったテクニックをご紹介します。 今回取り上げるサイトでは、ウェブや電話では契約の新規申し込みはできないにも関わらず、「契約までの流れが理解されず、申し込みの電話がきてしまう」という課題がありました。対策として、お問い合わせページ内に「契約までの流れ」を記載していました（図1)が、ユーザは全く気付かず電話をしてしまう状況でした。 皆さんなら、どのような改善案を考えますか？（制約条件として、「商品説明」ページなどは修正ができないものとします） ユーザは「探している情報」しか目に入らない ありがちな対策として、「契約までの流れを画面上部に配置し、とにかく情報を見せる」という案があります（図2）。しかしこの案は、あまり効果的とは言え
screenshots.jp - このウェブサイトは販売用です！ - screenshots リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
スマートフォンでスマートに渋滞チェック | ライフハッカー・ジャパン
旅行を予定されている方も多いと思いますが、今年は、高速道路1000円効果もあって、クルマで移動されている方も多いかと思います。私のようなクルマ好きであれば、サービスエリアで、様々なクルマが観れて楽しいと考える人も居るかもしれませんが、多くの方は、渋滞が気になるのではないでしょうか？ スマートフォンをお持ちであれば、渋滞状況を簡単にチェックできるアプリがあるので、是非とも活用して下さい。 続きは、以下で。 今回ご紹介するのは、iPhone用とHT-03A用です。 共に、日本道路交通情報センターが発信している渋滞情報をソースとして使用しているので、間違いの無い情報です。 まずは、iPhoneから。 有料アプリがいくつか公開されていますが、こちらは無料で使えるiPhone専用のWebサイト「渋滞情報 for iPhone」です。Webサイトなので、アプリと比べるともどかしい部分もありますが、専用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＆MySQL＋jQueryでページ送りを実装するチュートリアル:phpspot開発日誌
ぷるぷるコラーゲン国産はがくれすっぽん100%サプリ【ていねい通販】
サントリー健康食品オンラインショップ
http://www.designwalker.com/2009/09/jquery-table.html
主要なものからマイナーなものまでブラウザの対応状況一覧 -Browserscope
http://japan.internet.com/column/wmnews/20090423/8.html
【楽天市場】エラー
TechCrunch
Webデザインに使えるjQuery UIライブラリ – creamu
画像をかんたんにアイコン化できるツール『SimplyIcon』（Windowsのみ） : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
リンク先の開き方をコントロールするショートカット＋クリック（Firefox ＆ Chrome用） | ライフハッカー・ジャパン