それじゃあ何も伝わらない！元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
ネッツアイに火の用心 あなたのハートにG-SHOCK！こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを２年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと
ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ
こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんな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ほど便利なアドオン (機能拡張) がありませんでした
説得力のある提案資料作成のすすめ : LINE Corporation ディレクターブログ
こんにちは。ティーンズメディアグループ/ブロググループのタルです。 最近私は、サイトの戦略資料を作成したり発表をしたりする機会が多くありまして、そこで感じたこと、学んだことを今回は整理する意味も含めて、事業計画書や企画書など“提案要素の強い資料作成において大事なこと”をあげていってみようと思います。 プレゼンテーションのための資料（スライド）ではなく、あくまで“資料単体としてどう説得力をもたせるか”ということと、また、大それた戦略資料だけでなく、日常でディレクションをしていてちょっとした企画書などの資料作成でも当てはまるようなことを書きますので、資料作成に苦労されている方は参考にしてみてください。 まず悩み過ぎない。とりあえず動き出す ある程度の主題（いいたいこと、やりたいこと）が決まっているとしても資料としてストーリーを持たせること（形にすること）を考えると、パッと資料の流れ・全貌が浮か
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
ライブドアの役員が読んでいる“ネタ本” 10冊 : LINE Corporation ディレクターブログ
こんにちわ。櫛井です。 ジワジワ人気があるという、この「ネタ本シリーズ」。トリを務めますのはライブドアのメディア事業に関わっている執行役員と社長です。リストアップしてもらってから個人的に買ってみた本が多数です。 では、どどーんと10冊をどうぞ。 イノベーションのジレンマ―技術革新が巨大企業を滅ぼすとき イノベーションのジレンマ―技術革新が巨大企業を滅ぼすとき (Harvard business school press) 著者：クレイトン・クリステンセン 販売元：翔泳社 (2001-07) 販売元：Amazon.co.jp クチコミを見る ◆推薦者: 執行役員 CPO 佐々木大輔成功体験をもった企業からは、なぜ新たなイノベーションが生まれにくいのか？ そのジレンマをどうやって打ち破るのか？ということに迫った研究書。賞味期限の長いビジネス書の名作で、すごく参考になります。 7つの習慣―成功に
上司やクライアントに素早く判断を仰ぐメールテクニック : LINE Corporation ディレクターブログ
こんにちは、櫛井です。 「急ぎで確認したいのに上司やクライアントが捕まらない…」 よくありますね。今日はそういった状況で素早く判断を仰ぐテクニックを書いてみます。何をしているのかはわからないけれど、とにかく忙しく席にいない上司達やクライアントは全てのメールに目を通せるわけではありません。彼らの仕事は「判断すること」ですから、こちらとしては素早く的確に情報を伝えるのがとても大事です。 上司をうまく使うのは職種によらず部下の仕事ですし、クライアントを育てるのもディレクターの仕事のうち。効果的にメールを作成する工夫をし、無駄な待ち時間を減らしましょう。 ※承認をもらってるイメージ 「お忙しいところスンマセン！これ！お願いしやっす！」的な メールを書くポイント メールを受け取る側は日々様々なメールを受け取っています。 進捗情報の共有なのか、単なる報告なのか、レポートなのか、意見を求められているのか
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
(修正済) これだけは抑えておくべき！一夜漬けスマートフォン講座 : LINE Corporation ディレクターブログ
※不備ありテキストの一部（アプリアイコンの箇所など）がバックデートしてしまっておりました。修正を行いました。- 9/7 22:00 こんにちは。4月の異動でポータルビジネス部に来てから、livedoor ポータルのスマートフォン関連の担当をしております石野です。 最初に 今回は「明日からスマートフォン担当してね」と上司から不意にリクエストされたとき用の一夜漬けスマートフォン講座を開催したいと思います。PCサイトの開発進行がメインであった自分が4月にプロジェクトに招集されてから慌てて覚えたものばかりです。 「iPhone4ってどう凄い（違う）の？」 「Retina対応どうするって言われたけど…レティナ？」 「Xperia以外のAndroidケータイって？」 「アプリ開発したはいいけど、その後どう公開していくんだっけ？」 「ドコモマーケット？au one Market？どっちにも申請必要？」
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
ディレクターのための「Flash Lite」入門 - livedoor ディレクター Blog
こんにちは。ライブドアでモバイルサイトを担当している伊藤です。モバイルの世界では、モバイル特有のサイト構築に関する技術や、PC のものをモバイルコンテンツ向けに作り直した技術が使われていて、ほとんどの仕様がPCと異なります。今回はその中のひとつである「Flash Lite」について書きます。 モバイル向けの「Flash」である「Flash Lite」は、ところどころで使われはじめているものの、本格的に使われるのはまだまだこれからというのが現状です。ただ、活気を帯びてきている技術の一つで、昨年末、新しいバージョンの「Flash Lite 3.0」が発表されたことは、今後モバイルサイトにおいて大きな意味を持ってくるでしょう。そこで、モバイルディレクターとして最低限、知っておきたいと思うことをまとめてみました。 【01】「Flash Lite」とは 「Flash Lite」はバージョン1.0から
企画書の「表紙」の作り方 : LINE Corporation ディレクターブログ
こんにちは。 livedoor でディレクターをしている有賀です。 今回は、「企画書の表紙の作り方」について書きたいと思います。 企画の産み方や書類の作り方についてのノウハウはたくさんありますが、実際に書き起こすにあたって、意外に見落としがちなのが、「表紙」ではないでしょうか？ 以前、ライブドア社内でも、「表紙を作っている時間があったら中身を充実させた方がいい」という考えを聞いたこともありますが、「顔」であり「看板」である表紙が無かったり、つたないようでは、中身に辿り着かなかったり、誤解されたりするケースがあることも事実だと思います。もちろん、中身が薄っぺらなのに表面だけ過度に着飾ったり、表紙の作成に注力し過ぎるのも考えものですが、あくまで相手に読んでもらうため、伝えるためのものですから、最低限の礼儀というか、丁寧さは必要だと私は考えます。 そこで、今回は、企画書の表紙の作り方を題材に、書
複数の PC を手元で操作 「Synergy」を使おう! -Win&Mac 混合対応版- - NHN Japan ディレクターブログ
こんにちは、櫛井です。 仕事で同僚と話していると「こんなに便利なのに何で使わないんだろう?」と思うことがよくあります。今回はそういった感想を抱くことが最も多いソフト「Synergy」を紹介します。先日のエントリーでも少し登場しましたね。 →よく知っているので設定の項目へ急ぐ Synergy ってなに? 2 台並べたパソコンのキーボードを行ったり来たり。うんざりしますね。繋がってないのがわかっていながらも「すぐそこにあんだからこっちのマウス使わせろよ!」って思います。それを可能にしてくれるのが Synergy です。 実際に見てもらうのが早そうなので動画を撮ってみました。音はありません。正面に置いてある銀色のノート PC(64bit Windows7) には右側にモニタを追加していて、外付けのキーボードとマウスで操作しています。マウスを移動し続けて隣に置いてある黒いノート PC(Window
仕事を効率よく行う為の基本的なPC環境作り : LINE Corporation ディレクターブログ
「ねとらじ」担当、自称「社内デュアルディスプレイ推進委員会」副会長のクォです。 あまりにも基本的過ぎるとは思うのですが、今回は仕事を効率よく行う為の「作業ディスプレイのデュアル化」と、「複数PCでのマウス＆キーボードの共有」を紹介したいと思います。 まずはデュアルディスプレイ! 「デュアルディスプレイ」って何よ？というと、「マルチモニター」とも「マルチディスプレイ」とも呼ばれ、簡単に説明すると、「モニターで表示させる領域を増やしたいなら、画面数を増やせば解決するじゃん！」みたいなものです。 例えば、「1280x1024」の画面サイズで作業エリアを増やしたい場合、ワイド型液晶等(「1680x1050」や「1920x1200」)の大画面モニタに買い替えるのではなく、もう!つ、別途「1280x1024」サイズのディスプレイを繋いで、「2560(1280x2)x1024」の画面サイズにしてしまおう
プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある！」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ
今年も熱い夏がやってきました。ロックフェスと事業計画の熱い夏が！ というわけでこんにちは、佐々木です。 今回は、「予算（事業計画）って、どうやって（何を根拠に）立てているんですか？」というスタッフの質問に答えるために、事業計画のために集めた資料の出典を紹介します。 なお、資料の多くは私が担当するブログ関連事業のものですので、ネットならではのマーケティングデータの集め方といった内容になります。限定的な分野ですが、なにかの参考になれば幸いです。 総務省 情報通信政策研究所（IICP) ・総務省 情報通信政策研究所 まずは総務省調べのデータ。 大規模なリサーチ結果を無料で利用できるので、とても重宝します。 例1）「ブログ･SNSの経済効果の推計」（PDF） 例2）「ブログの実態に関する調査研究」報告書本文（PDF） 矢野経済研究所 ・矢野経済研究所 ブログ関連の市場調査で優れたレポートを発表して
ディレクターが押さえておきたい営業取引の基本的な流れと頻出ワード : LINE Corporation ディレクターブログ
こんにちは、小久保です。 私の経歴は、受託開発のディレクター → 自社媒体のディレクター → 事業責任者 という流れを経ておりまして、以前「受託開発事業から自社媒体事業へシフトするための意識改革のポイントとは？」という記事を書きましたが、実はキャリアパスの中で一番焦ったのが営業面での知識不足でした。 受託開発を担当している時は、開発工数と人月単価さえおさえておけば渉外対応はある程度事足りていたのですが、自社メディアの場合だと提携内容の検討と営業的な話は一体となって進むことが多く、必然的に営業的知識が必要になってきました。 今回は、営業職の経験が無いディレクターの方でも、ビジネス上で最低限これだけは知っておいたほうが良いと思う、営業面での知識について紹介します。 まずは、一般的な取引成立までの流れをまとめてみましょう。以前、弊社の「ビジネススキル勉強会」というブログに「取引行為についての勉強
ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか？ 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
