iPhoneアプリのリリース前に抑えておきたい、iOS5対応チェックの勘所 : LINE Corporation ディレクターブログ
スマートフォンアプリやウェブの検証を行うQAチームに所属している久野です。 去る10月12日にAppleからiPhone4Sが発売され、同時にiOSも5へとアップデートされました。主な変更点としてiCloud対応やリマインダー、iMessagaeなど200を超える新機能が加わりました。弊社でも多くのiPhoneアプリをリリースしていますが、大きな変更に伴った不具合もありました。今回はそんな経験から、iOS5対応チェックの勘所をご紹介します。 主なチェックポイント １．日本語の予測変換バー iPadでは以前から日本語の予測変換がキーボードの上部に表示されていましたが、iOS5からはiPhoneでもその形式が採用されるようになりました。この変更によって、キーボード上にオプション機能などを表示させていた場合にそれが隠れてしまい、利用できなくなっていないか確認しましょう。 こんな風に、日本語キーボ
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ
こんにちは。ライブドアのモリウチです。突然ですがWebディレクターのみなさん、「WebAPI」を使った企画や設計をしていますか？ APIとは「Application Programming Interface」の略で、特にWebAPIとはあるプログラムが、別のシステム (Webサービス) が持っているデータのCRUD (読み書き削除) や、一連の処理 (機能) の利用を可能にするための技術です。 WebAPIの活用の普及に貢献したのは2005年のGoogleMapのAPIでしょう。 WebAPIは、登場当初は地図情報や、都道府県やジャンルなどの静的な情報を取り出して利用することが主流でしたが、最近ではTwitterやFacebookのように利用ユーザーからの許可を受けてユーザーの個人データやソーシャルグラフを取り出して利用したり更新したりできるようなWebAPIが一般化してきました。そして
Facebookアプリの開発で理解しておくべき3つのポイント : LINE Corporation ディレクターブログ
こんにちは。新規開発グループディレクターのtakejuneです。 昨年の映画『ソーシャルネットワーク』公開以降、日本でも本格的に流行しつつあるFacebookですが、FacebookのAPIを利用したアプリケーションの開発もまた本格化の兆しを見せています。 ライブドアでも先日、初めてのFacebook連携サービス「ソーシャレット」をリリースしました。今回はその開発を通して発見した、FacebookのAPIを利用したWebサービスの開発をはじめる前に知っておくべき3つのポイントをご紹介します。 【目次】 Facebookとの連携方法を理解するユーザー情報へのアクセス権限について理解する最新情報の入手方法について理解する Facebookとの連携方法を理解する 「FacebookのAPIを利用したWebサービス」というと、どんなサービスを思い浮かべますか？ CityVille、Quora、ロケ
【スマホ集中連載 第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のシェア率を話したいと
ネットサービスの競合分析で使えるツールと手法 : LINE Corporation ディレクターブログ
こんにちは。ブロググループの池田です。 今回は、マーケティングデータの収集・分析の中でも、入手できる情報が限られるために手薄になりがちな競合サイトの調査・分析方法を紹介します。 まずは基本データをおさえる PVやUU、ユーザ属性などを調べる際、ネットレイティングス (有料)、ComScore (有料) や Alexa (無料) といったツールがありますが、ここでは無料でかつ最近なかなかいい線いっていると思っている doubleclick ad planner by Google を紹介します。 使い方は簡単。doubleclick ad planner のページを開いて、調べたいサイトのURLを入力するだけ。表示されるページの「データを表示：」のプルダウンリストで「日本」を選択します。 以下、表示されるページの中で特におさえておきたいデータです。 トラフィックデータとユニークユーザ数推移基
ロケタッチのつくりかた 第7回 プログラマー（iPhoneアプリ）編 : LINE Corporation ディレクターブログ
こんにちは、ロケタッチでiPhoneアプリ開発を担当している gaooh です。ライブドアといえばPerlが有名ですが、個人的に得意なのはJavaとRubyです。最近はスマートフォンアプリの開発ばかりやっています！ とにかく動くものをつくる 実際のアプリ開発は、ディレクター１名、デザイナー１名、API担当エンジニア１名、アプリ担当エンジニア１名という構成で行いました。 アプリの提供は当初から想定しており、私自身もかなり早いタイミングでアサインはされていました。とはいえ、スマートフォン用Webアプリが開発が進んでおり、そこがきちんと落ち着かなければ、iPhoneアプリ用のAPIの整備ができないという都合もありました。 ところがスマートフォン用Webアプリリリース後、想定以上に要望が高かっためリリースを急ぎたいということになりました。 当然ですが、APIの整備が終わらなければ機能の作り込みはで
UX とユーザビリティ のお話 【基礎編】 : LINE Corporation ディレクターブログ
こんにちは。10月からブロググループのディレクターをしている真田 (さなだ) です。 これまで私はマークアップエンジニアをしていましたが、コンテンツの設計段階から参加できることは多くありませんでした。ディレクターとなったからには、根本からHCD (人間中心デザイン) を意識したコンテンツ作りをしていきたいと思っています。 そこで今回はまず、ユーザーエクスペリエンス (以後UX) とユーザビリティの基礎についてまとめてみたいと思います。 UXってなに？ なかなか明確に定義することが難しく、さまざまな解釈がなされているUXという言葉。 直訳すると「ユーザー体験」となりますが、国際規格のISO 9241-210の中では、「製品やシステム、サービスを使用、あるいは使用を予想した時の、人の知覚と反応」とされています。 それを利用したときに感じるあらゆる感情、また「使用を予想した時の」とあるように、製
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ
こんにちは。ケータイlivedoorを担当してます多留です。 今回は、私がモバイルサイト作りでいつも意識して取り組んでいる "配色の仕方"、"メリハリの重要性" についてお話させていただきます。 モバイルサイトと配色 モバイルサイトは、PCのようにガンガン画像を使うとか、JavaScriptを使って動きをつけるとか、まだまだできないこと、制限のあるところが多々あり、線や細かい背景色・文字色・絵文字の使い分けなどでページを構成する必要があります。 配色や見せ方に関してはセンスが問われるところで、特にモバイルサイトのように凝縮されたスペースでの表現は難しく、苦手な人はホントに「いつまでたっても苦手」という方も多いと思います。 私個人としては、PCよりもモバイルサイトで全てを済ませようとしていて (つまりは携帯依存症……) いろんなジャンルのモバイルサイトデザインを見ているおかげで、配色や見せ方
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
