世界を変える方法は山川の教科書に書いてある (1/2)
「世界を変えたい」とか「日本の教育行政を変えると日本を再生できる」とか、土日に最近の話題をざっと追いかけていてとても違和感があった。日本の義務教育（実態として義務化している高校も含めて）では世界を変える方法をきちんと教えているのだから、変えなければいけないのは教育行政ではなく、教科書に書かれていることを「自分事化」する教え方ではないのか、と思うのだ。 商品・サービスの設計方法 商品・サービスの設計方法は、3つしかない。ひとつは新しいニーズをいち早くつかみ、これまでにない商品・サービスを「発明」することだ。竪穴式住居の普及で一箇所に留まる時間が長くなり、食料を貯蔵するニーズから縄文土器が生まれたように、大量の音楽がデータ化されPCで楽しむようになった後、ハードディスクやフラッシュメモリーに音楽データを入れて携帯する「携帯型デジタル音楽プレイヤー」が生まれた。 ふたつめの方法は「改善」すること
消えゆく日本文化、若者につなげ ニコニコ動画に“再生”の灯 (1/4)
今年で5周年を迎えた投稿動画サービス・ニコニコ動画。日常のクスッと笑ってしまう場面から、自作の歌や曲、ダンスや演奏など、数えきれないほどのジャンルの作品が投稿され、10～20代の支持を受けて成長してきた。 そんなニコ動で今、面白い現象が起こっている。若者文化とは縁遠そうな伝統芸能系動画が驚くほど支持されているのだ。中でも最も有名なのは、昨年8月に投稿された「【邦楽BadApple!!】傷林果」（しょうりんか）だ。 三味線の杵家七三（きねいえ なみ）さんをはじめ、箏、尺八、太鼓という和楽器で構成された「杵家七三社中」が、ニコニコ動画で非常に人気の高い同人ゲーム「東方Project」（以下“東方”）のBGMをアレンジした「Bad Apple!! feat. nomico」を演奏している。なぜ伝統芸能のプロが同人ゲームのBGMなのか。そしてなぜ音もPVもこんなに“本気”なのか。 その「先生、なに
airpenとBoogie Board、Androidで作る「手書きクラウド」 (1/2)
新しいモノ好きな筆者は当然のことながら、ぺんてるのデジタルペン「airpen」（エアペン）と「Boogie Board」（ブギーボード）を発売直後に購入した。airpenの特徴は、ごく普通の紙に描いた絵や文字などの筆記データをデジタル化してPCなどに保存できるという機能だ。Boogie Boardは電子お絵かきボードのようなガジェットで、現在ではキングジムより4980円で販売されている。 ただ、airpenとBoogie Boardのどちらも優れた製品ではあるのだが、その効能は「ちょっと便利」の域を出ていなかった。しかし、「airpen Pocket」のAndroid端末用アプリが登場したことで大きく進展した。 airpen Pocketは、2月12日に発売された最新モデルだ。従来のairpenシリーズは、蓄積した筆記データをEvernoteにアップロードしたり、その後情報共有したりといっ
これだけは知っておきたいWebサイトの効果測定
企業がWebサイトを作るのは、何らかの成果を上げることが目的です。たとえば商品のプロモーションサイトであれば、商品の認知度を上げ、商品情報を提供することで店頭での購入行動につなげること。ECサイトであれば、Web上で商品を販売して売り上げを立てることが、ビジネス上のゴールになります。 Webサイトを制作するときには、得たい成果や目標に対して施策を講じ、実施した施策が成果につながっているか効果を検証します。これがWebサイトにおける効果測定です。効果測定は、事前に設定した成果・目標と結果を比較して、改善すべき課題を明確にすると説明できます。課題点が分かればその後やるべき施策が自ずと見えてきますから、制作会社の側からクライアントに対して、効果測定の実施を積極的に提案しましょう。 Webサイトの効果測定手段 Webサイトの効果測定では、測定する指標を定め、適切な手段を選択します。指標は、ECサイ
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
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
保存版！Facebookでファンを獲得する18の鉄則 (1/4)
Facebookを企業で活用するために、Facebookページの開設・運用方法を解説する本連載。前回までは、Web ProfessionalのFacebookページを例に、Facebookページのカスタマイズ方法を紹介しました。すでに記事を読んで、実際にFacebookページを作ってみた、という方もいらっしゃるかもしれません。 ところが、Facebookページを作ってはみたものの、なかなか「いいね！」してもらえず、ファンが増えない。そんな悩みはありませんか？ Facebookページさえ作れば、ファンは来てくれる――多くのFacebookページ運営者の願いですが、ファンはFacebookの霧の中から沸いてくるものではありませんし、ページを作っただけで魔法のように増えるわけではありません。 今回は、Facebookページを多くのユーザーに「いいね！」してもらい、ファンを獲得する方法を紹介します
スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
Kindle/iPad対応！電子書籍の作り方 (1/7)
iPadの上陸、Googleの参入などで盛り上がる電子書籍市場。「Webに近い」性質を持つ電子書籍は、Web制作の世界とも決して無縁ではありません。本連載では、「JavaScriptラボ」でおなじみの古籏一浩氏が、主な電子書籍フォーマットのデータの作成方法を解説します。（編集部） 電子書籍にはPDF、EPUB、.book、AZW/MOBI、Topaz、XMDFなどさまざまなフォーマットがありますが、どのフォーマットがどんなコンテンツに適しているのか、どのような方法でデータを作成できるのか、電子書籍の課題や現実のワークフローは実際にデータの作成を体験することで見えてきます。そこで、本連載では現時点で広く使われている（もしくは仕様が公開されている）4つの電子書籍フォーマットについて、データの作り方を解説します。
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
Pythonが最高である3つの理由 (1/3)
Pythonを使ったプログラミングについて、今回から解説します。PerlやRubyと比べると、Pythonは日本ではまだマイナーな印象がありますが、「Google三大言語」（C++、Java、Pythonのこと）のひとつでもあり、Facebookをはじめとしたメジャーなサイトでの事例が急速に増えていることから、日本でも今後普及する可能性が高いです。私が社長をしているゼロスタートコミュニケーションズという会社では、設立当時（4年ほど前）から自社製品にはPythonを使っており、ここ半年間、周囲でPythonを使用しているケースが増えているのは嬉しい限りです。 Pythonに限らず、プログラミング言語が日本で普及するかどうかの鍵を握っているのは、（幸か不幸か）日本語情報の多寡であると思います。Rubyの事情は正直よくわかりませんが、たとえばPerlがこれだけ日本でメジャーになったのは、Perl
HTML5＋JavaScriptでビデオエフェクターに挑戦！ (1/6)
HTML5ビデオエフェクターのサンプル。左側の動画にリアルタイムでエフェクトを加えて再生する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5で追加される新機能の中でも、特に華やかなものといえば「Video」と「Canvas」でしょう。本連載でも、HTML5 Videoを使った3D動画プレーヤーやCanvasを使ったペイントツールなどを作成してきましたが、今回はこの2つの機能を組み合わせて「ビデオエフェクター」作りに挑戦します。 ひとくちにビデオエフェクターといっても、アドビ システムズの「After Effects」のように事前にレンダリングしてムービーを作成するアプリケーションから、アップルの「Motion」のようにムービーを再生しながらエフェクトを処理するタイプ、さらにはVJ (Video Jockey/Visu
平沢進が語る、音楽の新しいスタンダード (1/5)
平沢さんがプロミュージシャンとして最初にインターネットへ軸足を移して10年。無料配信やインタラクティブライブ、今回の「還弦主義」など、続々とネットを通じたパフォーマンスを展開してきた。その結果、この音楽不況下にあって売上を伸ばし続けているというから驚きだ。その秘密は何か？ というのが今回のテーマ。 「新しいスタンダードを作った方が早い」 という前回の平沢さんの発言は、明快かつ示唆に富んでいる。いま「旧（ふる）いスタンダード」のシステムが壊れつつあり、それらを延命させるために様々な規制が講じられつつある。 だが、本来音楽は、そうしたものとは無関係にあって、そうしたものと戦う必要もない。10年前にそこから抜け出す最初の一歩を踏み出した人は、それを「体感」として語ってくれた。むしろシステムに乗った途端に失われるものについても。 では、インタビューの続きをお楽しみください。 ビジネスモデルと呼べる
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
ASCII.jp：TCP/IPの基礎の基礎を理解していますか？｜TCP/IPまるわかり
インターネットは、TCP/IPというプロトコルを基盤とするコンピュータネットワークである。これからTCP/IPについて復習していくわけだが、まずは基礎的な用語とその概念を復習しよう。 インターネットを支えるTCP/IP いまやインターネットは、テレビや電話、新聞などと並ぶメジャーな媒体に数えられるようになった。この巨大なインターネットを下から支えているのが「TCP/IP」と呼ばれるプロトコル群である。 そもそも「プロトコル（protocol）」とは、ものごとの作法や手続きを明示的に取り決めて文書化したものだ。特にコンピュータネットワークの世界では、コンピュータ同士のデータのやり取りの方法を厳格に定めた規格（規約）のことを指す。コンピュータはプログラムに従って動作する機械であるため、厳密な取り決めがなければ複数のコンピュータを協調して動かすというのは難しい。 TCP/IPも、そのようなプロト
ASCII.jp：絶対入れたいFirefoxアドオン最強50選
初心者から上級者まで、今使うべきアドオン50を徹底紹介 次世代ブラウザー、Firefoxの魅力は快適な動作速度（関連記事）だけではなく、ユーザーの好みに合わせて機能を拡張できる「アドオン」の存在だ。とはいえ5000以上もあふれるアドオンの海から自分に合ったものを選ぶのは至難のワザ。まずは鉄板の定番アドオンを導入し、そこから自分仕様にカスタマイズしていきたい。 そこで今回は使用シーンに合わせ、筆者が勧める50のアドオンを徹底的に紹介。インストールしたばかりのFirefox初心者はもちろん、Greasemonkey（グリースモンキー、詳しくは後述）を使いこなしている上級者にもぜひ使ってもらいたいものを集めてきた。
「5枚プレゼン」のレイアウトを理解する
本連載では、「1枚企画書」に続いて竹島愼一郎氏が提唱する「5枚プレゼン」をPowerPointで実践する手順を全5回で紹介します。即断即決を可能にするのが以前に紹介した「1枚企画書」ですが、プランニングの王道はやはり複数枚の企画書です。ただし枚数は5枚に限定するというのが秘中の秘策です。 第2回では、5枚プレゼンのトップとボトム、導線の作り方、流れのデザインなどについてレクチャーします。 ※本記事は「ビジネス極意シリーズ パワポで極める5枚プレゼン」から一部抜粋し、編集・再構成したものです。 レイアウト――「5枚プレゼン」のトップとボトム 「5枚プレゼン」のそれぞれのページが、どういった内容でどう見てほしいのかを瞬時に理解してもらえるよう、見出しのフレーズを書き入れておくといい。タイプとしては、ページの一番上を利用した「トップ型」、一番下の「ボトム型」、トップとボトムが呼応した「問答形式型
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今日からできるFacebookファンページ制作＆運用ガイド
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
