スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ

iPhone／iPadアプリがDTCP-IP対応可能に 基本的にグローバルモデルしか存在しないApple製品では、日本のテレビ事情が考慮されていない。だから、ハードウェアメーカーによるカスタマイズの余地があるAndroid端末でテレビを視聴できることを、横目で見ているしかなかった。しかし、昨年秋から事情は一変、iPhone／iPadなどiOSデバイスでもAndroid端末と同様の使い方が可能になった。 そのきっかけとなったのは、IPネットワーク上を流れる映像信号を暗号化する「DTCP-IP」の運用規定緩和。従来は厳重だったチェック機構が、技術的な懸念がなく妥当と判断される場合は簡略化して構わないと方針転換されたのだ。結果として、ソフトウェアを追加するだけで、DLNA／DTCP-IP対応機器との間で著作権保護されたコンテンツの転送が可能になった。 つまり、今後はiPhone／iPadでもDL

スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？　実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい

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

11月26日にスタートし、絶版マンガの広告付き無料配信で話題を集めた「Jコミ」（関連記事）。赤松健氏の「ラブひな」は200万回以上ダウンロードされ、公表されているクリック率を単純に当てはめると、広告も18万回以上クリックされていることになる。 この1ヵ月間のトライアルの後、Jコミはさらに3作品を追加してβ2バージョンをスタートする予定だ。だが、膨大な絶版作品の中からどんな作品を今後扱えば良いのか、12月15日に可決された都条例（改正青少年健全育成条例）がどんな影響を与えるのか、実は赤松氏には悩みもあった。 12月17日、赤松氏の呼びかけにより、都内某所で「Jコミ仕分け会議」が開催された。会議はUstreamでも中継され、前半が可決された都条例の漫画家およびJコミへの影響について、後半はJコミでどんな作品を今後扱っていくかを議論した。 筆者はこの会議の企画に携わり、前半部分の司会を担当、後半

12月6日、「『非実在青少年規制』改メ『非実在犯罪規制』へ、都条例改正案の問題点は払拭されたのか？」と題された集会が開催された（主催：東京都青少年健全育成条例改正を考える会／協力：コンテンツ文化研究会） 12月6日、いわゆる都条例問題を考えるシンポジウムが「なかのZERO」で開催された。 開催予告から当日までの期間が短く、告知も主催と出演者たちがTwitterなどで参加を呼びかける程度だったが、当日は整理券が発券され、定員550人の会場に1600人近くが集まり、会場周辺には長蛇の列ができた。 あふれた約1000人の参加希望者はサブ会場でのパブリックビューイングとなったが、そのサブ会場にも入れずに帰る人も出るという盛況ぶりで、この問題に対する関心の高さが伺えた。 当日は、評論家の呉智英氏（日本マンガ学会会長）をはじめ、漫画家のとり・みき氏、作家の山本弘氏、ジャーナリストで前衆議院議員の保坂展

ツイッター上のつぶやきにつけられた星印（フェイバリット）を収集するサイト、「ふぁぼったー」を数日眺めていると、毎回多数の「ふぁぼ」を集める常連ユーザーが見えてくる。その中で、とりわけ異彩を放つのがダ・ヴィンチ・恐山氏だ。 ツイッターを始めて1年弱で8万6000個を超える「星」を獲得しており、ときに1つのつぶやきで100人を超すユーザーを集めることもある。短期間で圧倒的な人気を得た背景には何があったのだろうか。 顔の見えるインターネット 第82回は、その恐山氏に「素性を明かさない」という条件で話を伺った。理由は「私が何者かであるというのは関係なしにツイートを読んでほしいんです。ネットは外見や社会的な立場から言葉が切り離されて、平等に評価されるのがいいんですよね」という。 それでも、氏の言葉からツイッターやネット全般にかかわる普遍的なスタンスが見えてきた。また、「ツイッターの面白さがいまいち分

インターネットにどっぷり浸かっている人なら、一度は上の1コマ漫画をどこかで目にしたことがあるはず。 かなりウザい、でもどこかで耳にした「あるある」なセリフ。そしてなぜか両目が近いキャラクター。両者が織りなすシュールさが「面白い」と評判を呼んで、昨年後半あたりからインターネットで大流行している。 その発信源は「地獄のミサワの『女に惚れさす名言集』」というブログ。この奇妙なネタを世に送り出してきたのが、「地獄のミサワ」さんだ。 月刊コミック誌「ジャンプスクエア」で連載を持つ現役漫画家で、現在26歳。2008年に第68回の「赤塚賞」で準入選を受賞した。赤塚賞は、小林よしのりや江口寿史、うすた京介や増田こうすけといった名だたる作家が受賞してきたギャグ漫画家の登竜門だ。 ネット人気が高まるに連れて、その素顔は謎が深まっていく。かくいう我々も好奇心を抑えきれず、つい思わずインタビューを直接申し込んでし

