タグ

ブックマーク / directorblog.jp (18)

  • 説得力のある提案資料作成のすすめ : LINE Corporation ディレクターブログ

    こんにちは。ティーンズメディアグループ/ブロググループのタルです。 最近私は、サイトの戦略資料を作成したり発表をしたりする機会が多くありまして、そこで感じたこと、学んだことを今回は整理する意味も含めて、事業計画書や企画書など“提案要素の強い資料作成において大事なこと”をあげていってみようと思います。 プレゼンテーションのための資料(スライド)ではなく、あくまで“資料単体としてどう説得力をもたせるか”ということと、また、大それた戦略資料だけでなく、日常でディレクションをしていてちょっとした企画書などの資料作成でも当てはまるようなことを書きますので、資料作成に苦労されている方は参考にしてみてください。 まず悩み過ぎない。とりあえず動き出す ある程度の主題(いいたいこと、やりたいこと)が決まっているとしても資料としてストーリーを持たせること(形にすること)を考えると、パッと資料の流れ・全貌が浮か

    説得力のある提案資料作成のすすめ : LINE Corporation ディレクターブログ
  • スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ

    こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ!」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS

    スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
  • ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ

    ※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著

    ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ
  • Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ

    暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基的なところだけ

    Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ
  • そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ

    こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウなどがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者:株式会社ゆめみ 販売元:インプレスジャパン 発売日:2008-12-25 おすすめ度: クチコミを見る モバイルデザインアーカイブ。―携帯Webコレクション 著者:モバイルデザインアーカイブ 販売元:春日出版 発売日:2009-08 おすすめ度: クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ

    そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ
  • 私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ

    今年も熱い夏がやってきました。ロックフェスと事業計画の熱い夏が! というわけでこんにちは、佐々木です。 今回は、「予算(事業計画)って、どうやって(何を根拠に)立てているんですか?」というスタッフの質問に答えるために、事業計画のために集めた資料の出典を紹介します。 なお、資料の多くは私が担当するブログ関連事業のものですので、ネットならではのマーケティングデータの集め方といった内容になります。限定的な分野ですが、なにかの参考になれば幸いです。 総務省 情報通信政策研究所(IICP) ・総務省 情報通信政策研究所 まずは総務省調べのデータ。 大規模なリサーチ結果を無料で利用できるので、とても重宝します。 例1)「ブログ・SNSの経済効果の推計」(PDF) 例2)「ブログの実態に関する調査研究」報告書文(PDF) 矢野経済研究所 ・矢野経済研究所 ブログ関連の市場調査で優れたレポートを発表して

    私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ
  • ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の

    ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
  • ディレクターが押さえておきたい営業取引の基本的な流れと頻出ワード : LINE Corporation ディレクターブログ

    こんにちは、小久保です。 私の経歴は、受託開発のディレクター → 自社媒体のディレクター → 事業責任者 という流れを経ておりまして、以前「受託開発事業から自社媒体事業へシフトするための意識改革のポイントとは?」という記事を書きましたが、実はキャリアパスの中で一番焦ったのが営業面での知識不足でした。 受託開発を担当している時は、開発工数と人月単価さえおさえておけば渉外対応はある程度事足りていたのですが、自社メディアの場合だと提携内容の検討と営業的な話は一体となって進むことが多く、必然的に営業的知識が必要になってきました。 今回は、営業職の経験が無いディレクターの方でも、ビジネス上で最低限これだけは知っておいたほうが良いと思う、営業面での知識について紹介します。 まずは、一般的な取引成立までの流れをまとめてみましょう。以前、弊社の「ビジネススキル勉強会」というブログに「取引行為についての勉強

    ディレクターが押さえておきたい営業取引の基本的な流れと頻出ワード : LINE Corporation ディレクターブログ
  • モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ

    こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【1】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行

    モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
  • これだけは読んでおきたい、すぐに使える新社会人向けビジネススキル10選 : LINE Corporation ディレクターブログ

    エイプリルフールネタの後で非常に書きづらい、当にディレクターブログ担当の飯田瞬です。べる方のニラレバは大好きというほどではありませんが、おいしいですよね。 さて、この「livedoor ディレクター Blog」読者の中で4/1から新社会人として新しいスタートを迎えた方も多くいらっしゃると思います。そこで、今まで「livedoor ディレクター Blog」に投稿されたエントリーの中で、すぐに使えるビジネススキルエントリーを10個ピックアップしてみました。 いきなり実行するのは難しいとは思いますが、覚えておいて (読んでおいて) 損はないエントリーばかりですので、是非、今週末を利用して読んでみて、月曜日から少しずつ実践してみてください! --- 【01】ディレクターの為のビジネスマナー講座 「ディレクターの為の...」とありますが、ディレクターに限らず社会人として基中の基のビジネスマナ

    これだけは読んでおきたい、すぐに使える新社会人向けビジネススキル10選 : LINE Corporation ディレクターブログ
  • Web制作初心者向け! まずは設定しておきたい 5年後まで使える超基本的なWindowsの設定 - livedoor ディレクターブログ

    【2009.7.19 追記】 はてなブックマークなどで色々とご意見をいただいているようでありがとうございます。対象を明確にしていなかったのでタイトルを変え、文を若干修正しました。すでにこういった事が常識な皆さんには不要かと思いますが、何年もPCを触りWebページの制作を昔からやっている人にとっては常識でも「何がわからないかもわかない」という人というのはまだまだ多いので、そういった方達向けの記事です。 ---------------------------------------------------------- こんにちは、櫛井です。 最近ではWeb制作現場にもデザイナー以外でmacを使っている人が増えてきたように思いますが、ディレクター職が使うPCはまだまだWindowsが多いかと思います。今回は、Web制作に関わり始めたばかりの人が意外と知らない、PCを買ったらまずは設定しておき

    Web制作初心者向け! まずは設定しておきたい 5年後まで使える超基本的なWindowsの設定 - livedoor ディレクターブログ
  • プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ

    モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある!」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、当に伝えたいメッセ

    プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
  • Webディレクターのdirect力をサポートする10のハック : LINE Corporation ディレクターブログ

    こんにちは、livedoorポータル所属のディレクター阿部です。 さて、Webディレクター職にまつわるよもやま話で、 -Webのディレクターが、映画、TVや雑誌など他のメディアで活躍しているディレクターに比べ、「direct(方向性を指し示す意思決定を行い指揮する)」というスキルが十分ではないのでは?- なんてことが語られたりすることがあります。 弊社の事業部長もこのように書いていたりしますね。 その背景にはWebディレクターという職業の成立自体が新しいからとか、Webディレクターと一口に言っても「広告系」「開発系」「運用系」と求められるスキルが異なっているからとか、揶揄される要因は様々あるかと思います。それらを加味しても、ディレクターたるもの「意思決定し、関係各者に指示するスキルが重要」というのは当然のことです。 それならば、と「よし!これからは物怖じせずにバンバン指揮していくぜ!」と自

    Webディレクターのdirect力をサポートする10のハック : LINE Corporation ディレクターブログ
  • 超初心者向け!正規表現で「的確に素早く」ラクしよう : LINE Corporation ディレクターブログ

    こんにちは、櫛井です。 今回は正規表現について少しだけお届けしてみたいと思います。 限りなくシンプルにまとめてみますのでエンジニアな方には全く必要ない内容ですが、入門用として隣で一生懸命コピペを連打しているディレクターなどに教えてあげてください。 ■正規表現ってなに? 端的に言えば、「いくつかの文字列を一つの形式で表現するための表現方法」です。 サルにもわかる正規表現入門 とあるように、一定の条件で書かれた文字列を簡単に特定する方法です。 簡単と書きましたが、すいません、嘘です。非常に奥が深いので私は入り口あたりで挫折したままです。「正規表現をつかおう!」なんて言ってしまいましたが、私が知ってるのはたった2つだけです。 ■たった2つの正規表現 「そんなの正規表現っていえないよ!」というツッコミが目に浮かぶようですが、私が使っているのはこの2つだけです。 \n \t これだけです。 \n は

    超初心者向け!正規表現で「的確に素早く」ラクしよう : LINE Corporation ディレクターブログ
    paranod
    paranod 2009/04/11
    正規表現について
  • web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ

    こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【1】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し

    web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
  • マークアップエンジニアじゃなくても覚えておきたい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

    マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
    paranod
    paranod 2009/02/18
    ディレクターとして把握しておいた方が良いHTML/CSS関連のお話
  • 社会人なら押さえておきたいフレームワーク思考 - livedoor ディレクター Blog(ブログ)

    こんにちは、livedoor Blog担当の眞子裕介です。 今回は、ビジネス上のスキルとして注目を浴びている「フレームワーク思考」について説明いたします。 そもそも、みなさんは、「フレームワーク思考」という言葉をご存じでしょうか? 「フレームワーク思考」とは、情報分析、問題発見や、問題解決(*1)や戦略を立案する際に利用する「思考の枠」のことを指します。 (*1)All Aboutの「フレームワーク思考してますか?」から引用しました。 この「フレームワーク思考」を活用すると、自然と思考が論理的かつ客観的となり、思考の結果を人に説明しやすくなります。 私の経験をもとに言えば、「フレームワーク思考」を学ぶ以前に「機能の要望」を検討する時は、ユーザーの立場でユーザーが求めるであろう機能を考えていましたが、どうしても主観的な意見となりがちでした。しかしながら、「フレームワーク思考」を学んだ後は、「

    社会人なら押さえておきたいフレームワーク思考 - livedoor ディレクター Blog(ブログ)
  • クリックさせるキャッチコピーの作り方 - livedoor ディレクター Blog(ブログ)

    はじめまして、ライブドアキャリアを担当している小俣といいます。 いきなりですが、ライブドアにはたくさんの広告枠があることは、皆様ご存知かと思います。トップ以外の各コンテンツのヘッダー部分に出ている横長のバナーや、ニュース面に掲載されているテキストなどがその代表例でしょう。 その広告枠、常に完売状態なら万々歳なのですが、売れずに枠が空いてしまう場合もあります。 このような場合、売れなかったからといって空欄にするわけにはいかないため、フィラー(自社広告)を出します。 例えばテレビの場合、番組宣伝や公共広告機構の CM がフィラーとして使われます。 そしてライブドアの場合、自社広告は各コンテンツの広告を出すのですが、やはり自社の広告といえども広告。結構キャッチコピー1つで、クリックされる数が大きく変わってきます。 そこで以下に、効果的なキャッチコピー作成のための、3つコツを書かせていただきたいと

    クリックさせるキャッチコピーの作り方 - livedoor ディレクター Blog(ブログ)
  • 1