16進数のカラーコードは覚えづらいですが、意味のある文字列なら覚えやすいのではないでしょうか。ソースコードは、どこからどこまでが「一つのかたまり」なのかが、判別しづらいものです。入れる」とか「セレクターを工夫して判別しやすくする」などという対応はできますが、ソースコードが複雑になったり、複数人が作業に関わったりすると破綻しがちです。いう部分に注目して比較すると、違いが把握しやすいかと思います。中にあるんだ」と分かりやすくなっています。使うと、ソースコードを書くだけで、回転変形や角丸やドロップシャドウやグラデーションなどを実装することができます。これらはとても便利な技術ですが、まだ策定中の仕様も多く、プロパティ(機能)によっては、ブラウザごとに書き方が異なるものがあります。プロパティを使った、要素を回転させるサンプルコードです。rotate(120deg);}将来的にはそれぞれ一行で済むはずなのですが、現在は何行ものソースコードが必要になっています。これを必要になる度に何回も書いていたら大変です。(ミックスイン)を使うと、ソースコードをかなりスッキリさせることができます。呼び出すだけで良いのです。機能は、ほんのさわりで、まだまだたくさんの便利な機能があります。コーダー・マークアップエンジニアの人が使いこなせば、もっとたくさんの効果が得られるでしょう。良いことづくめではありません。いくつかのデメリットもご紹介しておきます。使いこなすには、やはりある程度の学習が必要になります。書いている人ならば、そこまで負荷の高いものではありません。記述したり混在させることも可能です。使いやすい便利な機能のみを利用する」といった運用も良いでしょう。ダブルクリックするだけ」に比べると、少しだけ導入にクセがあります。言え、丁寧に解説しているサイトや書籍が存在しているので、そんなに苦労することは無いでしょう。いうファイルを編集します。ファイルに変換して利用するのです。ファイルも管理する必要があります。ファイルだけを管理すればよくできる方法もあるので、エンジニアに相談してみると良いでしょう。興味を持った人は、以下のサイトや書籍がオススメです。HappyLifeさんが、Sassを覚えよう!というステキ記事を書かれています。環境構築はスクリーンショット入りで分かりやすいですし、基本的な機能もサンプルコード入りで丁寧に解説されています。使いこなせるようになっているはずです。初学者に向けてのチュートリアルとしてもオススメです。〜より効率的なCSSコーディングという本が出ています。解説書です(2012年7月7日現在)。電子書籍のみの販売ですが、PCのブラウザからも読めますし、ソースコードがコピペできるので、とても便利に使えます。マークアップエンジニア達です(#ステマ)。以上、Webサービスの開発現場で今や日常的に触れるSassというものについて改めてご紹介しました。Japanでは、新しい技術で開発の効率化を図れるディレクターを募集しています。カテゴリ:webサイト開発2012年07月12日オンラインゲーム運営で大切な3つのポイントはじめまして。ゲーム本部の杉浦と申します。オンラインゲームの運営を長く経験させていただきまして、現在は、海外ライセンスや共同開発など、ゲームタイトルの事業を統括させていただいており、代表作としては「ドラゴンネスト」などに関わっています。今日は、ドラゴンネストをはじめ、ハンゲームのオンラインゲームで実践されている、オンラインゲーム運営の3つのポイントについてご紹介します。セグメンテーション1つめは、「セグメンテーション」です。セグメンテーションとは、お客様属性をカテゴリ分け(マッピング)し、どういった感情、どういった行動を行うかをそれぞれにおいて分析し、それらに対して対策を実施することです。お客様属性をライト層、ミドル層、コア層と大きく3つに分けます。(もちろん、状況によってはもっと細かく分析することもありますが)ゲームに初めて触れるお客様は、最初は全員ライト層に属することになります。このライト層のお客様がミドル層、コア層に変化していくわけですが、その変化(成長変化)が、ゲームサイクルとしてきちんと設計されているかどうかがとても重要なポイントです。この設計がきちんと組み込まれていない場合は、開発面、運営面においてどうカバーするかを考えていかなければいけません。このゲームサイクルの設計がすべてのベースになります。その上で、「継続要素」と「マネタイズ設計」を、「ライト層」、「ミドル層」、「コア層」それぞれに適した形に組み込まなければなりません。ここの詰めが曖昧だと、あとあとの軌道修正に時間をとられることになります。今を知る2つめは、「今を知る」ことです。当初描いていた事業計画、プロモーション計画など、綿密に計画してゲームをローンチしますが、そのあと、なかなか思惑通りにいかないことが多いものです。なった時、当初の計画をいろいろいじる前に、まず「今を知る」ことが重要です。「今を知る」ために、当たり前ですが、ゲームをプレイします。そのときに見るべきポイントは、お客様行動はどう変わったのか、お客様ニーズは今どこにあるのか、ゲーム内マネーの変化、コンテンツ導線の変化などなど。目標としているKPIの変化を見るのも大事ですが、まずはゲーム内でどういうことが起こっているかを定量、定性的に把握することが重要です。「今」をきちんと把握せずに、あれこれ画策しても、「間違った課題に対して、正しい答えを探す」ことになるだけなので、まずは、お客様視点で「今」を知る努力が必要です。オリジナリティ3つめは「オリジナリティ」です。ひとこと「オリジナリティ」、そう言われても難しいところですが(苦笑)、やはりいずれの企画にも工夫は重要です。コンテンツや施策にどれだけ創意工夫できるかというのが、プロデューサーやディレクターの腕の見せどころだと思います。ゲームそのものに変化はなくても、お客様の遊び方や感じ方は、日々変化していきます。今日すき焼きが食べたい!と思っても、来週も同じようにすき焼きが食べたいとは限らないですよね?(笑)その感覚と同じなのですが、ゲームの中、お客様は、常に変化しています。運営サイドが構築したゲームサイクルはあるものの、お客様の変化を把握していない状態で、あれこれ企画をしても、なかなか成果は見えにくいものです。その企画がうまくいったかどうかの振り返りも行いにくいですしね。同じすき焼きでも、野菜をちょっと変えたり、卵にもひと手間加えたりなど、ちょっとした工夫で、変化を与えることができますよね?お客様の変化を如実に感じ、本質的な課題は何かを見据えた上で、あれこれ企画を練らないと効果は薄いと思います。以上、3つのポイントについてかなりざっくり書いてみましたが、追究すればするほどもっと複雑なものだったりします。そこを突き詰めることが運営の醍醐味でもあり、結果、お客様の反応が顕著に表れれば、運営としての最高のやりがいを感じます。本当はもっとひとつひとつ深堀して話していきたいところですが、紙面の都合上もあるので、またの機会に...。最後に、私はすき焼きが好きなわけではありません。どちらかというとしゃぶしゃぶ(豚)が好きです。Japanでは大規模サービスの運営ポイントをしっかり抑えたディレクターを募集しています。Japanの広告事業グループに所属している阿部です。Japanの広告事業が次にどのようなステージにいくのかをお伝えします。JapanのAEとして働く魅力をお話させていただきます。Japanをもっと知りたい方へ。今現在の転職意思は問いません。お気軽にご参加ください。※応募者多数の場合は抽選とさせていただきます。応募方法:こちらのページからご応募ください。Japanの全ての広告媒体を扱う広告事業グループのディレクターです。プロダクト部門に所属する制作・開発系のディレクターと違い、広告営業マンや広告主などと仕事を進めることが多いです。広告営業スタッフと二人三脚で仕事をすることがとても多いポジションです。今回は、広告系のディレクター向けの、ここに注意を払えばスムーズに仕事が進捗するだろうというポイントをまとめてみました。関わる人が多い広告系ディレクターは、誰の方向を向いて案件を進めるのが理想的なのでしょうか。上図1のように、広告営業の方を見て仕事をするのは顧客を置き去りにする行為にも近しいので、あまり宜しくないでしょう。言って、上図2のように広告主の方を向いて仕事をするのも本当の顧客を放置しているように思います。本当の顧客とは、広告主が広告を届けたいと思っているカスタマーのことです。上図3のように、案件に関わる人が全てがカスタマー(ユーザー)の方を向いて仕事をするのが理想的なのではないかと思います。真のクライアントは、顧客の顧客なのです。案件の受注後、広告営業の情熱が失せてしまい、ディレクターが孤立奮闘しなければならなくなるというケースがあります。いわゆる「(受注を)取ったら終わり、あとは丸投げ」パターンです。そんな不幸を回避するためには、営業マンを含め皆がプロジェクトメンバーであるという意識を植え付けることが大切です。広告営業へ細かな進捗報告を入れたり、MTGにアサインしたり、成果物を共有したり、方法は様々です。広告営業に案件にコミットしてもらうには、「関係者を巻き込んで案件を進めるのだ!」というディレクターの巻き込み力が重要です。それが、案件に対する営業マンのモチベーションを低下させないコツです。(2)とは逆にマメに動いてくれる広告営業もいます。「これは私のお客さんの案件なので、私がフロントで折衝します。ディレクターとしては、これに甘えてついついメンドーな交渉ごとをお願いしてしまうこともあるでしょう。この手のタイプの広告営業と付き合う場合こそ、ディレクター自ら矢面に立って積極的に動くべきです。責任感の強い広告営業ほど、貸し借りの関係を明確に意識するもので、こちらが困った時にも助けてくれるからです。広告主から成果物に関する問い合わせのメール。営業が不在でCCに自分も含まれている場合はサッと調べて返信してしまいましょう。人を動かそうと思ったら自分からまず動くべき、という話ですね。Web業に従事していたとしても、彼らはセールス・マーケティングのプロであってWeb制作のプロではありません。広告主とのWeb製作に関しての交渉を任せすぎたあげく、ありえないスケジュール、ありえないコスト感で案件が決まってしまうなんてことはよくある話です。企画を落としこむポイントや、スケジュール、コスト感、レポーティング項目など、案件が成功するか否かのクリティカルなポイントではディレクターが前に出てグリップすべきです。広告営業に限ったことはありませんが、仕事のパートナーは尊敬しなければならないと考えています。相手を尊敬して、正当に評価することで、信頼やチームプレイが生まれ、高いパフォーマンスを出せるからです。広告営業も案件が決まるまでは、ディレクターの援護を受けずに戦っている場合の方が多いでしょう。そんな中にあって案件を受注してくるというのは、尊敬すべきことだと思います。相手に尊敬の念が伝われば、営業マンのモチベーションも上がり、結果パフォーマンスに反映されるでしょう。まとめ上記5つのポイントをきっちり押さえて、営業マンと仕事ができると幸せですね。これはディレクター視点からの物言いですが、あるいは逆に「営業である自分に言わせりゃ、ディレクターにはもっとこう動いて欲しい!」と考えている営業マンもいらっしゃるでしょう。そんな鬱屈した思いに悶々としている広告営業の方は、ぜひ冒頭のセミナーにご応募ください。新しい発見があるかも知れません。Blogポータルを担当している小出です。BlogのPC版ポータルはフルリニューアルを行い、大きく生まれ変わりました。私はディレクターとして担当したのですが、今回のサイトリニューアルを通して、技術的なトレンドやタスク管理ツールなどは日々進歩していると改めて感じています。Blogのリニューアルを通して感じた「ディレクターとしてのサイトリニューアルの心がけ」の要点をご紹介したいと思います。同じサイトでもアクセスデバイス毎にユーザー層は異なるリニューアルを行うにあたり、まず私が行ったのがサイトのアクセス解析等の各種調査でした。その調査を通し、ライブドアブログのポータルにはPC版はブログ作成者の訪問が多いスマホ/モバイル版はブログ閲覧者の訪問が多いという2つの特徴があることが判明しました。その結果を踏まえPC版リニューアルにあたっては「ブロガーが満足できるサイト設計」を意識してデザインやシステムを構築することとしました。ポータルサイトにおいては、同じページでも、デバイスによってアクセスしてくるユーザー層が異なることは多々あります。サイトリニューアルを行う際は、思い込みでいきなりサイト設計に入る前に綿密な調査をおすすめします。重点的に手をいれるべき部分が明確にして、サイト設計を行いましょう。Tasks」というwebアプリを導入してみました。リリース直前には大量の修正依頼や確認依頼がインスタントメッセンジャー上でやりとりされます。相当な効果を発揮してくれました。開発中は、進捗確認の為のMTGを週3回30分ずつ行いました。作業時間が削られることもあり担当者には当初嫌がられましたが、結果的に、タスクの細かい問題点などを共有する良い場となりました。リニューアル後の反省会でも各担当者から「あのMTGは本当に良かった」と言われた事もあり、顔を合わせたコミュニケーションの効果を再認識しました。ベストデザインを生み出すためにデザインを一新するにあたって、2人のデザイナーに、通常のPCサイトの3倍近い量のサンプルを出してもらいました。リテイクも無数にあり、デザインが最終決定するまで1ヶ月を要しています。結果的に採用されなかったサンプルもいくつか公開してみます。apple、flipboardなど海外のサイト、国内だと無印良品のサイトなどを研究し一部参考にしました。試行錯誤を経て、デザインは以下のように生まれ変わりました。[リニューアル前][リニューアル直後]なお、今回のリニューアルからライブドアブログポータルではグリッドデザインを使用しています。「ブロガーに情報を伝える」かということを第一に考え、整った安定感のあるレイアウトにすることを心がけました。いったアプローチはデザイナーと相談しながら進めていきましたが、ディレクターも前提知識として把握しておいた方が良いでしょう。打ち合わせ段階でよりスムースにプロジェクトを進捗させることができます。為の工夫ライブドアブログポータルでは、今回のリニューアルを機にIE6は対応しないことにしました。PIEを採用しましたが、多用すると重すぎたため、デザイナと相談して必要最低限の範囲で使用。この施策により、リニューアル前と比較するとかなり軽量化されています。ポータルPC版スマホ版ともにSassを導入することで運用の効率化を図っています。〜より効率的なコーディング」という書籍を上梓している、Sassに精通した担当であった為、環境の導入もスムースにできました。この導入で、マークアップの工数をかなり削減することに成功しています。Blogポータルでしたが、実は約1ヶ月後に大幅改修が入りました。アクセス解析によるとリリース後1週間でPV、訪問者ともに約16%も減少してしまったのです。早急に対応が迫られました。制作に1ヶ月以上を費やしたデザインでしたが、結果的には2012年5月28日で改修を行い、以下のようなデザインになりました。[改修後の現デザイン]大きな変更点は、当初はトップページに存在しなかった「ブログ速報」をトップページのファーストビューに配置することで、よりリアルタイムに人気ブログの更新情報を閲覧できる仕組みを導入したことです。「ブログニュース」「ブログ速報」「編集部おすすめ」の3つのコンテンツをファーストビューに配置しことで直帰率が2%ほど改善。第2階層、第3階層の回遊率を高めるチューニングを徹底的に実施した結果、PV・訪問数ともに回復。現在ではリニューアル前よりPV14%増、訪問数3.6%増で推移しています。「数字が下がったから修正する」というのは日常茶飯事ですが、モバイルやスマホサイトと比較すると、PCサイトのデザイン修正は時間がかかります。ここまで数値が下がることは想定していなかったため、リソースの調整にはかなり苦労しました。事前に「修正ポイント」を想定しておき、予めリソースを少し多めに確保しておくことも念頭に置いた方が良いでしょう。まとめPCスマホそれぞれで、ディレクターが押さえておくべきデザイン・技術トレンドは多くあります。自分から調べることも大事ですが、私は基本的に「知っている人に細かくヒアリングする」ことがプロジェクトを円滑に進める上では早く、確実だと考えています。今回の案件は特に私にとって馴染みのないトレンドが多かったのですが、プロジェクトメンバーに教えてもらいながら理解していくことで、結果的にプロジェクトを上手くディレクションすることができました。Japanでは、初めて対応する領域でも臆すること無くプロジェクトを進捗させられるディレクターを募集しています。カテゴリ:裏話(開発秘話)webサイト開発2012年06月28日Webディレクターなら押さえておきたいIT健保活用術こんにちは。ウェブサービス本部の鳴海です。した梅雨、イヤですねぇ。これが明けたら夏がやってきます。夏といえばレジャーシーズン。IT健保の活用が最も盛んな季節ですよね。いうわけで今回は上半期最後の更新ですし、ちょっと趣向を変えて、本格的な夏を迎える前にIT健保の意外と知られていない活用術についてまとめてみました。疑問にお答えできればと思います。そもそもIT健保って何?このブログの読者さんの中にはおそらく会員企業に所属されている方がけっこういらっしゃるのではないでしょうか。正式名称は「関東ITソフトウェア健康保険組合」(略してIT健保)。関東のIT系企業が所属する保険組合です。TOCO」という冊子が会社で配布されたと思います。申しまして、IT健保の福利厚生はかなり手厚いです。旅行パック、保養所、レストラン、レジャー施設、ゴルフ場、海の家、プール、スポーツジム、スノボだなんだと盛りだくさん。全国にあるさまざまな施設が補助のおかげで安く利用できるのです。それらをすべて挙げていってもキリがないので、今回は東京近辺で気軽に利用できる3項目に絞りたいと思います。これはIT健保が管理するビル「トスラブ山王健保会館」の1階に入っているお寿司屋さんです。二ツ星の銀座「鮨かねさか」の系列店。IT健保の委託により、会員企業向けに出店しているとのこと。二ツ星のお寿司屋さんと同じレベルのお寿司を会員企業限定のお手頃価格でいただけるのです。これは行かないと損です。食べログの評価3.84、夜(平均)¥5,000〜¥5,999食べログの評価はわずか0.16ポイント差ながら、平均予算は4倍以上の開きがあるという事実が、IT健保の凄さを物語っていますね。それでは続いて実際の予約の手順と、お店でお寿司をいただいてきたレポートへ。IT健保のWebサイトにメニューが掲載されていますが、1050円から5250円まで5種類のコースがあります。握りを心ゆくまで堪能するなら3150円の「一新にぎりコース」、お刺身から焼き物まで盛りだくさんいただきたい方は5250円の「板前おまかせコース」がおすすめです。営業時間は17時〜22時(ラストオーダーは21時15分)。2時間制のコースが17時〜19時、19時〜21時で2回転するのが基本となります。コース料理はすべて2時間で終わるようになっているので原則は2時間制限となります。遅くとも19時半の予約を取るようにしましょう。03-5570-1921)に電話してみましょう。尋ねられるので答えましょう。これで予約は完了です。あとは当日、お店に行くだけですが、その前に「ITSレストラン利用書」(PDF)をプリントアウトし、記入して持参。場所は溜池山王駅徒歩3分。山王パークタワー目の前の好立地です。ビルに入ると受付があり、ここで健康保険証を提示し、ITSレストラン利用書を提出します。このへんの手続は普通のレストランとは違うので初回は戸惑いそうです。予約の時間になったら、席に通されます。厳かな雰囲気の入り口、着物の店員さんが案内してくれて、さすが高級店。カウンターに座り、目の前に板前さん。看板カウンターに座るさて、この日オーダーしたのは2100円の「にぎり月コース」。先付1品に寿司10貫、巻物1本、お椀というシンプルな構成。そのクオリティの高さには大満足でした。先付はわかめとみょうがの酢の物。していて、ビールにもよく合います。生中は370円、ヱビスの小瓶は320円。ウィスキー、シーバスリーガルはシングルでなんと240円。ほかにも焼酎では芋の黒麹萬年がグラスで250円などびっくりのお値段。先付をいただいたら、いよいよお寿司がスタート。10貫は以下のとおりでした。感想としては、どれも本当においしかったです。いままでたいしたお寿司を食べたことがないということを差し引いても、これまでの人生で一番でした。まぐろの砂ずり、穴子はちょっとびっくりしました。これは他のお店ではなかなか出会えない味かと思います。砂ずりというのはまぐろのお腹の部分だそうです。お腹が海底の砂にすってしまうほど脂がのっているまぐろから取れる大トロのなかの希少部位。極上のまぐろ1匹から20貫ほどしか取れないと聞きました。その日の入荷状況に左右されるので確実にお出しするのは難しいとか。コースの中に入ってたら超幸運だそうです。これを炙っていただくと脂がしつこくなく、さっぱりと口の中でとろけます。芝エビの玉子焼きドリンクはどれも安いさらに途中で出していただいた芝エビの玉子焼きはまるでケーキのような上品な甘みと濃厚なエビの風味が合わさり、悶絶させていただきました。最後に巻物が1本、お椀がついて2100円。ビール、焼酎2杯あわせて2950円。驚きのコストパフォーマンスです。これが銀座の鮨かねさかだったらお会計は軽く1万円を超えてしまうと思われます。IT健保で安くなる寿司屋があるらしいと聞いたことはありましたが、まさかここまでのクオリティだとは。Webサイトを見ただけではちょっと想像がつきませんよね。一新のWebサイト混雑具合ですが、金曜日、土曜日の場合は2〜3週間前から予約を取っておいた方がよいと思われます。その他の平日は1週間前でも空いてるかもしれません。夏に楽しみたいプールも半額以下でお寿司の話に文字数を費やし過ぎたので残りはさらっと進めます。夏といえばプールですね。流れるプールに浮かんでみたり、波のプールではしゃいでみたり、ウォータースライダーで滑りまくったり、いろいろな楽しみ方があります。都内の屋外プールといえば豊島園やよみうりランド。入場料はお高いのです。豊島園のプールは4330円、よりうりランドのプールは2800円です。TOCO夏号に入っているチケットを使うと、豊島園:4330円→1550円、よみうりランド:2800円→1200円に割引されます。この差はけっこう大きいです。ゴールドジムが1日780円で利用できるのはお得さて、プールに行く前に身体を引き締めておきたいところですが、いざトレーニングをしようとしてもなかなか1人ではうまくいきません。スポーツクラブがおすすめです。いえ、お忙しいWebディレクターの皆さんの場合、仕事後に通うのは難しいかと思います。月額1万円ほどの会費を払って、月に4〜5回しか行けなかったとなってはちょっともったいないですよね。そんなときはIT健保を使って賢くスポーツクラブを利用してみましょう。コナミスポーツクラブ、セントラルスポーツ、へるすぴあの3種類が利用できます。いずれも都内にたくさんの施設を持っています。セントラルスポーツの場合、他社のスポーツクラブとも提携しており、例えばゴールドジムなども利用可能。利用法は基本的に毎回料金を払う都度利用制となります。料金は1回につき260円〜1100円となりますが、これはスポーツクラブの立地、設備の充実状況によって変わってきます。利用可能施設と価格はこちらのリストをご覧ください。一例を挙げますと、中野にある「ゴールドジムウエスト東京」を1回利用するにはIT健保会員企業の方は780円(正規のビジター料金は2630円)、目黒にある「セントラルフィットネスクラブ目黒」もIT健保なら780円(正規のビジター料金は5250円)。これはお得ではないでしょうか。利用回数が月に10回以下になら、IT健保を使って都度利用するのが断然おすすめです。利用法はこちらのページをご参考に(コナミスポーツクラブ、セントラルスポーツ、へるすぴあ、それぞれ別の登録方法があります)。このほかにもIT健保では旅行パックや保養所、ゴルフ場などお得な特典がたくさんあるのですが(けっこう抽選になります)、今回は気軽にお試しできる活用法をご紹介してみました。CorporationLINENAVERlivedoor前ページ次ページトップ。