ディレクターがプログラマーとうまくやる方法を全部教えます : LINE Corporation ディレクターブログ
こんにちは、櫛井です。 プロジェクトマネージャーやディレクターの仕事というのは多岐に渡りますが、特にプログラマーと上手にコミュニケーションを取り一定の目的を果たすというのはわりと大変なことだったりするらしいです。私は比較的プログラマーとうまくやれているタイプのようなのであまり苦労した覚えが無いのですが、過去10数年で培ったプログラマーと上手くやる方法を紹介していきたいと思います。おまけで「プログラマーに嫌われる６つのこと」も紹介します。 ※うまくやれてるイメージ図 プログラマーと上手くやる方法をざっくり言うと 役割分担として求められていることをやる お互いのTODOを把握し区切りをつける スケジュール管理をしっかりする といったカンジです。ではそれぞれ説明していきます。 役割分担として求められていることをやる そもそもディレクターが求められる役割とはなんでしょうか。Web開発案件におけるデ
オンラインゲーム運営で大切な３つのポイント : LINE Corporation ディレクターブログ
はじめまして。ゲーム本部の杉浦と申します。 オンラインゲームの運営を長く経験させていただきまして、現在は、海外ライセンスや共同開発など、ゲームタイトルの事業を統括させていただいており、代表作としては「ドラゴンネスト」などに関わっています。 今日は、ドラゴンネストをはじめ、ハンゲームのオンラインゲームで実践されている、オンラインゲーム運営の３つのポイントについてご紹介します。 1. セグメンテーション １つめは、「セグメンテーション」です。セグメンテーションとは、お客様属性をカテゴリ分け（マッピング）し、どういった感情、どういった行動を行うかをそれぞれにおいて分析し、それらに対して対策を実施することです。 まず、お客様属性をライト層、ミドル層、コア層と大きく３つに分けます。（もちろん、状況によってはもっと細かく分析することもありますが） ゲームに初めて触れるお客様は、最初は全員ライト層に属す
パソコンを離れてコンテンツを作ったら10倍のアクセスがあった件 : LINE Corporation ディレクターブログ
現在39歳、IT業界にいながらパソコンの前に座ることが辛くなってきたディレクターの谷口正人です。 その為、担当している広告企画も、現在では外に撮影しにいく機会が増えているのですが、パソコンの前に長く座って記事を作るよりも、外に出て作った方が好評だったという事を今回レポートします。 ケーススタディ１. ライフネット生命とのコラボ企画 例えば最近担当した企画では、ライフネット生命さんが保有契約数10万件を突破されたことを祝い、「10万」をキーワードに、「10万回納豆を混ぜてみるとどうなるか？」「10万世帯を囲む超巨大なライフネット生命のロゴをGPSで描いてみる」などのバカなチャレンジをしました。作業の大半はロケの準備や撮影という体を使ったものでした。 ライフネット生命 保有契約１0万件おめでとうサイト この企画は昨年末から年始にかけた１ヶ月半の掲載だったのですが、ツイッターで1,530回つぶや
今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ
こんにちは。ライブドアのモリウチです。突然ですがWebディレクターのみなさん、「WebAPI」を使った企画や設計をしていますか？ APIとは「Application Programming Interface」の略で、特にWebAPIとはあるプログラムが、別のシステム (Webサービス) が持っているデータのCRUD (読み書き削除) や、一連の処理 (機能) の利用を可能にするための技術です。 WebAPIの活用の普及に貢献したのは2005年のGoogleMapのAPIでしょう。 WebAPIは、登場当初は地図情報や、都道府県やジャンルなどの静的な情報を取り出して利用することが主流でしたが、最近ではTwitterやFacebookのように利用ユーザーからの許可を受けてユーザーの個人データやソーシャルグラフを取り出して利用したり更新したりできるようなWebAPIが一般化してきました。そして
Web サービスのプロモーションに大切な 5 つのポイント : LINE Corporation ディレクターブログ
こんにちは。ライブドアの薮田（yabucccchi）です。広告企画や自社媒体のプロモーション企画なんかをやってます。 Web サービスの担当者というと制作することに集中しがちですが、作るだけではサービスを使ってもらうことはできません。リリース前・リリース時・リリース後にどのようにプロモーションしていくのかを計画する必要があります。 今回は私たちがサービスやプロジェクトを進めるにあたって、どのようにプロモーションの計画をたてているのかをご紹介します。また本文の最後に私が使っているプロモーション計画表のテンプレートを参考までに Open&Share させていただきます。 実際に表を見ながら以下の 5 つの項目を考えていくと分かりやすいかと思います。 1. サービスのことを分析し目的やターゲットを明確にする まず、自分たちのサービスの Vision や Who・What を分析します。そのサービ
ライブドアに入社して1年の私が更に驚いたこと : LINE Corporation ディレクターブログ
こんにちは。コンシューマメディア部 ディレクター浪越です。去年の3月に入社してそろそろ1年を迎えます。 以前紹介させていただきました『ライブドアに入社したばかりの私が驚いたこと』で色々と知られざる秘密を暴露した私が満を持してお送りする第二弾です。11 月末に会社を新宿のオフィスに移転し、また新たな探索フィールドが増えました！ したらば掲示板10周年記念真っ最中に、社内をうろうろ探検しています。それでは早速、第二弾にしてファイナルの社内探索記をご堪能ください。 その1．かっこいいエントランス 受付の上はむき出しの空調管、この無骨さにドキドキする人が続出したとか (私含)。出澤社長こだわりのデザインです。左側には弊社独特な名前が付けられたミーティングルームが並びます。詳しくは後ほど！ その2．謎の入退のシール 〜その後〜 『入』『退』のシールは剥がれていないのに無理やり上から貼られたシール。
ウィンナーの試食はなぜ、「街頭」でなく「スーパー」の中でしかやらないのか? : LINE Corporation ディレクターブログ
こんにちは、livedoor Blogで広告企画やプロモーションを担当している渡辺です。 前職では「ウェブやイベントの企画・ディレクション」業務に従事し、「もっとウェブの仕事がしたい!!!」という思いで、今年の 1 月より livedoor に入社いたしました。 今までに聞いたことのない開発単語が飛び交う中、辞書をめくりめくりカタコトで話している遣欧使節団のように、一日一日が好奇心に満ち溢れた楽しい毎日を過ごさせていただいています。 さて、私個人の話に戻ると、「雑誌の編集」(前々職)→「ウェブやイベントの企画・ディレクション」(前職)と、 いわゆる企業のプロモーショナルマーケティング業務に従事してまいりました。プロモーショナルマーケティングというと、「お、なんだ? 欧米か?」などとっつきにくい印象を与えますが、簡単に「モノを売るにはどうすれば良いんだね?」ということを考え、実践しているお仕
複数の PC を手元で操作 「Synergy」を使おう! -Win&Mac 混合対応版- - NHN Japan ディレクターブログ
こんにちは、櫛井です。 仕事で同僚と話していると「こんなに便利なのに何で使わないんだろう?」と思うことがよくあります。今回はそういった感想を抱くことが最も多いソフト「Synergy」を紹介します。先日のエントリーでも少し登場しましたね。 →よく知っているので設定の項目へ急ぐ Synergy ってなに? 2 台並べたパソコンのキーボードを行ったり来たり。うんざりしますね。繋がってないのがわかっていながらも「すぐそこにあんだからこっちのマウス使わせろよ!」って思います。それを可能にしてくれるのが Synergy です。 実際に見てもらうのが早そうなので動画を撮ってみました。音はありません。正面に置いてある銀色のノート PC(64bit Windows7) には右側にモニタを追加していて、外付けのキーボードとマウスで操作しています。マウスを移動し続けて隣に置いてある黒いノート PC(Window
Vimperator で効率良くウェブブラウジング : LINE Corporation ディレクターブログ
こんにちは、livedoor Blog を担当している飯田瞬です。 今回は「Vimperator」というアドオンを紹介したいと思います。最近 Vim 使い初めて Vim ちょっと面白いなーと思ってきたディレクターを対象にしてますので、初歩的な紹介とさせていただきたいと思います (あと、この記事みて少しでも「入れてみようかな」と思っていただければなと)。 Vimperator って? 一言で表すと Firefox を Vim と同じキーバインドで操作できるアドオンです。たとえば Vim でキーボードの「J」を押すとカーソルが下に動きますよね。それと同じで「J」を押すと下にスクロールしてくれます。 メリットは? ディレクターもメールを書いたり提案書を書いたりとキーボード入力中心の作業が多いと思います。 また、ウェブで何かを調べ物しながらテキストを起こすというシーンも少なくないと思います。そんな
「CocProxy」という便利なツールを知っていますか？ : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部 石野です。 livedoor Blogやクリップ、Readerの担当ディレクターです。 今日は「CocProxy」というツールをご紹介します。 同僚のプログラマーに教わったのですが、便利です。 コーディングにも携わるディレクターにはぜひ知っておいてほしいツールです。 CocProxyとは ブラウザからのリクエスト先をローカルファイルに置き換えてくれるプロキシです。 （一見取っつきにくそうですが） デバッグ時にその環境を用意をするまでの手間をなくしてくれる、時間短縮してくれるツールです。 メリット Ajaxを使っているなど、デバッグ環境を用意するのが大変な場合もプロキシの切り替え1つで済みます。 また、確認するために編集したファイルをサーバへアップロードして…といった手順をスルーできます。 amachangさんのこの記事を見て「名前は知っていたけど」という方も、
ディレクターにもおすすめ！「4Gbpsを超えるWebサービス構築術」執筆者インタビュー : LINE Corporation ディレクターブログ
こんにちは、櫛井です。 来る8月21日に、弊社のエンジニア達が執筆した本が発売になります。今回は執筆者を集めてインタビューをしてみましたので、その様子をお届けしたいと思います。インタビューするまでは「技術書読んでもわからないので今回はいいや」と思ってましたが、思いがけずディレクターにも関係ありそうな内容なので早速予約注文してみました。 ■概要 4Gbpsを超えるWebサービス構築術 著者：伊勢 幸一 販売元：ソフトバンククリエイティブ 発売日：2009-08-21 クチコミを見る ◆livedoor BOOKSで購入できます タイトル：4Gbpsを超えるWebサービス構築術 著者：伊勢 幸一,池邉 智洋,栗原 由樹,山下 拓也,谷口 公一,井原 郁央 (各プロフィールは本エントリの末尾に記載しております) 内容：実際のサービスでの適用手法を例として、快適なWebサービスを実現するための最重
ディレクターなら押さえておきたいモバイル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
モバイル SEO への取り組み : LINE Corporation ディレクターブログ
こんにちわ。モバイルディレクターの飯田瞬です。 今回は、最近何かと話題のモバイル SEO について触れたいと思います。 モバイルの SEO が注目され始めたのはつい最近の話で、2006年に EZweb がメニュー検索に Google 検索エンジンを導入したあたりだと言われています。ですので、PC に比べてモバイル SEO は歴史も浅ければノウハウもまだまだこれからといったところです。 そこで、ライブドアではモバイルサイトにどういった SEO 対策を施しているかをざっくり簡潔に紹介したいと思います。 【01】クローラーのアクセスを許可 モバイルサイトのアクセス制御を IP アドレスで行っている (ホワイトリスト方式) 場合、各検索エンジンのクローラー IP 帯域からもアクセスできるように設定してあげる必要があります。 この設定を行わないと、そもそもクローラーがモバイルサイトにアクセスできずク
社会人なら押さえておきたいフレームワーク思考 - livedoor ディレクター Blog(ブログ)
こんにちは、livedoor Blog担当の眞子裕介です。 今回は、ビジネス上のスキルとして注目を浴びている「フレームワーク思考」について説明いたします。 そもそも、みなさんは、「フレームワーク思考」という言葉をご存じでしょうか？ 「フレームワーク思考」とは、情報分析、問題発見や、問題解決(*1)や戦略を立案する際に利用する「思考の枠」のことを指します。 (*1)All Aboutの「フレームワーク思考してますか？」から引用しました。 この「フレームワーク思考」を活用すると、自然と思考が論理的かつ客観的となり、思考の結果を人に説明しやすくなります。 私の経験をもとに言えば、「フレームワーク思考」を学ぶ以前に「機能の要望」を検討する時は、ユーザーの立場でユーザーが求めるであろう機能を考えていましたが、どうしても主観的な意見となりがちでした。しかしながら、「フレームワーク思考」を学んだ後は、「
3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
デスマーチを防ぐスケジューリング : LINE Corporation ディレクターブログ
こんにちは。「livedoor 検索」担当の須田です。 今回はデスマーチを防ぐスケジューリングについて書きます。 以前紹介された、「4つのステップで作る webサイト開発のスケジュール作成」という記事も併せて参考にしてください。 みなさんは周囲で、「このお客様は大事なお客様なので、納期早めでお願いします」または、「大型の案件なので早めに作業してください」という声を聞いたことはありませんか？ 仮に、優先すべき案件だとしても、無理なスケジュールで作業を進行することは好ましくありません。 デスマーチ状態に陥るようなスケジュールを作成してしまった場合、ディレクターとして以下のような原因が考えられます。 1）技術者を魔法使いであるという幻想を持っている。 ※これに関しては、「エンジニアは魔法使いという幻想」という記事にも紹介されています。 2）技術者の作業内容について、「結果」は知っているが、「過程
Google Analyticsのちょっとしたテクニック : LINE Corporation ディレクターブログ
こちらデイリー４コマ編集部です。 今回はGoogle Analyticsを利用したクリックカウントの取り方におけるちょっとしたコツについてお話ししたいと思います。 Google Analyticsはページ内に集計用のコードを貼り付けるだけで、業務用としても耐えられる、様々なアクセス解析できる優れもののツールではありますが、ただそれだけでは少々もったいないです。一つの機能としてクリックカウントを使ってみましょう。 例えば <a href="http://www.livedoor.com/">livedoor</a> というリンクがあったとします。このリンクが果たしてどれだけクリックされているかを知るために、以下のようにリンクに細工を施します。 <a href="http://www.livedoor.com/" onClick="javascript:urchinTracker('/live
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
