日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
遅すぎる日本のスマホサイトの原因を探る (1/4)
デジタル機器の利用動向で知られるコムスコアの調査によると、2011年12月時点の日本における携帯電話に占めるスマートフォンの割合は16.6%でしたが、2012年6月には23.5%になり、半年で約7ポイントも増加しました。「まだ4人に1人の割合じゃないか」と思う方もおられるでしょう。 しかし、有名な「キャズム理論」によれば、普及率がイノベーターとアーリーアダプターを合わせて16%を超えると、一般大衆が技術を受け入れます。2012年12月時点の普及率はまだわかりませんが、すでに半分を超えていてもおかしくありません。スマートフォン未対応の企業サイトは、「時代遅れ」といっても過言ではないのです。 日本のスマートフォンサイトの問題点 すでにスマートフォン対応を済ませた日本の企業サイトは「マーケットに素早く対応して流石だ！是非、お手本として見習おう」といえるでしょうか？ 先行してスマートフォンに対応し
巨人AT&Tをも動かしたAPI「Twilio」の衝撃
「Twilio」（トゥイリオ）という企業（あるいはサービス）をご存知だろうか？ 500 Startupsや Union Square Venturesなどの投資家から3400万ドルの資金を集め、サンフランシスコでいまもっとも注目されているスタートアップ企業の1つだ。 Twilioが手がけるのは、VoIP（Voice over Internet Protocol）の機能をWeb APIとして開発者向けに提供するクラウドサービス。Twilioのサービスに登録した開発者はREST方式のAPIを呼び出すことで、一般の固定電話や携帯電話に発信したり、かかってきた電話を着信したりできる。TwilioはAPIの利用料を開発者から徴収するビジネスモデルだ。 と、ここまでの説明だけではTwilioがなぜそこまで注目されているのか、分かりづらいかもしれない。正直なところ、この記事を書いている私も当初「おもしろ
今度の「HTC J」は、フルHD液晶搭載のau冬スマホ最強機
au冬スマホの中でも、最もハイスペックで、一番注目されると思われるモデルが、「HTC J butterfly HTL21」だ。日本特化モデルとして登場した夏モデルの「HTC J」の後継機となり、WiMAXではなく、LTE対応モデルとして登場した。 まず、ディスプレーは5型でフルHD解像度（1080×1920ドット）。フルHDディスプレー搭載機は、ここまで発表されてきたドコモ／ソフトバンクの冬スマホにもなく、唯一の存在である。 もちろん、それ以外のスペックについてもすべてハイエンド級。CPUはクアッドコアの「Snapdragon S4 Pro APQ8064 1.5GH」、OSも最新のAndroid 4.1。 国内ユーザー向け機能も充実しており、FeliCa／ワンセグ／赤外線に加えて、夏モデルのHTC Jでは未サポートの防水も対応（防塵は非対応）。やはり夏モデルでは対応していなかった、3Gで
“統計の基礎を無視している”Hadoop使いが考えるビッグデータ
Hadoopをバッチ処理の高速化に活用しているノーチラス・テクノロジーズは、ビッグデータのブームに真っ向から異論を唱える。「ビッグデータは中身のないバズワード」と断言する代表取締役社長 神林飛志氏に、その真意を聞いた。 Hadoop＝ビッグデータは大きな誤解 ノーチラス・テクノロジーズは、基幹系システム向けのミドルウェアを手がける国産ベンチャー。Webサービスのように決して派手ではないが、「そもそもダウンすると、飛行機が飛ばないとか、病院で人が死んでしまうとか、電車が動かないとか、生活に影響が出る分野」（神林氏）という、まさにミッションクリティカルな領域のITで、同社の製品は活用されている。 同社の「Asakusa Framework」は、Hadoopを活用した分散処理により、基幹系バッチの高速化を実現する。神林氏は、「Hadoopというと、WebやSNS系、BIやデータ解析での使い方がメ
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
新OS「OS X Mountain Lion」 ― ポストPC時代に合わせ、Macの進化を加速させるアップル (1/7)
アップルが、Mac用最新OS、「OS X Mountain Lion」を今夏リリースすると発表した（Mac App Store経由のみで提供）。現バージョンの「OS X Lion」から、わずか1年足らずのメジャーアップデートながら、搭載される新機能は100以上にのぼる。 アップルは、現バージョンOS X Lionから、iPad／iPhoneなどiOS機器における操作の特徴を取り入れ始め、OS X Mountain Lionでそれをさらに押し進める。iCloud連携も大幅に強化しているのだ。 同時に、世界的に勢いのあるMacを中国市場でも本格的に展開する模様で、中国独自のインターネットサービスとの連携も強化されている。 1年足らずでのメジャーアップデート アップルは突如、Mac用新OSの「OS X Mountain Lion」を発表した。実際のリリースは夏頃の予定だが、一時は2年に一度ほどだ
node.jsとWebSocketで作る野球盤ゲームの裏側 (1/4)
Expressは雛型として扱うテンプレートエンジンを選択できます。デフォルトのテンプレートエンジンは「jade」です。jadeは以下のようにしてインストールします。 $ npm install jade jadeはXML形式でなく、インデント形式で記述します。jade以外にも、EJSやCoffeeKup、Hamlなどのテンプレートがありますので、好みで選びましょう。HTML形式で書きたい場合はEJSを選択するとよいでしょう。 Expressとjadeをインストールしたら、実際にWebアプリの雛形を作ってみましょう。 $express sample create : sample create : sample/app.js create : sample/logs create : sample/pids create : sample/public/images create : sam
NAVERまとめへの広告配信停止から見えて来るもの (1/4)
ウェブコンテンツのリンク集を作ると、反響に応じて収益が得られる。そんなコンセプトがNAVERまとめのウリであった。しかし、9月末にAdSense停止という状況が発生、そのあり方に転機が訪れている。グーグルの定めるアダルトコードの抵触がひとつの理由らしいが、ここには他人の作ったコンテンツをまとめるキュレーションメディアの性質、巨大プラットフォームへの依存といったいくつかの問題がある。NAVERまとめ問題を筆者の視点でまとめてもらった。 キュレーション型サービスの試練か？ 9月27日までに、NHNが運営するNAVERまとめへのGoogle AdSense広告の配信が停止された。NAVERまとめはウェブコンテンツを特定のテーマに沿って集約する商用「キュレーション型のサービス」としてスタートし、またAdSense広告やアフィリエイトから生じる収益をまとめを制作したユーザーに分配するというユニークな
日本生まれのクラウドノート「KYBER」がすごい理由 (1/3)
オーリッドという日本のIT企業が注目を集めている。売上高は40億円規模。法人向けWebサービスを提供していたが、昨年から個人向けサービス「KYBER」を開始した。16日に発売した「KYBER Smartnote」（写真、3冊1500円）は、そのサービスの目玉だ。 見た目はごく普通のノート。メモをしたり、議事録をとったり、普通のノートとして使える。ノートをiPhone付属のカメラで撮影し、KYBERのWebサイトにアップロードすると、画像のデータがクラウドサーバー上で管理される（Androidには10月対応予定）。そこまではこれまでのクラウドサービスにもあったもの。「Evernote」を思い浮かべる人もいるだろう。 だが、話はここからだ。 しばらくすると、手書きのメモが文字データになって送られてくる。いわゆるOCR（画像からの文字起こし）だが、その精度は異様に高い。ほぼ完璧だ。納品までも最速
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
そのエラーページ、自己満足になっていませんか？ (1/4)
Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません。 本連載では、マーケティング施策の効果測定として使われることが多いアクセス解析のツールと考え方を応用し、WebサイトのUIや機能の利用状況、効果を検証する方法を紹介します。Google Analyticsなどの無料ツールを使い、Web制作者が時間やお金をかけずにできる考え方と具体的なテクニックを実践的に解説します。 Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません
人間RAIDはもう止めた！Droboで企業もお手軽ストレージ管理
データロボティックスの「Drobo（ディー・ロボ）」といえば、利用中のデータを保持したまま、HDDを手軽に追加できるストレージとして人気を博している商品だ。今まで個人やSOHOのユーザーがメインだったが、いよいよ企業向け製品にも本腰を入れる 独自のBeyond RAIDでストレージ管理を楽に 複数のHDDを束ねて、データ保護や高速化を実現するRAIDは、現在のストレージの基盤技術として数多くの製品で使われている。しかし、RAIDではデータ保護は可能だが、いくつかの課題や利用条件があるのも事実だ。たとえば、ディスクの利用量が最小容量のHDDにひきずられてしまったり、HDD交換時にディスクアレイをいったん削除しなければならなかったり、回転数やメーカーの異なるHDDでディスクアレイを構成できなかったりといった点である。特にHDDが大容量化したことで、ディスク交換後のリビルド作業に時間がかかるのも
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
セカイカメラで「ファミチキ」が無料になる！
伊藤忠商事、頓智・（トンチドット）、ファミマ・ドット・コム、ファミリーマートは、iPhone／Android用AR（拡張現実）アプリ「セカイカメラ」と店頭マルチメディア端末「Famiポート」によるクーポン券サービス「Famiポートクーポン」を組み合わせたキャンペーンを開始した。第1弾は、フライドチキン「ファミチキ」無料引換券を先着5000名に発行するというもの。 キャンペーン期間は3月14日23:59までで、商品引き替え期間は3月21日23:59まで。エアタグ表示／引き換え対象店舗は、1都9県（東京都／神奈川県／千葉県／埼玉県／茨城県／栃木県／群馬県／山梨県／長野県／静岡県）のファミリーマート全店（約3400店）。 対応端末は、iPhone 3GS／4（iOS4.2以上）、またAndroidの場合はGALAPAGOS 003SH／GALAPAGOS 005SH／GALAXY S SC-02
スマホサイトを作る前に見たい国内38社の実例 (1/7)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
SugarSync、無料で利用できる容量が5GBに拡充
11月11日、BBソフトサービスは同社が業務提携している米国のウェブサービス「SugarSync」の最新状況について紹介した。 SugarSyncは米SugarSync社が提供する、ファイル共有／同期サービス。仕事で使っているパソコンのフォルダ内容を、同社が提供するクラウド上に自動的にアップロードし、他のパソコンやスマートフォンから参照できる。 例えば、作成途中の書類を自宅に持ち帰って編集しようと思った場合、通常はファイルをUSBメモリーにコピーしたり、メールで送付して自宅のパソコンで開くといった手順を取る場合が多いだろう。しかし、SugarSyncを使えば、こうしたコピー操作を意識的に実施しなくても、最新のデータを自宅のパソコンで利用できる。 また、誤ってローカルのデータを削除してしまった場合でも、最大5世代前までさかのぼり、復旧できるなど、いろいろと利便性の高いサービスだ。対応スマート
11インチMacBook AirにWindows 7をインストール！ (1/3)
今のMacならMac OS X付属のユーティリティ「Book Camp」を使ってWindows 7が動く！ ということでMacBook Airにもインストールしてみました 史上最軽量となる11インチモデルが追加されて話題を集めているMacBook Air。既存のMacユーザーだけでなく、現在、Windowsを使っている人でも「欲しい！」と物欲を刺激されている人も多いはず。 そのWindowsからの乗り換えで気になるのが、MacでWindowsを動かす「Boot Camp」の存在だろう。第1弾「11インチに絶賛の嵐 MacBook Airがやってきた！」、第2弾「フラッシュストレージが速い！ MacBook Airを徹底ベンチ」に続き、MacBook Airレビューの第3弾では、Windows 7を使う方法をまとめた。 MacでWindows 7を動かすには？ 実はMacでWindowsを使
中卒ニートで赤塚賞！ 「地獄のミサワ」のつかめない半生 (1/6)
sponsored 2024年4月に新キャンパスへ移転した静岡デザイン専門学校は、最新設備を備えた実習室とMSIのノートPCで学生の実践力を養成 sponsored 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ！ ピラーレスだがコンパクト、価格もお手頃なCORSAIRのPCケース「3500X」が完成度高い！ sponsored コスト、人材、セキュリティ…… データ活用の課題を包括的に解消するHPEの取り組み なぜHPEがソフトウェアを？ 統合データ基盤「HPE Ezmeral」に注力する理由を率直に聞いた sponsored “データをためる”と“データを活用する”の2製品が解決する課題、得られるメリットを知る 「HPE Ezmeral」がシンプルに実現する大規模データ活用の姿とは sponsored スマホ設定で快適なハイエンドゲーミングルーター「ROG Ra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
