この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

iPhoneのヒットで モバイルに新しいスタイルが生まれた、 という事実 従来、日本ではiPhoneの販売が順調ではないと指摘されてきた。今年5月には、人口4500万人のフランスで、「iPhoneの累計販売台数100万台」と発表された。たしかに、先月パリに出張した際には、交差点で地図を調べているiPhoneユーザーというのを何度も見かけている。日本では、いまのところ「100万台」の声を聞かないが、時間の問題なのは間違いないだろう（もっとも、アスキー総研の調査では、25％のiPhone 3Gユーザーが3GSを購入するとしているので、ユーザー数的には疑問も残るが）。 世界中で毎年12億台も販売される携帯電話のうち、スマートフォンの占める割合は、10～15％といったところだろう。その中でのシェアは、世界ではノキアが強く、ビジネス層には「Blackberry」が支持されているなどというデータがある

10日、角川グループホールディングスの代表取締役会長兼CEO、角川歴彦氏が「クラウド時代と＜クール革命＞」という新書を上梓した。 角川グループといえば、「涼宮ハルヒの憂鬱」や「らき☆すた」などネットで人気を集めるコンテンツを数多く持っている企業だ。さらにYouTubeと提携して、ユーザーが作ったMADを積極的に認めるという姿勢でも知られている。最近では、本書を発売前に全文無料公開したのが大いに話題を呼んだ。 角川会長は、なぜ今、この新書を書いて、無料で公開したのか。これからコンテンツ業界や著作権制度はどう変わっていくのか。ジャーナリストの津田大介氏が聞く。 コミケも認めるなら、YouTubeも認める ──　「クラウド時代と＜クール革命＞」を読ませて頂きました。正直な感想として、本の中にたくさん刺激的な提言が盛り込まれていて驚きました。上場企業の経営者で政府の知財政策にも携わっている角川さん

IGDA日本のiPhoneアプリ部会（SIG-iPhone Apps）は、昨年よりゲームを中心としたiPhoneアプリのセミナー「iPhone/iPod touch Game Devシリーズセミナー」をApple Store Ginzaにて開催している。 22日、その第7回にあたる「AppBankから見たiPhone市場とAppBankのこれから」を実施した。内容は、iPhoneアプリ情報サイト「AppBank」を運営するGT-Agency代表取締役の村井智建氏などが舞台に立ち、iPhoneマーケットやApp Bankが開発しているアプリについて語るというもの。非常に興味深かったので、筆者がTwitterに投稿した「tsudaり」をここにまとめて転載しよう。 筆者紹介──倉西誠一 石川県金沢市出身の元・電撃PlayStation編集長。著書は「モンスターハンター」シリーズのプレイログである

知床半島を海上から見て回る船に乗ったことのある人はご存じだと思う。カモメたちが甲板に立つ観光客の手の届くところまでやってきて、競うようにカルビーの「かっぱえびせん」をくわえていく。その間、船はエンジンをゴンゴン鳴らして水面を強引に引き裂きながら前に進むが、カメモは風に乗ったグライダーのようですらある。羽ばたきもするが、オホーツク海の強い風と重力のバランスを上手くとっている。 大自然のまっただ中で暮らす鳥や魚はもちろんだが、地上生物でさえ自然法則を十二分に活かしている。『運動会で1番になる方法』という本を企画したときに、著者の深代千之さんに教えてもらったのは、「カンガルーは速く走っているときのほうが疲れない」というお話だった。ゆっくり動くときは筋肉を使うが、速く走るときは「靱」をバネにゴムボールのように跳ねていくので、疲れないのだ。 それに比べると、人間が使う機械というのは、なんとも効率の悪

12月に入ってから、グーグルはビックニュースを連発していた。 3日に公開した日本語入力システム「Google日本語入力」を皮切りに、7日にはリアルタイム検索サービスと画像を使った検索サービス「Google Goggles」を、英語向けサービスとして発表。8日にはGoogle Chromeで、Windows向けの拡張機能とMac版をリリースした（以上、すべてベータ版）。 そうした中で、iPhoneユーザーが絶対に注目しておきたいのが、7日に登場した「Google 音声検索」の日本語対応だ。現在はiPhoneとドコモの「HT-03A」といったAndroidで使える。 新要素のラッシュで埋もれてしまった感があるが、これはiPhoneの使い方を大きく変えるかもしれない重要な発表だ。音声入力というと、まだ「これからの技術」と考えている人も多いはず。しかし、このGoogle音声入力は、日本語の認識精度