「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、

今さら感は非常に強いが、今回のインタビューには、小林オニキスさんをお迎えした。小林さんは2007年末にニコニコ動画に登場した、ボーカロイド（ボカロ）第一世代の有力Pの一人。ボカロ好きには言わずと知れた、あの名曲「サイハテ」の作者だ。 サイハテの公開は2008年1月。当時としては珍しかったアニメーションをPVに取り入れた。ポップなメロディ・四つ打ちのビートの曲調とは裏腹に「死別」という重いテーマを持った、非キャラクターソングの走りでもあった。結果として幅広いリスナーを得て、公開から2ヵ月と経たないうちに再生回数は100万回を超えた。 この曲のもう1つのトピックは、元スーパーカーのフルカワミキにカバーされたことだった。これはボカロ曲がメジャーのアーティストに演奏され、JASRACに登録することなく音源が流通した初のケースだった。サイハテは二次創作が多い事情を勘案した上で、メジャーとボカロの垣根

みなさんこんにちは。ふむふむソフトの飯島です。 さっそくですが、みなさんはTwitter APIを使ってプログラミングしていますか？　すでに星の数ほどTwitterアプリやWebサービスはありますし、バリバリ使っている方も多いと思いますが、「知っているけれど、なかなか触るチャンスがなくて……」という方もたくさんいるのではないでしょうか？ そこで今回から5回にわたって、Twitter APIを使ったWebサービスのプログラミングについて解説したいと思います。ただAPIの使い方を解説するだけでは面白くないですから、Webサービスを公開するサーバーとしてグーグルのクラウドサービス「Google App Engine（以下GAE）」を使い、自分でサーバーを用意することなく全部無料で遊んでみましょう。 本連載では、サンプルコードのダウンロードはもちろん、Twitter APIの準備からGAEの準備、

もともと音楽を作るためのソフトとして登場した「初音ミク」だが、そのキャラクターを使った映像作品も数多い。 初音ミクを映像化したものといえば、以前お伝えしたCG制作ツール「MMD」（関連記事）による3DCG作品が大きな割合を占めている。だが中にはMMDを使わず、すべて自作で3Dのモデリングをしている映像作品も少なくない。 ひときわ高いクオリティで我々を驚かせたのが、Tripshots氏の作品だ。 特徴的なのはとにかく美麗で繊細で高品質な映像。一目見ればその美しさに目を奪われる。代表作「Nebula」では、サイバーな雰囲気の映像にトランスミュージックが見事に合わさり、感動を呼ぶ。 3DCGに注目してしまいがちなTripshots氏の作品だが、実は音楽も自身の作品というから驚きだ。作曲者である「ボーカロイドP」としての評価もかなり高い。 彼の本職は現役の映像ディレクター。いわば「プロ」である彼が

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

クエイクが発売する「EXIT TUNES PRESENTS THE VERY BEST OF デッドボールP loves 初音ミク」、デッドボールＰのデビュー作。キャッチコピーは「もちろん無修正」。CDなのだが 「初音ミク」がデビューして2年が経つ。 今では初音ミクを使うボーカロイドＰ（ボカロＰ）がプロとしてデビューすることも珍しくない。人気のボカロＰのレベルは向上するばかりだ。そのレベルの高いボーカロイドの戦場の中、まったくの独自路線で異彩を放っているのが、デッドボールＰ（デＰ）だ。 デＰの作品で目立つのは、かなりきわどい歌詞。人気曲「私は人間じゃないから」では、しっとりとした美しいメロディーに「中で出して」という歌詞が入り、新曲「脱げばいいってモンじゃない！」では、「上に乗って」や「口でして」といった、非常にギリギリのフレーズが入ってくる。 そうした「飾らない」という意味で真っ直ぐな曲

「フローティングウィンドウ」は、Webページ本文に重ねて表示し、ドラッグ＆ドロップ操作で移動できる子ウィ ンドウのことです。といっても、ブラウザーの画面内にウィンドウのように表示するだけですので、ブラウザーやウイルス対策ソフトのポップアップブロック機能に規制されることもありませんし、追加的な情報を元のWebページのレイアウトを崩さずに表示できるメリットがあります。 基本のフローティングウィンドウを作成する 今回は、「フローティングウィンドウを表示」のリンクをクリックするとフローティングウィンドウを開くWebページを作成します。開いたウィンドウはドラッグ＆ドロップ操作でページ内を自由に移動でき、右上に配置した「×」ボタンで閉じられます。 まず、以下のようなHTML／XHTML（以下、HTML）を用意します。リンクのテキストをa要素で包み、class属性に「open」を付けます。このa要素は、

