多言語対応サービスを開発する際に気をつけるべき、4つのポイント : LINE Corporation ディレクターブログ
こんにちは。Cureチーム、Nobeです。 NHN Japanではこの度、12言語対応コスプレフォトシェアリングサイト、『WorldCosplay』をリリースしました。 『WorldCosplay』では、Facebook・Twitterのアカウントでログインやコネクトが可能な点をはじめ、多言語対応を意識して機能やインターフェイスを開発しました。 本日はその中で得られた知見を元に、多言語サイトを開発するにあたりディレクターが「目指す・用意する・気をつける」べきことを翻訳業務にフォーカスしてお伝えしたいと思います。 ＜目次＞ 対応言語を選ぶ多言語サイトの為の設計方針翻訳すすめるにあたっての準備膨大な固有名詞を多言語化する為の機能 対応言語を選ぶ まずは立ち上げようとしているコンテンツが、どの国においてニーズが強そうかの目安をつけます。 既存コンテンツを多言語化する場合、事前に国別ユーザー数の統
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
livedoorデザイナーおすすめ！デザイン思考を鍛える"ネタ本"4冊 : LINE Corporation ディレクターブログ
こんにちは！ライブドアデザイナーの杉田です。 ライブドアのデザイナーは、ポータルサイトをはじめブログやロケタッチなどのwebサービス、デコポスト・デコミィなどのモバイル系サービス、広告案件等、多岐にわたったデザインを担当しています。 今回はそんなデザイナー陣が、ディレクターブログにおじゃまして【デザイナーの”ネタ本”】をご紹介したいと思います！デザインのデザイン 著者：原 研哉 販売元：岩波書店 (2003-10-22) 販売元：Amazon.co.jp クチコミを見る ◆推薦者: 杉田 (ブログ担当)私が紹介させていただく本は、愛知万博のプロモーション、無印良品のアートディレクションなど第一線で活躍されているグラフィックデザイナー、原研哉さんの著書「デザインのデザイン」です。 なんだか禅問答みたいなタイトルですが、私にとって「デザインの教科書」のような本です。 デザインの歴史や、著者の取
【スマホ集中連載 第3回】 "iPhone・AndroidアプリのUI・挙動はどこが違う？" 〜LDNReaderで徹底検証 : LINE Corporation ディレクターブログ
こんにちは。スマートフォングループの石野です。 「ディレクターのためのスマートフォン講座」第3回目を担当します。 前回に引き続いて Android と iPhone の比較ですが、アプリについてもう少し突っ込んでみます。Android アプリを使ったことが無い方はぜひご覧ください。 はじめに / サンプル紹介 なるべく直感的に把握していけるよう、実際に iPhone / Android でアプリをリリースしている『LDNReader』を例に見ていきます。ニュースリーダー系アプリです。機能面はほぼ同一であり、比較しやすい対象です。 ※以下は iPhone / Android アプリを開発する上でのガイドラインではありませんのでご注意ください。あくまで『LDNReader』は一例にすぎず、Android の概念を学習するのが目的です。 ※実際にダウンロードする際は以下よりお願いします。 iPh
【募集締め切りました】第6回Webディレクター交流会 : LINE Corporation ディレクターブログ
【追記】 こちらの参加応募受付は終了させていただきました。 ご応募いただいた皆さま、ありがとうございました。 当選された方には個別にメールにてご連絡させていただきます。 こんにちは。薮田（@yabucccchi）です。 第6回ディレクター交流会の詳細が決まりました。 以下ご確認ください！ また公式twitterもありますので是非フォローしてください！ 日時や場所 【日時】2010年12月9日（木）19:00〜22:00 【場所】NHN Japan株式会社 【参加人数】150名程度を予定 【参加費】4000円 【参加条件】WebディレクターもしくはWebプロデューサー。※元も可です。 【参加申し込み方法】 申込は終了しました。 ※飲食の手配の都合上、キャンセルはご遠慮ください 【締切】11月30日（火）18:00 当選者には改めてメールで当選メールをご連絡させていただきます。 当選発表は12
これだけは知っておきたい！交通広告 (駅張り・中吊り) のコスト効率計算式 : LINE Corporation ディレクターブログ
こんにちは。薮田（yabucccchi）です。 このたびライブドアでは「日本ブログメディア新人賞」という賞を設立いたしました。 この賞は、メディアとして認知され始めているブログの新しい表現の可能性を発掘し、ブログ文化の発展に寄与するとともに、新たな表現に挑戦するブロガーの育成支援活動を目的として設立いたしました。 賞について詳しくは公式ページをご覧ください。 この賞を設立することで受賞者をはじめブログメディアを作っている人たちに脚光を浴びせたいと考えております。 より幅広くこの賞のことを知ってもらうために、Webだけでなく、駅張り広告や中吊り広告等の交通広告を出すことになりました。 Webディレクターにとっては、交通広告といってもピンこない人もいるのではないでしょうか。どれくらいの効果が見込めるか。どの駅、どの路線に出せば効果的なのか。どれくらいの期間掲載すればよいのか。 今回はそんな人の
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
実際の投稿データから学ぶ、女子中高生の「本音」 : LINE Corporation ディレクターブログ
こんにちわ。モバイル関連業務を色々と担当している早岡です。 今年4月、女子中高生向けリアルタイムブログサービス「デコミィ」というサービスを立ち上げました。 「デコミィ」は20代・30代をターゲットとしたサービスを得意とするライブドアの中では、かなり異色な存在で、過去に若年層サービスでの成功体験があまりないことや、そもそも、制作に携わるスタッフの平均年齢が30歳を超えている……こともあり、試行錯誤の毎日です。 特に苦労するのは、女子中高生の「本音」や「実像」がなかなか見えてこないところです。グループインタビューやユーザーアンケートなどを繰り返すことによって、ある程度の想定はできるのですが、核心的な部分までは、まだつかむことができていません。 私自身も中高生時代はそうだったのですが、大人に対する警戒心や、本音をさらけだすことへの恥ずかしさなど、「10代ならでは」の微妙な心理が壁となって、私たち
ロケタッチのつくりかた 第4回 プログラマー編 : LINE Corporation ディレクターブログ
ごあいさつ こんにちは吉川です。今回は「ロケタッチができるまで」プログラマ編を書かせていただきます。 ロケタッチではスキーマ定義などのシステムの設計から、ロケタッチのWebアプリ周りのコードの実装を担当させていただきました。 プロトタイプの作成 プログラマとはいっても、今までの連載でも何度か触れられたとおり、今回のプロジェクトではキックオフからの2ヶ月あまりはサービスのコンセプトを決めるためのブレスト等を行っていて実際に設計やコーディングにとりかかることができませんでした。 今までの弊社の開発スタイルではプログラマがアサインされた時点でサイトの概要はほぼ決まっており、作れるところからどんどんコードを書いていくという進め方が多かったため、2ヶ月間作らないというのは本当に初めてのことでした。 とはいえプログラマとしてはコードを書かないでいると不安になるので、この期間にいくつかのプロトタイプを作
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
CTOが伝授する「Webディレクターの傾向と対策」 : LINE Corporation ディレクターブログ
こんにちは、執行役員CTOの池邉です。 今日はディレクターブログにゲスト参加という事で、「開発者から見たディレクター像」と、それぞれの傾向と対策について書いてみたいと思います。 ディレクターの役割？ 弊社での一般的なWebサービスの開発/運用においては、プログラマ・デザイナー・マークアップエンジニア・ディレクターという職種が関わります。 プログラマ = システム開発する人デザイナー = デザインする人マークアップエンジニア = HTML/CSS書く人ディレクター = ？？？上記のように他の職種の役割が明確なのに比べて、ディレクターの担当範囲というのは非常に不明瞭です。企画職とか言われる事もありますが、プログラマの出す企画が通る場合もあるので、それだけでも無さそうです。 実は弊社においてもディレクターの担当範囲というのは、明確に定義されてないようで、プログラマ・デザイナー・マークアップエンジ
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
Web サービスのプロモーションに大切な 5 つのポイント : LINE Corporation ディレクターブログ
こんにちは。ライブドアの薮田（yabucccchi）です。広告企画や自社媒体のプロモーション企画なんかをやってます。 Web サービスの担当者というと制作することに集中しがちですが、作るだけではサービスを使ってもらうことはできません。リリース前・リリース時・リリース後にどのようにプロモーションしていくのかを計画する必要があります。 今回は私たちがサービスやプロジェクトを進めるにあたって、どのようにプロモーションの計画をたてているのかをご紹介します。また本文の最後に私が使っているプロモーション計画表のテンプレートを参考までに Open&Share させていただきます。 実際に表を見ながら以下の 5 つの項目を考えていくと分かりやすいかと思います。 1. サービスのことを分析し目的やターゲットを明確にする まず、自分たちのサービスの Vision や Who・What を分析します。そのサービ
mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 : LINE Corporation ディレクターブログ
モバイル事業を担当している渡邉雄介です。ライブドアでは2月に初のmixiアプリモバイル「わんにゃん★マイスター」をリリースし、現在も複数のアプリの開発を進めています。 リリースまでの手順はmixi Developer Center (開発者向けサイト) に詳しく載っていますが、PCと比較するとモバイルは勝手が違うところがいくつかあります。今回は実際にmixiアプリモバイルを申請した経験をふまえ、考慮しておきたいPC版との違い5点をまとめました。 その1 開発できるのは法人だけ 意外と知られていないのですが、モバイル版を開発できるのは法人だけです。個人がアプリ開発をする際のデベロッパー登録はPC版のみに適用され、モバイル版は対象外になっています。 ＜参照元＞ mixi Developer Center >> パートナーアカウント登録 個人の方は通常のアカウントを用いて、「デベロッパー登録」よ
iPhoneアプリの企画と申請手順について - livedoor ディレクターブログ
こんにちは、ブログ担当の坪田です。 今回は、先日公開したlivedoor Blogアプリを事例として、iPhoneアプリ公開までの流れと必要な情報について書きたいと思います。 ■iPhoneアプリを作るために用意するもの 1,Mac OSX 10.5.5以降を搭載したMac本体 iPhoneアプリはWindowsPCでは開発できません。 iPhoneを作るうえで必要なソフトウェアはAppleから無料で提供されています。 2,Appleのアカウント Apple storeから無料で取得できます。 URL：http://store.apple.com/jp 3,iPhone Developer Programへの登録とライセンスの購入 ライセンスは「スタンダード 10,800円」「エンタープライズ 33,800円」と2種類ありますが、自社向けの業務用アプリケーションを開発する場合でなければ、ス
プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある！」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ
こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>
私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ
今年も熱い夏がやってきました。ロックフェスと事業計画の熱い夏が！ というわけでこんにちは、佐々木です。 今回は、「予算（事業計画）って、どうやって（何を根拠に）立てているんですか？」というスタッフの質問に答えるために、事業計画のために集めた資料の出典を紹介します。 なお、資料の多くは私が担当するブログ関連事業のものですので、ネットならではのマーケティングデータの集め方といった内容になります。限定的な分野ですが、なにかの参考になれば幸いです。 総務省 情報通信政策研究所（IICP) ・総務省 情報通信政策研究所 まずは総務省調べのデータ。 大規模なリサーチ結果を無料で利用できるので、とても重宝します。 例1）「ブログ･SNSの経済効果の推計」（PDF） 例2）「ブログの実態に関する調査研究」報告書本文（PDF） 矢野経済研究所 ・矢野経済研究所 ブログ関連の市場調査で優れたレポートを発表して
ディレクターにもおすすめ！「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の実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
