エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
渋谷駅「全部造り変え」で超高層に
街の発展とともに拡張を繰り返してきた渋谷駅。大ターミナルに育ったものの、「継ぎはぎ」感が否めない。乗り換えなどの経路が分かりにくく、熟知していないと迷ってしまう。バリアフリーの充実や耐震性の強化も求められている。こうした状況を改善するため、駅全体を造り変える。既に東京メトロ銀座線がホーム移設工事に入った。東急東横線は渋谷駅付近で進めている地下化が2012年度中に完成する。東京メトロ副都心線が先行して利用しているホームに乗り入れ、相互直通運転を始める。現・東横線渋谷駅は東急百貨店東横店とともに2013年4月以降、解体に着手する。跡地を使ってJR線のホームを移設し、超高層の駅ビルも建てる。完成後の姿を解説する。
第2回 基本を押さえながら、まずは要素だけでXMLコーディング
デザイナーがこだわったAndroidアプリのデザインを実現するXMLコーディングを解説する連載の第2回。前回は、デザイナーが作りたいと思うアプリと、こだわりたいポイントについて挙げていきました。 今回から実際のコーディングに入っていきますが、その前に、作るアプリについてしっかりと考えておきましょう。前回でも述べたとおり、ただのインスピレーションのデザインではなくて、ユーザーが使いやすいインタフェースを設計する必要があるからです。 作りたいアプリを決める 前回でも紹介しましたが、今回実装するのは、「CAT PATH」と題する仮想アプリです。 XMLコーディングのサンプルですのでシステム的な仕様はありませんが、画面を作っていく上で、ユーザーのユースケースなどはきちんと考えてインタフェースを設計する必要がありますので、大まかな内容だけ決めておきます。 ＜アプリの概要＞ 自分のアカウントを持ち、自
1行もコードを書かずにAndroidアプリを開発できる
Android搭載のスマートフォンでは、多種多様なアプリケーションをAndroid Marketから手軽にダウンロードして利用できます。様々なアプリケーションを利用しているうちに、「自分でも作ってみたい！」と考える人は多いでしょう。 ただし、いざ作ろうとすると結構大変です。Androidアプリを開発するためには、Javaプログラミングや統合開発環境Eclipseの知識が必要です。覚えることが膨大なので、なかなか開発が進まず、途中であきらめてしまった人もいるのではないでしょうか。 こうしたAndroidアプリの開発に不慣れな人にお勧めの開発ツールがあります。それが、「App Inventor for Android（以下、App Inventor）」です。 App Inventorは、米Googleが無償で提供する開発ツールです。2010年7月から登録者向けにリリースしていましたが、2010
“日本は特殊な国”か、通信を可視化してみたら意外な事実が分かった
例えばFacebookやTwitterなどのソーシャルサービスは、実際にどれくらい国内企業ネットで使われているのか---。大手ファイアウォールベンダーの米パロアルトネットワークスは、半年に一度、世界中のユーザー企業を対象に大規模なトラフィック調査を実施し、様々なデータを収集および分析している。来日した調査担当者に、日本の国内企業におけるトラフィック傾向などについて話を聞いた。 まずは調査の概要について教えてほしい。 2008年から約半年に1回の割合で、世界中のユーザー企業を対象にトラフィック調査を実施している。最新のデータは2011年5月に実施した調査で得たもので、調査対象となった企業の数は全世界で合計1253社、そのうち日本の企業は87社入っている。調査対象企業の数は回を重ねるごとに大きく増えており、前回（2010年10月）は723社、前々回（2010年3月）は347社だった。具体的な企
Google、Androidの次回リリースで新たな表示サイズ調整モードを搭載
米Googleはモバイルプラットフォーム「Android」の開発者向けブログで米国時間2011年7月11日、「Android 3.0」（開発コード名は「Honeycomb」）の次回リリースにおいて、アプリケーションのサイズ変更機能を強化することを明らかにした。新たなスクリーン調整モードを搭載し、タブレット端末のより大きなスクリーンに合わせてスマートフォン向けアプリケーションを見やすくサイズ変更できるようにする。 次回リリースより、Android 3.0向けではないアプリケーション、または大型スクリーン対応を明確に設定していないアプリケーションでは、ユーザーが大型スクリーンでの閲覧形式を2種類から選べるようになる。システムバーをタッチすると「Stretch to fill screen」と「Zoom to fill screen」の項目が表示され、前者はレイアウトを引き延ばして表示し、後者は
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
“ややこしい”Android
Androidの勢いは増すばかりだ。米IDCが3月29日に発表した市場予測によると、2011年のスマートフォン出荷台数は前年比5割増しになる見込みで、Androidのシェアはそのうち4割に達するという（関連記事）。iPhone/iPadはもちろん、長い間スマートフォン市場をけん引してきたSymbianも抜き、トップに立つ見込みである。 その一方で、かねてから言われてきた“Androidの混在問題”が、いよいよややこしくなってきた。Androidの混在は、大きく二つある。一つは、バージョンの混在。もう一つは、ディスプレイの混在だ。 バージョンの混在 Androidは、バージョンアップのペースが速い。国内初のAndroidスマートフォン「HT-03A」に当初搭載された「1.5」がリリースされたのが、2009年4月。その後、「1.6」（2009年9月）、「2.1」（2010年1月）、「2.2」（
Androidアプリ開発ノウハウ
Androidアプリケーション開発コンテスト「Android Application Award （A3）2010-2011 Winter」のエントリー締切がいよいよ2月7日に迫った。開発者を応援するべく、ITproで掲載してきたAndroidアプリ開発ノウハウをまとめた。 あなたのAndroidアプリを“カメラアプリ化”する カメラアプリを作ろう 第1回 ボタン一つでアプリの背景をカメラ写真に変える 第2回 カメラ機能を加える Android ユーザビリティセミナー ユーザビリティ調査の極意を聞き、Flash/AIRによるAndroid開発の実際を見る AndroidアプリをJavaScriptやAIRで作る AndroidアプリをJavaScriptやAIRで作るツール 初めてのAndroidプログラミング Eclipseを導入して開発環境を整えよう 開発用PCとAndroid端末の実
コピペで使える言語・コマンドリファレンス - ITproリファレンス：ITpro
HTMLやCSS、DynamicHTML、JavaScriptやPerl、Windowsコマンド、ネットワークコマンド、Linuxコマンドといった、Webサイト構築やアプリ開発に欠かせないプログラミング言語とコマンドのリファレンスマニュアルです。各項目のサンプルコードは、コピーし貼り付けてすぐに使えます。入門講座も用意しました。ぜひブックマークしてお役立てください。 HTML HTMLは、Webコンテンツを作成する上で、最も基礎となる記述言語です。各タグについての概要や属性などをサンプルを交えて説明します。 HTMLリファレンス（107項目） HTMLリファレンスの使い方 HTML入門 CSS CSSは、Webページのレイアウトなどといったコンテンツの見栄えを指定する記述言語です。各スタイルの概要や使い方を説明します。 CSSリファレンス（73項目） CSSリファレンスの使い方 CSSの基
［4］巨大通信会社を手玉にとったアップル
iPadは、世界の携帯電話業界を大きく揺さぶった端末だ。2010年1月の発表から多国展開が始まった5月まで、「自分の国ではどのキャリアがiPadを扱うのか」が話題になった。日本ではNTTドコモがアップルとの契約前にiPad向けに「SIM」（シム）と呼ばれる通信用チップを提供すると宣言した。ところが、日本国内でiPadを扱うキャリアはソフトバンクモバイルに決まった上に、他国のiPadにはない「SIMロック」と呼ばれる仕様になり、NTTドコモはSIMを提供することもできなくなった。日本の携帯電話事業者の最大手であるNTTドコモは、恥をかかされることになったのである。 キャリアに要求を突き付けるアップル アップルとキャリアの間には、契約締結後も常に緊張感が漂う。アップルは、キャリアに独占販売権と引き換えに、iPhoneの料金プランや販売方法などについていろいろとうるさく口を出したり、販売台数のノ
中国人が日本で買い漁っているもの
会場に入ると、見慣れない光景が広がっていた。入口付近に10人以上の男性が固まり、ものすごくデカい声で言い合っている。「何でぃ何でぃ、喧嘩かぃ」と腕をまくってみたが、みな興奮しているがバカ笑いしている人もいたりして、揉め事という風でもない。近寄って聞くと、音声は中国語のようである。 場所は東京美術倶楽部。「正札市」という、新古美術品を1万点も集めた年に2回の大展示即売会での光景である。知り合いの美術商に「何ですか、あれは」と聞くと、「何だかこの会を目あてにしたツアーの参加者らしいですよ。いやぁ、大勢来てくださるのはいいんですけど、手癖の悪い人も混ざっちゃっているみたいで」という。何でも、会場での盗難事件がこのところ、すごい勢いで増えているのだという。 逆転 10年くらい前まで、日本でよく見かける中国人の美術関係の業者といえば、いわゆる「担ぎ屋」という人たちがほとんどだった。どんな手段を使うの
Androidの仕組みを知る(1)
遂に日本でもAndroid携帯が発売された。注目を集めているAndroidとは，一体何なのか，パソコンに移植するためにはどのような作業が必要なのか，アプリケーションを開発するにはどうするのか解説する。 Androidは，米Google社が開発し，携帯電話関連の業界団体であるOHA（Open Handset Alliance）が2007年11月に発表した，ソフトウエア・スタック（複数層で構成するソフトウエア群）である。 Androidを構成するソフトには，携帯端末向けに改良されたLinuxカーネルとミドルウエア，アプリケーションの実行環境，開発環境であるアプリケーション・フレームワーク，アプリケーション，がある。 Androidは携帯端末用として開発されているものの，適用範囲は携帯端末にとどまらない。Androidが現在対応しているCPUは英ARM社のARM系と米Intel社のx86系の2種
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
グーグルは“異形”のメーカー。ここが違う10個のポイント
グーグルは世界有数のハードウエアメーカーであり、ソフトウエアメーカーである。1990年代末に他に先駆けて「情報爆発」に直面し、いち早くそれに対応したグーグルのコンピュータは、従来のコンピューティングと比較すると常識外れにすら見える進化を遂げた。グーグルコンピューティングの特異さを10個紹介しよう。 （1）自前主義 グーグルは売上高を見ると「広告会社」だが、その実態は7000人を超えるエンジニアを抱える世界有数のメーカーである。しかもそのコンピューティングのあり方は、従来型のそれと大きく異なる（図1）。グーグルが“異形”のメーカーなのは、同社がハードもソフトも自前主義を貫いているからだ。 使用するサーバーはすべて自社開発だ。一部報道では、グーグルは台数ベースで米デルや米ヒューレット・パッカード（HP）に次ぐ「世界第3位」のサーバーメーカーだという。 サーバーだけではない。2007年、大手ネッ
一眼レフが抱えるブレ問題，その深刻さが明らかに
カメラ・メーカーが困惑している。問題の深刻さを，白日の下にさらす測定ツールが登場したからだ。開発したのは，簡便で的確な手ブレ補正効果の測定法を生んだ電気通信大学 電気通信学部 情報通信工学科 准教授の西一樹氏の研究室と谷電機工業。問題とは，一眼レフ・カメラが内蔵するミラーやシャッターの動作に起因する像のブレである。 あるカメラ開発者は言う。「これほど大きな問題とは全く認識してなかった。まだ追試や検証をしていないが，本当だとすれば正直，参った」。 1/60秒では解像度が激減 西研究室らの測定ツールの適用結果によれば，ユーザーが頻繁に使うシャッター・スピード（露光時間），例えば1/60秒において写真の実質的な解像度は，ミラーとシャッターの衝撃によって1/4以下に低下していた。2000万画素で撮っても実は，最高でも500万画素ほどの解像度の写真しか撮れていないことを意味する。さらに，ミラーアップ
Windowsはどうやって起動しているのか？：ITprowsq
Windows 2000/XPを搭載したパソコンが突然起動しなくなったら，どうすればいいだろうか。もちろん，Windows 2000/XPが起動するまでにはたくさんの段階を踏んでいるので，原因や復旧策を一言で表すことなど不可能だ。こういうときに役立つのは，ブート・プロセスに関する基礎知識である。どうやってWindowsが起動しているのかを知れば，トラブルの原因や対処法も見当が付くはずである。 パソコンの電源を入れれば，Windowsが起動（ブート）する。この極めて当たり前と思われる動作の中にも，実は複雑な処理が多数潜んでいる。例えば，あなたのWindowsパソコンが突然起動しなくなったとしよう（図1）。あなたはその原因の目星を付けられるだろうか？ ブートに関するトラブルは案外多い。パソコンへの衝撃やハードディスク（HDD）の動作不良によってブートに必要なファイルが破損したり，ウイルスによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「原発カバー工事」完遂への道を開いた技術者
“変なソフト”として進化する人気Android日本語入力「Simeji」
Linux定番のエディタ「vi」を使いこなそう