相模ゴム工業の「LOVE DISTANCE」は、Web上だけで完結し、広告を一切使用しない、終盤までクライアントの社名や商品名を公開しない、などのユニークな特徴を持つプロモーションキャンペーンである。キャンペーンの概要と発生した課題、および解決方法についての説明（関連記事1、関連記事2）に続き、今回はキャンペーン全体の活動成果と、ブログ分析による効果測定の結果を紹介しよう。 各種指標の変化から読み取れるもの LOVE DISTANCEの活動の結果は次のとおりだ。 掲載メディア数：60媒体 掲載ブログ数：139件 SNSの日記への書き込み数：約3300件 キャンペーンサイトPV数：当初の目標を達成（ここでは数値非公開） さらに「ブログ記事投稿数」「ニュース記事掲載数」「サイトPV数」を日ごとに追ってまとめたのが、下のグラフであるである。 この結果からは次のようなことが読み取れる。 ニュース記

ユーザーが最初に見るWebページ（ランディングページ）を検索キーワードなどによって最適化し、誘導したいページへ向かわせるLPO（Landing Page Optimization：ランディングページ最適化）。前回はその基本的な考え方と得られる効果について説明しました。今回は、LPOを実際に導入するために必要な技術と、個人サイトでも試せる簡単なサンプルを紹介しましょう。 LPOを実装するには――リファラーの取得 前回の記事でも触れたとおり、LPOにはさまざまな方法がありますが、今回は一般的な「検索エンジンに入力したキーワードによってランディングページを動的に生成する」方法に絞って話を進めたいと思います。検索キーワードによるLPOは、大きく次の3つの手順で実装します。 リンク元のページのURLを取得する URLから検索キーワードを割り出す 検索キーワードに応じたコンテンツを表示する このうち、

iPhoneを使った拡張現実アプリとして開発された「セカイカメラ」（開発元：頓知・）を発売よりひと足先に体験できるスペースが登場した（関連記事）。 スペインのマドリッドを本社とするレザーブランド「ロエベ」（東京・表参道）では、10月12日まで開催中の「ロエベ アマソナ展」にて、セカイカメラをインストールしたiPhone 3GSを用意して、来店したお客さんに貸し出している。 「セカイカメラ」を目の前にかざすと、iPhoneの画面には実際の店内の様子に加え、さまざまな情報が書かれた「エアタグ」が浮かび上がる。エアタグにタッチすると、ロエベの歴史や製品にまつわるストーリーを読むことができる。 室内では、Wi-Fiの電波とコンパスを使って位置情報を認識して、その場に応じたエアタグを表示するという仕組みだ。ユーザーが感想などを書き込んで、エアタグとして残すこともできる。 iPhoneユーザーでもある

Web業界に衝撃を与え続けてきたグーグルが、Web広告業界のビジネスの根幹を揺らがしかねないとんでもないツールを公開している。大手サイトのユニークビジター（UV）/ページビュー（PV）から、ユーザーの学歴や世帯収入といった属性まで丸見えにしてしまう「Google Ad Planner」だ。いったいどんなツールなのか。 「公称値」と「Google調べ」が比べられることに 「Google Ad Planner」は、Webニュースやポータルサイトなどへの広告出稿を検討している企業（広告主）の出稿計画をサポートするツールだ。昨年6月、米国でのサービス提供当初は招待制のクローズドなサービスで、日本のWebメディアは未対応だったため、国内のニュースサイトは簡単に紹介した程度だった。しかしその後、対応する国が増え、現在では日本のWebメディアにも対応、ユーザーインターフェイスは英語だが、Googleアカ

sponsored 超高リフレッシュレートのゲーミングディスプレーって体感できるの？ 500Hzの液晶はどれ？144～500Hzの中からVALORANTのプロに見極めてもらった sponsored MSIがビジネス向けPRO Seriesの4K・IPSモデルを発売 27インチ4Kディスプレー「PRO MP273U」が3万円台、PIP/PBP機能で作業の合間にPS5もプレーできる sponsored JN-MD-IPS13U2KPをレビュー 2160×1350ドットのキックスタンド式13型16：10モバイル液晶が2万円台、もうこれ買いますわ sponsored 2024年4月に新キャンパスへ移転した静岡デザイン専門学校は、最新設備を備えた実習室とMSIのノートPCで学生の実践力を養成 sponsored 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ！ ピラーレスだが

