【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ
こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、本特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強：スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は本格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
(修正済) これだけは抑えておくべき！一夜漬けスマートフォン講座 : LINE Corporation ディレクターブログ
※不備ありテキストの一部（アプリアイコンの箇所など）がバックデートしてしまっておりました。修正を行いました。- 9/7 22:00 こんにちは。4月の異動でポータルビジネス部に来てから、livedoor ポータルのスマートフォン関連の担当をしております石野です。 最初に 今回は「明日からスマートフォン担当してね」と上司から不意にリクエストされたとき用の一夜漬けスマートフォン講座を開催したいと思います。PCサイトの開発進行がメインであった自分が4月にプロジェクトに招集されてから慌てて覚えたものばかりです。 「iPhone4ってどう凄い（違う）の？」 「Retina対応どうするって言われたけど…レティナ？」 「Xperia以外のAndroidケータイって？」 「アプリ開発したはいいけど、その後どう公開していくんだっけ？」 「ドコモマーケット？au one Market？どっちにも申請必要？」
ロケタッチのつくりかた 第3回 デザイナー編 : LINE Corporation ディレクターブログ
はじめまして。 開発部 デザイナーの小黒と申します。 「連載・ロケタッチのつくりかた」ということで、デザイナーではありますがディレクターブログにお邪魔させていただきます。 ロケタッチでは、ロゴデザインとトーン＆マナーの選定、スマートフォンとPC用の画面UIデザイン、アイコンなどのビジュアルのアートディレクションなど、デザインに関わる全てを担当しました。 オーダーをより正確に掴むために クライアントやディレクターもしくはプロデューサーが「こういうの作ってよ」って言ったものをそのまま作ったはずなのに「これじゃない」「なんかちがう」と言われた経験はありませんか？ なぜそういったことが起こるのでしょうか。 それは、オーダーしている人がイメージしているものを正確に言葉にできていない場合があるからです。日本語というのは非常にあいまいで、単語ひとつとってもいろいろな解釈ができてしまいます。 また、世の中
Google Analyticsの非同期版コード導入のまとめ : LINE Corporation ディレクターブログ
こんにちは、坪田です。 ライブドアでは、アクセス解析ツールをいくつか併用していますが、Google Analyticsも利用してサイト分析をおこなっています。 ディレクターブログでも何度か記事にしていますが、Google Analyticsの「ga.js版」と呼ばれる1世代前のトラッキングコードを利用していましたが、最近いくつかのコンテンツを「非同期版」に移行しました。 通常は、トラッキングコードを非同期版に入れ替えるだけですが、イベントトラッキングやカスタム変数を利用している場合は、非同期版に対応したコードの書き換えが必要となります。 今回は、非同期コード版の導入メリットと注意点についてまとめてみました。 非同期トラッキングコードについて 非同期トラッキングコードは2009年12月にベータ版で公開されましたが、2010年5月17日以降はGoogle Analyticsは非同期トラッキング
モバイルサイトのデザイン : LINE Corporation ディレクターブログ
こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。 今回は、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方をご紹介したいと思います。 モバイルサイトのデザインというと、画面が小さいし容量制限も厳しいし、デザインのやりようがないのでは？ と思うかもしれません。 確かに 1 年程前まではそんな状況だったのですが、世間的に 3G 端末が普及し、容量制限の緩和、通信速度の向上とモバイルサイトを華やかに魅せる環境が整いつつあります。 そこで『ケータイ livedoor』も昨年後半あたりから少しずつ 3G 端末をメインとした開発を行っており、今ではモバイルサイトの“こったデザイン”が必須となっています。 これまで、サイト開発時にディレクターがデザイナーにお仕事を依頼するタイミングは、サイトのリリース直前という場合がほとんどでした。最後の仕
少しの手間でもモバイルサイトを華やかに魅せるデザイナーとの連携 : LINE Corporation ディレクターブログ
こんにちは、『livedoor 歌詞』や『livedoor 占い』を担当している吉沢です。 以前、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方ついての記事を書きました。 今回は、少しの手間でモバイルサイトを華やかに魅せるデザイナーとの連携をご紹介したいと思います。 こちらの記事にありますように、モバイルサイトのデザインを決める際、デザイナーにデザインカンプを作成してもらい、それを見ながらディレクターがコーディングを行います。 デザインカンプがケータイ上で実現され、徐々にカタチになってくると「なんかもうひとスパイスほしいな……」なんて思うことがあります。 パソコンサイトのデザインでも同じようなことがあると思いますが、そういうときに限って納期が迫っていたり、急ぎの作業だったりして、納期を延ばしてデザインしてもらうか、無理して間に合わせるか、「とりあえずこのままにしておくか……」
プロジェクトメンバーが幸せになれるワイヤーフレームの作り方 : LINE Corporation ディレクターブログ
こんにちは、livedoor Blog 担当の飯田です。 ちょうど新機能のワイヤーフレームを描いている最中だったので、今回は正解があるようで無いディレクターのメイン業務の一つ、ワイヤーフレームについて自分なりにどう考えて作っているかを簡単にまとめてみました。 特にワイヤーフレームをこれから初めて作ってみるという人の参考になればと。 ワイヤーフレームって？ ウェブサイトを構成する要素・動作をまとめた資料になります。構成書・モック・スケルトン・青写真と呼び方は人それぞれです。 ということで、実際以下の感じでワイヤーフレームを作っていきます。 とりあえず紙に描く 頭の中で考えていることをとにかく裏紙などを利用して紙に描いてみます。ワイヤーフレームと聞いてデジタルなイメージがありますが、こうした構想やアイデアベースの状態のときは、たくさん手を頭を動かして思いを出し切った方が整理がしやすくなります。
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
トピックスチームのレギュレーションと運用のシフト周り : LINE Corporation ディレクターブログ
モバイル事業を担当している小島です。 こちらでご紹介にあずかりましたトピックスの運用に携わっております。今回は、トピックスの運用体制について紹介させていただきます。 その前に……モバイルでニュースが見られる時間帯の波を紹介します。 このグラフを見ていただければお分かりの通り、 8時-9時 通学・通勤の時間帯 12時-13時 昼休み、ランチタイム 20時-24時 寝る前？ だんだんゆるやかにPVが上昇する という流れがお分かりいただけると思います。 ピークタイムよりもピークタイム前の数十分間のほうが忙しいです。というのも、下記のような準備があるためです。 ストックしておいた記事の中から、重要そうな記事をTOP面に集結させる 上記のニュースにひもづいた関連ニュースを整備する ピークタイムには微調整をしつつ、ピーク過ぎに使う記事を収集しなおします。というのも、ピークタイムを過ぎると、載せた記事の
CTOが伝授する「Webディレクターの傾向と対策」 : LINE Corporation ディレクターブログ
こんにちは、執行役員CTOの池邉です。 今日はディレクターブログにゲスト参加という事で、「開発者から見たディレクター像」と、それぞれの傾向と対策について書いてみたいと思います。 ディレクターの役割？ 弊社での一般的なWebサービスの開発/運用においては、プログラマ・デザイナー・マークアップエンジニア・ディレクターという職種が関わります。 プログラマ = システム開発する人デザイナー = デザインする人マークアップエンジニア = HTML/CSS書く人ディレクター = ？？？上記のように他の職種の役割が明確なのに比べて、ディレクターの担当範囲というのは非常に不明瞭です。企画職とか言われる事もありますが、プログラマの出す企画が通る場合もあるので、それだけでも無さそうです。 実は弊社においてもディレクターの担当範囲というのは、明確に定義されてないようで、プログラマ・デザイナー・マークアップエンジ
これだけは押さえておきたい、プロジェクト進行でのつまずきを防ぐ 5 つのポイント : LINE Corporation ディレクターブログ
こんにちは、ブログ ASP 担当ディレクターの久保田です。 自社メディアを運営するブログチームの中で、私の担当しているブログ ASP は法人向けにブログの ASP サービスを提供しているチームです。今回はクライアントに対して納品物のある案件で、プロジェクトスタート時に押さえておきたい 5 つのポイントを紹介します。 みなさんも大なり小なりプロジェクトが思わぬことでスムーズに進行できなくなった経験があると思います。特にスケジュールに余裕のないプロジェクトなどで、営業との引継ぎがうまく行かない状況でスタートすると、進めていたものが徒労に終わることは起こりがちです。 短期案件でどんなに余裕のない状態でもこれだけを押さえてプロジェクトを進められればつまずきのリスクを軽減できるのではないかと思うポイントをまとめてみました。 ブログ ASP は製品の特性上とても短納期なので意識しているのですが、備忘録
'鬼教官' 畑山流「ブログ更新を楽しく続ける」為のアドバイス : LINE Corporation ディレクターブログ
皆さんこんにちは、Jリスティング 営業担当の畑山です。 Google 検索で「AdSense 鬼教官」と検索すると私の名前が表示されてしまう、とっても怖い鬼教官です (実際は人一倍腰が低いです)。 そんな鬼教官の私が個人で運営しているブログの投稿記事が、先日おかげ様で 1,000 件を越えました。自分でもよくまあ 1,000 件分も飽きずに投稿したものだなと感心したわけですが、ここまで更新を継続してくるのにあたって、実は自分なりにブログを更新することに飽きが来ないような工夫を何点かしていました。 今回は「ブログ更新を楽しく続ける為のアドバイス」と題しまして、飽きがこない工夫とはどういった工夫なのかを説明していきたいと思います。 ポイント1. 人に褒めてもらう為に、人の為になる記事を書け続けるポイントはずばり、読者に自分のブログを認めてもらう・褒めてもらう事が重要です。認めてもらっている指標
Web サービスのプロモーションに大切な 5 つのポイント : LINE Corporation ディレクターブログ
こんにちは。ライブドアの薮田（yabucccchi）です。広告企画や自社媒体のプロモーション企画なんかをやってます。 Web サービスの担当者というと制作することに集中しがちですが、作るだけではサービスを使ってもらうことはできません。リリース前・リリース時・リリース後にどのようにプロモーションしていくのかを計画する必要があります。 今回は私たちがサービスやプロジェクトを進めるにあたって、どのようにプロモーションの計画をたてているのかをご紹介します。また本文の最後に私が使っているプロモーション計画表のテンプレートを参考までに Open&Share させていただきます。 実際に表を見ながら以下の 5 つの項目を考えていくと分かりやすいかと思います。 1. サービスのことを分析し目的やターゲットを明確にする まず、自分たちのサービスの Vision や Who・What を分析します。そのサービ
課題を解決するためのデザインリニューアルのポイント : LINE Corporation ディレクターブログ
婚活サイト「youbride (ユーブライド)」を担当している小野です。 youbride は、2月に UI 改善やデザインを全面入れ替える大規模なリニューアルを実施しました。このプロジェクトは昨年夏頃より始動していたのですが、メインイメージの写真撮影から手がけるなど、ウェブデザインの枠を越え試行錯誤の中進めた部分もありました。 そしてリニューアルから約 2 ヶ月が経ち、当初の目的であった利用促進や女性会員の増加という嬉しい結果が実際に現れてきています。 一般的にサイトの機能や利便性が、利用促進に繋がると思われることが多いように思います。しかしこの結果を見ていると、デザインによりユーザーに与えられるイメージやユーザーがサイトを利用しながら感じる印象が、サイトの利用促進に繋がることがわかり、デザインの重要性を実感しています。 そこで今回は、youbride のリニューアルを振り返りながら、利
複数の 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」の画面サイズにしてしまおう
ディレクターが押さえておきたい営業取引の基本的な流れと頻出ワード : LINE Corporation ディレクターブログ
こんにちは、小久保です。 私の経歴は、受託開発のディレクター → 自社媒体のディレクター → 事業責任者 という流れを経ておりまして、以前「受託開発事業から自社媒体事業へシフトするための意識改革のポイントとは？」という記事を書きましたが、実はキャリアパスの中で一番焦ったのが営業面での知識不足でした。 受託開発を担当している時は、開発工数と人月単価さえおさえておけば渉外対応はある程度事足りていたのですが、自社メディアの場合だと提携内容の検討と営業的な話は一体となって進むことが多く、必然的に営業的知識が必要になってきました。 今回は、営業職の経験が無いディレクターの方でも、ビジネス上で最低限これだけは知っておいたほうが良いと思う、営業面での知識について紹介します。 まずは、一般的な取引成立までの流れをまとめてみましょう。以前、弊社の「ビジネススキル勉強会」というブログに「取引行為についての勉強
サービス開発の名サポート役 Wikiの活用方法 : LINE Corporation ディレクターブログ
こんにちは。ディレクターをやっている渡辺です。 livedoor Wikiなどに携わっています。 皆さんはタスク管理をどのようにやっていますか？ 個人の場合であれば、手帳やホワイトボードを使っているのではないでしょうか。私見では紙を使っている人が多いような気がします。 では、グループでタスクを管理する場合はどうでしょう。 グループとしてやるべきタスクを把握するには、打ち合わせを行い議事録を共有したり、このディレクターBlogでも度々登場するBTSなどを利用しています。 livedoor Wikiのチームでは、自分たちのサービスを使って、グループのスケジュール管理、タスクの認識などに使っています。 Wikiはこんなところが便利 ・ドキュメントを複数で編集できる点 Wikiの基本的な機能ですね。BTSなどのスレッド形式とは異なり、あくまでページなので多くの人が編集しても見にくくならないのが特徴
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
