編集部としては、「あの記事は思いのほかバズって嬉しかったな・・・」「あの記事のブコメには心を痛めたな・・・」とひとしきり感傷に浸ったところで、当ブログでの、Facebookでの人気記事たちは以下の3つのタイプに分類できることが見えてきました。 「それ、わかるわ（共感型）」 「共感できるオリジナルコンテンツを発信しましょう！」これはブランドのソーシャルメディア活用でよく説かれる、耳障りの良い台詞ですね。Webディレクターのノウハウや生き様をOpen＆Shareする当ブログでも、制作現場での「あるある」や、問題課題に直面した際のケーススタディ的記事には、WebディレクターやWebデザイナーからの支持を集めることができました。 ◆それじゃあ何も伝わらない！元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと ◆ディレクターが意識すべき、サイトリニューアル前後の心がけ ◆
こんにちわ。新規開発グループの早岡です。 クライアントとのデータやり取りや、社内の数値管理など、Excel（エクセル）をよく使う方は多いと思います。 Excelはマクロ関数を使えばかなり色々な使い方ができますが、私たちWEBディレクターが普段使うのはその一部に過ぎません。 裏を返せば一部の使い方さえ覚えておけば、業務をかなり効率化できるということでもあります。 今回のディレクターブログでは、「よく使うんだけどド忘れしてたまに検索してしまう・・・」そんなエクセルのTIPSを、いくつかご紹介したいと思います。 Q1.「行と列」って、どっちがどっちだっけ・・・？ この行と列の覚え方には有名？な方法があって、これさえ知っておけば、もう一生間違うことはありません。 「行」は右側に横線が２本並んでいるから、横向き 「列」は右側に縦線が２本並んでいるから、縦向き ほら、もう間違う気がしないでしょう？？
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
こんにちは。新規開発グループディレクターのtakejuneです。 昨年の映画『ソーシャルネットワーク』公開以降、日本でも本格的に流行しつつあるFacebookですが、FacebookのAPIを利用したアプリケーションの開発もまた本格化の兆しを見せています。 ライブドアでも先日、初めてのFacebook連携サービス「ソーシャレット」をリリースしました。今回はその開発を通して発見した、FacebookのAPIを利用したWebサービスの開発をはじめる前に知っておくべき3つのポイントをご紹介します。 【目次】 Facebookとの連携方法を理解するユーザー情報へのアクセス権限について理解する最新情報の入手方法について理解する Facebookとの連携方法を理解する 「FacebookのAPIを利用したWebサービス」というと、どんなサービスを思い浮かべますか？ CityVille、Quora、ロケ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
こんにちは。ケータイlivedoorを担当してます多留です。 今回は、私がモバイルサイト作りでいつも意識して取り組んでいる "配色の仕方"、"メリハリの重要性" についてお話させていただきます。 モバイルサイトと配色 モバイルサイトは、PCのようにガンガン画像を使うとか、JavaScriptを使って動きをつけるとか、まだまだできないこと、制限のあるところが多々あり、線や細かい背景色・文字色・絵文字の使い分けなどでページを構成する必要があります。 配色や見せ方に関してはセンスが問われるところで、特にモバイルサイトのように凝縮されたスペースでの表現は難しく、苦手な人はホントに「いつまでたっても苦手」という方も多いと思います。 私個人としては、PCよりもモバイルサイトで全てを済ませようとしていて (つまりは携帯依存症……) いろんなジャンルのモバイルサイトデザインを見ているおかげで、配色や見せ方
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある！」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
こんにちは、モバイルチームに所属している入社2ヶ月目のディレクター、Otakeです。 今回はサイト設計に携わるディレクターが常に意識しなくてはいけないことの一つ「ユーザビリティ」についてのお話です。 ユーザビリティとは一言でいってしまえば「使いやすさ」という事ですが、何をもって「使いやすい」とするかは提供するサービスによって多種多様であり、その検証方法も様々です。 私は前職で転職サイトの運営に携わっていたので、通常のサイトよりかなり複雑な構成のサイトで様々な「ユーザビリティ」に関する改善をおこなってきました。そのひとつを紹介します。 あるとき、運用作業中に「会員登録」したユーザーの登録直後の動きに関する数値を検証していたところ、こちらがよかれと思って提案しているコンテンツの離脱率が非常に高いことに気づきました。 具体的には会員登録後に転職の可能性を広げる「スカウト情報」への登録を促すという
今月からブログビジネス部になりましたイシカワです。 今回も前回（http://blog.livedoor.jp/ld_directors/archives/51246106.html）に引き続き、色に焦点をあてて書いてみたいと思います。 今回は前回の効果よりも、人間の心理的な部分の話になります。 色ひとつで変わる印象値 簡単なものだと、スポーツ飲料など清涼感のある冷たい飲み物が商品だったら青をメインに。 地球環境を考えた商品や、ロハスな雰囲気を出したい商品だったら緑と、扱う商品やサービスによって使う色というものはある程度決まっていると思います。 ある程度と書いたのは商材によっては、常識とされる色設定よりも良い色設定がある場合があるのと、新鮮味を出す為にあえて別の色設定をする場合（ある意味、賭け事ですが）があるからです。 扱うものによってサイトデザインやブログデザイン、アドセンスなど配色1つ
こんにちは、櫛井です。 現在のweb業界において無視できない存在になってきているTwitterですが、今日はlivedoorでどのように活用しているか紹介したいと思います。 TwitterとはTwitterはブログとチャットを足して2で割ったようなシステムを持つ。各ユーザーは自分専用のサイト（ホーム）を持ち、「What are you doing?（いまなにしてる?）」の質問に対して140文字以内でつぶやきを投稿する。つぶやき一つ一つはブログのエントリに相当し、つぶやきごとに固有のURLが割り当てられる。Twitter - Wikipedia とあるように、140文字以内で伝えるコミュニケーションツールです。元々は2006年7月にアメリカで開始したサービスですが、オバマ大統領が選挙期間中に積極的にTwitterを活用していたこともありユーザーが急増しました。現在は日本語版の準備も整い、日々
今年も熱い夏がやってきました。ロックフェスと事業計画の熱い夏が！ というわけでこんにちは、佐々木です。 今回は、「予算（事業計画）って、どうやって（何を根拠に）立てているんですか？」というスタッフの質問に答えるために、事業計画のために集めた資料の出典を紹介します。 なお、資料の多くは私が担当するブログ関連事業のものですので、ネットならではのマーケティングデータの集め方といった内容になります。限定的な分野ですが、なにかの参考になれば幸いです。 総務省 情報通信政策研究所（IICP) ・総務省 情報通信政策研究所 まずは総務省調べのデータ。 大規模なリサーチ結果を無料で利用できるので、とても重宝します。 例1）「ブログ･SNSの経済効果の推計」（PDF） 例2）「ブログの実態に関する調査研究」報告書本文（PDF） 矢野経済研究所 ・矢野経済研究所 ブログ関連の市場調査で優れたレポートを発表して
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか？ 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
【2009.7.19 追記】 はてなブックマークなどで色々とご意見をいただいているようでありがとうございます。対象を明確にしていなかったのでタイトルを変え、本文を若干修正しました。すでにこういった事が常識な皆さんには不要かと思いますが、何年もPCを触りWebページの制作を昔からやっている人にとっては常識でも「何がわからないかもわかない」という人というのはまだまだ多いので、そういった方達向けの記事です。 ---------------------------------------------------------- こんにちは、櫛井です。 最近ではWeb制作現場にもデザイナー以外でmacを使っている人が増えてきたように思いますが、ディレクター職が使うPCはまだまだWindowsが多いかと思います。今回は、Web制作に関わり始めたばかりの人が意外と知らない、PCを買ったらまずは設定しておき
こんにちは、 livedoor BR の運営を担当している豪です。 私が普段担当している livedoor BR は、 ブログマーケティング・クチコミプロモーション livedoor BR（ライブドアビーアル） livedoor BR（ライブドアビーアール）は、商品やイベントに関するブロガーの体験を最大限に活用するクチコミプロモーションです。 というものです。 当初、私は「これはひとつの広告の形だ」と考えていたのですが、しばらくすると「BR は、PR なので...」という言葉が周囲から聞かれるようになりました。 ...そもそも PR って何だっけ。 そこで、今回は広告と PR の違いについて調べてきたので、私なりに考えをまとめてみました。 まず、はじめに広告と PR の特徴をまとめると以下のようになります。 1.「広告」― 速度が速く、浸透力は弱い 広告というのは、どこかしらの枠を広告主が
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
こんにちは、livedoor Blog担当の眞子裕介です。 みなさんは「マインドマップ」という言葉をご存知でしょうか？ Wikipedia では、このように解説されています。 表現したい概念の中心となるキーワードやイメージを図の中央に置き、そこから放射状にキーワードやイメージを繋げていくことで、発想を延ばしていく図解表現技法。この方法によって複雑な概念もコンパクトに表現でき、非常に早く理解できるとされ、注目され始めている。 wikipedia:マインドマッピング - 最終更新 2009年1月19日 (月) 08:48 私は、マインドマップを「構造化されたメモ」と読み替えています。 正式なマインドマップは色や絵を使うようですが、手書きは苦手でしたので、シンプルな表現にしました。「文字」と「文字」をつなぐ線だけがのこり、「構造化されたメモ」のように見えるのです。 私の経験をもとに言えば、マイン
こんにちは、livedoor AuthやOpenID、EDGEを担当している櫛井です。 皆さんはOpenIDというものをご存じですか？今回は10分でわかるOpenIDの周辺情報をまとめてみたいと思います。 OpenIDとは、１つのIDで色々なサイトにログインできる仕組みのことで、対応サイトに対し、ユーザーの認証IDとしてURLまたはXRIを使用することが出来る分散型の認証システムを指します。最近ではOpenIDを発行しているサイトや、OpenIDでのログインに対応しているサイトも増えてきています。認証の遷移イメージとしてはlivedoor Authの図が参考になるかと思います。 ■用語 ・OP OpenID Provider (オープンID プロバイダ)の略で、OpenIDとして利用できるIDを発行しているサイトやサービスを指します。OPが発行しているOpenIDの数は数千万とも数億ともい
こんにちわ。モバイルディレクターの飯田瞬です。 今回は、最近何かと話題のモバイル SEO について触れたいと思います。 モバイルの SEO が注目され始めたのはつい最近の話で、2006年に EZweb がメニュー検索に Google 検索エンジンを導入したあたりだと言われています。ですので、PC に比べてモバイル SEO は歴史も浅ければノウハウもまだまだこれからといったところです。 そこで、ライブドアではモバイルサイトにどういった SEO 対策を施しているかをざっくり簡潔に紹介したいと思います。 【01】クローラーのアクセスを許可 モバイルサイトのアクセス制御を IP アドレスで行っている (ホワイトリスト方式) 場合、各検索エンジンのクローラー IP 帯域からもアクセスできるように設定してあげる必要があります。 この設定を行わないと、そもそもクローラーがモバイルサイトにアクセスできずク
はじめまして、ライブドアキャリアを担当している小俣といいます。 いきなりですが、ライブドアにはたくさんの広告枠があることは、皆様ご存知かと思います。トップ以外の各コンテンツのヘッダー部分に出ている横長のバナーや、ニュース面に掲載されているテキストなどがその代表例でしょう。 その広告枠、常に完売状態なら万々歳なのですが、売れずに枠が空いてしまう場合もあります。 このような場合、売れなかったからといって空欄にするわけにはいかないため、フィラー（自社広告）を出します。 例えばテレビの場合、番組宣伝や公共広告機構の CM がフィラーとして使われます。 そしてライブドアの場合、自社広告は各コンテンツの広告を出すのですが、やはり自社の広告といえども広告。結構キャッチコピー１つで、クリックされる数が大きく変わってきます。 そこで以下に、効果的なキャッチコピー作成のための、３つコツを書かせていただきたいと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く