ニコニコ動画やイラストSNS「pixiv」（ピクシブ）などの存在は単なるブームに止まらない。そこから新たな商品や、第一線で活動するクリエイターが生まれたりと、プロ・アマ問わず、今を生きるクリエイターの主戦場となりつつあるのだ。 いずれのサイトも投稿される作品の数は莫大だ。だからこそ良いものが生まれるのだが、有名になれるのはホンの一握りの投稿者だけ。そんな高い競争率の中、ニコニコ動画とpixivのいずれでも人気を獲得しているのが、イラストレーターのhuke（ふけ）氏だ。 huke氏の本職はプロのイラストレーター。ゲームメーカーでキャラクターデザインの仕事に従事した後、フリーのイラストレーターとなり、ゲーム「メタルギアソリッド」シリーズの漫画などを描いている。そんなhuke氏がpixivに投稿した一枚のイラストが爆発的に評判になった。それが「ブラック★ロックシューター」だ。 ブラック★ロックシ

ネットをもっと気軽に楽しみたいっ！ そんな気持ちでミニノートを買った人も多いだろう。お気に入りのブログをチェックしたり、Twitterでつぶやきを書き込んだり、メールやメッセンジャーで友達とやり取りしたり──。 小型で気軽に持ち運べるミニノートなら、フットワークの軽さを生かして、自宅でも出先でもネットの美味しいところを存分に味わえるのだ。 それではヘビーなネットユーザーがミニノートを手にしたら、どんなソフトをインストールしてウェブの世界を堪能するのだろうか？ 今回は画像紹介サイト「ねたミシュラン」管理人・ksn氏（関連記事）にお願いして、我流のセットアップ術を語ってもらおうとしたのだが………。何か「ネットブックは恋人」とか言い出して話が変な方向に!?　早速、その詳細をチェックしていこう！（編集H） わが家に「生娘」がやって来た！ PCを扱っているときの姿といえば、椅子に座りデスク上のモニタ

初音ミク登場以来、ずっとボーカロイド関連の動画をニコニコ動画にアップロードし続けている「ワンカップP」。今までの作品数は実に125を超える多産のクリエイターだ 「初音ミク」といえば、ネットでは言わずと知れた歌声合成ソフト（ボーカロイド）だ。2007年8月31日にパッケージが登場したあと、動画共有サイトの「ニコニコ動画」（ニコ動）に初音ミクを使った動画が数多く公開されて一気に注目を集めた。そして、発売からもうすぐ2年経とうとしている今でも、衰えることなく作品の投稿は続いている。 そうしたボーカロイドムーブメントの火付け役となったクリエーターの一人が、今回インタビューした「ワンカップP」（わP）だ。 初音ミクをAmazon.co.jpで予約したのに発売日に届かない──。その嘆きを歌にし、初音ミク以前に発売されていたボーカロイド「MEIKO」に歌わせてニコ動に投稿したところ、すでに初音ミクを手に

天使でも美少女でもない、ただひたすら「音源」なのだ ニコニコ動画の音楽ジャンルを独占しつづける「初音ミク」。人気曲を収録したCDも次々リリースされ、オリコンチャートにランクインしても驚かなくなってきた。だが、オリコンチャートでもそうだが、ランキング上位のヒット曲だけを聴いていると「ポップなキャラクターソングしか存在しないのでは」という先入観を抱いてしまいがちだ。 そのとき「いい年した大人が聴くものじゃないでしょ？」とすまし顔で済ませてしまうのは簡単だが、それはそのつど流行のものを聞き流しているという残念な事実を証明しただけだ。実際にニコニコ動画の中を探してみれば、初音ミクを「美少女」や「歌姫」ではなく、1つの「音源」としてとらえ、面白い音楽を作っている作家が山ほどいる。 そこで今回はASCII.jp編集部が独断と偏見により、「いい大人」が聞くべきと思われる初音ミクサウンド20曲を選んできた

先日Twitter界隈で知ったところによると、美少女ゲームメーカーの社長をやっているHal氏のブログ「ハルだから…… [Hal Dakara...]」が面白いと評判だとか。 紹介欄によれば「1941年9月15日生まれエロゲ会社社長(満67歳)」って、ええぇぇぇ！　戦中生まれでエロゲ会社の社長って！　その上、そのゲーム制作会社「スタジオパンドラ」の美少女ゲームブランド「Lost Script」は、なんと筆者も好きでプレイしていた「蠅声の王」を生み出したブランドだったんです。 このゲーム、前々回に「世界で人気のRPG、ダンジョンズ&ドラゴンズ作者死去」で触れたゲームブックの要素を取り入れたことが美少女ゲーマーの間で話題になったもの。まさかあれを作っていたのが還暦過ぎのおじいさんだったとは！（Halさんごめんなさい） しかもブログを読むと「ひぐらしのなく頃に」「同級生」などの有名タイトルがポンポ