sponsored 超高リフレッシュレートのゲーミングディスプレーって体感できるの？ 500Hzの液晶はどれ？144～500Hzの中からVALORANTのプロに見極めてもらった sponsored MSIがビジネス向けPRO Seriesの4K・IPSモデルを発売 27インチ4Kディスプレー「PRO MP273U」が3万円台、PIP/PBP機能で作業の合間にPS5もプレーできる sponsored JN-MD-IPS13U2KPをレビュー 2160×1350ドットのキックスタンド式13型16：10モバイル液晶が2万円台、もうこれ買いますわ sponsored 2024年4月に新キャンパスへ移転した静岡デザイン専門学校は、最新設備を備えた実習室とMSIのノートPCで学生の実践力を養成 sponsored 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ！ ピラーレスだが

本連載では、「1枚企画書」に続いて竹島愼一郎氏が提唱する「5枚プレゼン」をPowerPointで実践する手順を全5回で紹介します。即断即決を可能にするのが以前に紹介した「1枚企画書」ですが、プランニングの王道はやはり複数枚の企画書です。ただし枚数は5枚に限定するというのが秘中の秘策です。 第2回では、5枚プレゼンのトップとボトム、導線の作り方、流れのデザインなどについてレクチャーします。 ※本記事は「ビジネス極意シリーズ パワポで極める5枚プレゼン」から一部抜粋し、編集・再構成したものです。 レイアウト――「5枚プレゼン」のトップとボトム 「5枚プレゼン」のそれぞれのページが、どういった内容でどう見てほしいのかを瞬時に理解してもらえるよう、見出しのフレーズを書き入れておくといい。タイプとしては、ページの一番上を利用した「トップ型」、一番下の「ボトム型」、トップとボトムが呼応した「問答形式型

本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■

「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。

マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集！　第1回は、手間を省いて操作をすばやく！　今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく！ 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技　表の見出しを除いて列幅を自動調整 技2――入力の早技　支店名をいつも決まった順番でオートフィル入力 技3――入力の早技　「＝」の代わりに「＋」キーで式を入力 技4――入力の早技　セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技　ながーい連番を一発入力 技6――編集の早技　ツールバーの［下線］ボタンで二重下線を引く 技7――表の早技　基本の行列入れ替えはボタンで 技8――表の早技　多様な罫線を使った複雑な表は「罫線なし」

sponsored 横浜でパン好きが集う「パンのフェス」開催！ 参加者をうならせたのは……えっ、ファミリーマート？ sponsored 「ASCII BESTBUY AWARD 2023」特別賞受賞の注目スマホが買いの理由を探る！ スマホ専門家が3ヵ月使って悟った。スマホは「AQUOS sense8」で大満足な12の理由 sponsored タイプが異なるラインアップ充実で、さまざまな場面に適したタイプの製品が存在する！ 音楽を楽しむのみにあらず！ ファーウェイのイヤホン5製品はテレワークやジョギング中の利用にも優れた選択肢だ！ sponsored 専売デバイスにMSIの新ケース採用PC、2024年のSTORMは新製品が続々登場！ sponsored グローバルでも注目を集める日本発の取り組み、このタイミングで協業を深化させた理由 SB C&SとDropboxが立ち上げた「Dropbox

「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

買ってから悔やんでも遅いんです 薄型テレビは欲しいデジタルアイテムの筆頭だが、難しい用語も多く、スペック表記もまぎらわしい。値段が値段なので、購入してから「なんか違うんじゃないか？」では遅すぎる。そうなる前に、今回はテレビにつきものの10の疑問を解消したい。また、購入経験者から聞いた、テレビ購入後の落とし穴（いわゆる地雷）についても紹介する。自分にぴったりなモデル選びの参考にしていただきたい。 Q1　液晶とプラズマって実際どう違うの？ A1　プラズマはRGBの画素（ドット）の集まりでできており、画素のひとつひとつが自己発光して映像を映し出す仕組み。一方、液晶は背面にあるバックライトの光がパネルを制御。RGBのカラーフィルターを通して映像を映す仕組みだ。 プラズマは画素ひとつひとつが発光するので、動きの速い映像でも、映像の制御が早く、ブレが少ないのが特徴。コントラスト比も液晶より高いので、奥