いよいよ10年目！ポータルサイトlivedoorの歴史を画像とともに振り返る : LINE Corporation ディレクターブログ
こんにちは、ポータルサイト「livedoor」の運用業務を担当しております。ウェブサービス本部の伊藤です。 突然ですが、皆さんは10年ほど前、どのようなウェブサイトをご覧になっていましたか？現在の「livedoor」がポータルサイトとして誕生したのは、2003年11月。いよいよ10年目に突入した今、改めてポータルサイト「livedoor」の変遷をたどりたいと思います。 それでは、総合ポータルサイトとして開始した当初から、振り返ってみましょう。 総合ポータルサイトとしての「livedoor」スタート 2003年11月 ライブドアは当初、インターネットサービスプロバイダとしてスタートしましたが、2003年当時にはプロバイダとしてのサービス以外にも様々なWebサービスを運営しており、それらは各種サービスごとにそれぞれIDを提供していました。また、総合ポータルサイトとして始動するにあたり、それらの
100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ
こんにちは、ウェブサービス本部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。 自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。 今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔 まずはLINEの自
そろそろ覚えておきたい Web用の画像加工・編集 超基礎入門 : LINE Corporation ディレクターブログ
こんにちは、櫛井です。 「もうちょっと明るくするだけで印象違うのに残念」 「余計なものはトリミングでなんとかしたらいいのにな」 と思う画像がインターネットには溢れていますね。 実は簡単なのに敬遠しがちな画像加工。今回は、画像加工ソフトの中でも高機能なのに安価な Adobe の Photoshop Elements を使って説明していきたいと思います。こういったツールは利用している人が多いものを選ぶと、わからない時などに周りに聞きやすいのでメジャーなソフトを選ぶとよいかと思います。 ちょっと長いので目次。クリックするとそれぞれの項目に飛びます。 基礎用語、基本的なこと画像の明るさや色味を変える画像にボカシやモザイクを入れる（おまけ）写真の余計なものを消す 基礎用語、基本的なこと 画像サイズ画像の大きさのこと。ピクセル単位で表す場合が多い。 キャンバスサイズと表記されることもある。 レイヤーア
ソーシャルゲームについての考察 - 3つの制作パターンと3つの要点 : NHN Japan ディレクターブログ
【2012.3.30 追記】 ディレクターブログ編集部です。各種ソーシャルメディアにて色々とご意見をいただいているようでありがとうございます。タイトルに適切ではない部分があると判断したためタイトルを変更いたしました。 ---------------------------------------------------- はじめまして。スマートフォンゲーム制作室の馬場一明です。 最近の仕事としては、スマートフォンハンゲームの「TEIBAN GAME」プロジェクトの統括を行いました。（その際に受けたインタビュー記事） ゲーム関連の部署に身を置く私ですが、ソーシャルゲームは作った事がありません。しかし仕事柄、ソーシャルゲームについての考察はしばしば行います。今回は、そんな私が現在大量にリリースされているソーシャルゲームを見て感じた、ソーシャルゲームをに作る上でのツボをお伝えできればと思います。
ディレクターの日常業務で役立つ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ほど便利なアドオン (機能拡張) がありませんでした
【スマホ集中連載 第2回】 "Android独自の仕様を把握しよう" 〜iPhoneとAndroidを徹底比較 : LINE Corporation ディレクターブログ
スマートフォングループ ディレクターの石野です。 スマホ王子からバトンを受けまして「ディレクターのためのスマートフォン講座」第2回目です。今回は Android と iPhone を用途別に比較しつつ、Android 独自の仕様を丸裸にしていきたいと思います。レベル1 基本編 とりあえず知っておくべし！レベル2 ユーザー編 iPhone から Android へ乗り換えるユーザー向けレベル3 アプリ編 今後アプリ開発に携わる人向け レベル1: 基本編 (とりあえず知っておくべし！) ◆物理ボタンの数[ホームボタン] のみの iPhone に対して、Android には [戻るボタン] と [メニューボタン] が搭載されています。 文字通り [戻るボタン] は1つ前の動作に戻れます。ブラウザで遷移していれば前のページへ、ブラウザを開く前にアプリを起動していればそのアプリへ、そして [メニュー
【スマホ集中連載 第1回】 "スマホ時代は本格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV : LINE Corporation ディレクターブログ
はじめに スマートフォングループでマネージャーしている坪田です。昨今は誰もが注目し、「スマートフォン」という言葉を見ない日は無いくらい盛り上がってますね。 市場の急成長に伴い、スマートフォン関連のテクニックや数値などを今週から連載していきます。Open&Shareという文化が大好きなので、ノウハウをオープン化する事で、市場活性化のお役に立てればと思います。 以下、本特集で今後執筆を予定しているテーマです。・ネイティブアプリケーションの品質管理 ・アプリ企画とデザイン ・iPhoneとAndroidの違い ・HTML5＆CSS3 ・Androidアプリマーケット ・アプリ企画時に知っておくべき開発用語集、開発で使える小技集 ・UI設計について ・おすすめ本＆ブログなどなど。 スマートフォン市場動向 今回はまず第1回という事で、国内の市場動向やiPhone、Androidのシェア率を話したいと
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 : LINE Corporation ディレクターブログ
モバイル事業を担当している渡邉雄介です。ライブドアでは2月に初のmixiアプリモバイル「わんにゃん★マイスター」をリリースし、現在も複数のアプリの開発を進めています。 リリースまでの手順はmixi Developer Center (開発者向けサイト) に詳しく載っていますが、PCと比較するとモバイルは勝手が違うところがいくつかあります。今回は実際にmixiアプリモバイルを申請した経験をふまえ、考慮しておきたいPC版との違い5点をまとめました。 その1 開発できるのは法人だけ 意外と知られていないのですが、モバイル版を開発できるのは法人だけです。個人がアプリ開発をする際のデベロッパー登録はPC版のみに適用され、モバイル版は対象外になっています。 ＜参照元＞ mixi Developer Center >> パートナーアカウント登録 個人の方は通常のアカウントを用いて、「デベロッパー登録」よ
複数の PC を手元で操作 「Synergy」を使おう! -Win&Mac 混合対応版- - NHN Japan ディレクターブログ
こんにちは、櫛井です。 仕事で同僚と話していると「こんなに便利なのに何で使わないんだろう?」と思うことがよくあります。今回はそういった感想を抱くことが最も多いソフト「Synergy」を紹介します。先日のエントリーでも少し登場しましたね。 →よく知っているので設定の項目へ急ぐ Synergy ってなに? 2 台並べたパソコンのキーボードを行ったり来たり。うんざりしますね。繋がってないのがわかっていながらも「すぐそこにあんだからこっちのマウス使わせろよ!」って思います。それを可能にしてくれるのが Synergy です。 実際に見てもらうのが早そうなので動画を撮ってみました。音はありません。正面に置いてある銀色のノート PC(64bit Windows7) には右側にモニタを追加していて、外付けのキーボードとマウスで操作しています。マウスを移動し続けて隣に置いてある黒いノート PC(Window
ディレクター用OpenIDまとめ : LINE Corporation ディレクターブログ
明けましておめでとうございます。 今年もよろしくお願いいたします。 検索を担当しております須田です。 昨年に引き続き年明け1発目の投稿となりますが、OpenIDの利用について、ユーザー・サービス提供側（以下RP） のメリット/デメリット等をまとめてみました。OpenID導入を検討する際のお供にいかがでしょうか。 用語の定義 OP OpenID Provider (オープンID プロバイダ)の略で、OpenIDとして利用できるIDを発行しているサイトやサービス。 RP Relying Party (リライング パーティ)の略で、OpenIDでログインできるサイトやサービス ※PRじゃないよっ 認証 OPがそのIDは確かにエンドユーザーのものであるという事を保証すること 認可 OPで認証されたIDを許可し、サービスに対する権限を与えること 詳しくはこちらで。 今回はこれらの用語を使用して進めさ
プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある！」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
これだけは読んでおきたい、すぐに使える新社会人向けビジネススキル10選 : LINE Corporation ディレクターブログ
エイプリルフールネタの後で非常に書きづらい、本当にディレクターブログ担当の飯田瞬です。食べる方のニラレバは大好きというほどではありませんが、おいしいですよね。 さて、この「livedoor ディレクター Blog」読者の中で4/1から新社会人として新しいスタートを迎えた方も多くいらっしゃると思います。そこで、今まで「livedoor ディレクター Blog」に投稿されたエントリーの中で、すぐに使えるビジネススキルエントリーを10個ピックアップしてみました。 いきなり実行するのは難しいとは思いますが、覚えておいて (読んでおいて) 損はないエントリーばかりですので、是非、今週末を利用して読んでみて、月曜日から少しずつ実践してみてください! --- 【01】ディレクターの為のビジネスマナー講座 「ディレクターの為の...」とありますが、ディレクターに限らず社会人として基本中の基本のビジネスマナ
web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
10分でわかるOpenIDの概念と用語集 - livedoor ディレクター Blog(ブログ)
こんにちは、livedoor AuthやOpenID、EDGEを担当している櫛井です。 皆さんはOpenIDというものをご存じですか？今回は10分でわかるOpenIDの周辺情報をまとめてみたいと思います。 OpenIDとは、１つのIDで色々なサイトにログインできる仕組みのことで、対応サイトに対し、ユーザーの認証IDとしてURLまたはXRIを使用することが出来る分散型の認証システムを指します。最近ではOpenIDを発行しているサイトや、OpenIDでのログインに対応しているサイトも増えてきています。認証の遷移イメージとしてはlivedoor Authの図が参考になるかと思います。 ■用語 ・OP OpenID Provider (オープンID プロバイダ)の略で、OpenIDとして利用できるIDを発行しているサイトやサービスを指します。OPが発行しているOpenIDの数は数千万とも数億ともい
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
AdSenseの鬼教官 畑山の語るAdSense入門 - livedoor ディレクター Blog(ブログ)
こんにちは。ポータルGに所属しております畑山です。 今回は私が担当しております Google AdSense の紹介と、簡単な基礎用語の説明をいたします。 【01】Google AdSenseとは Google AdSense は、検索大手の Google が運営するクリック保障型のアフィリエイトサービスです。 アフィリエイトサービスには色々な種類があり、 1.紹介した物が売れた際に販売額の数パーセントが報酬として支払われる成果報酬型 2.広告をユーザーがクリックした際に報酬が支払われるクリック保証型 3.インプレッションに応じて報酬が支払われるインプレッション保証型 などがあります。Google AdSense では以上で紹介した3つの保障型の全てに対応しておりますが、個人的に主力はクリック保障型だと考えております。 【02】Google AdSense の特徴 Google AdSes
Excelのグラフでデータを見よう : LINE Corporation ディレクターブログ
livedoor Blog でデータ集計を担当している石津です。 今日は Excel にてデータをグラフ化にした時の見せ方について書きたいと思います。 比較的にExcelを使い始めて間もない方や、Excel でグラフを作った事がない方が見ていただけると幸いです。 【01】数字を精査、表にする 今回は Microsoft Office Excel 2003を使った「200X年XX月に新規加入者」のデータ精査が対象になります。 私自身は数字を扱うのが好きなので、生データ（登録日・年齢などの数字）をそのまま csv や tsv などで出してもらい、精査する事が多くあります。 まず精査する時には、皆さんもよく Excel から該当するデータを抽出する時に使用していると思いますが、 ・オートフィルター機能 ・VBA を使用して該当の数字を抽出しています。オートフィルター機能を使用して抽出します。 オ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
