Kindle/iPad対応！電子書籍の作り方 (1/7)
iPadの上陸、Googleの参入などで盛り上がる電子書籍市場。「Webに近い」性質を持つ電子書籍は、Web制作の世界とも決して無縁ではありません。本連載では、「JavaScriptラボ」でおなじみの古籏一浩氏が、主な電子書籍フォーマットのデータの作成方法を解説します。（編集部） 電子書籍にはPDF、EPUB、.book、AZW/MOBI、Topaz、XMDFなどさまざまなフォーマットがありますが、どのフォーマットがどんなコンテンツに適しているのか、どのような方法でデータを作成できるのか、電子書籍の課題や現実のワークフローは実際にデータの作成を体験することで見えてきます。そこで、本連載では現時点で広く使われている（もしくは仕様が公開されている）4つの電子書籍フォーマットについて、データの作り方を解説します。
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
IMEとして「変態」 開発陣が語るGoogle日本語入力 (1/5)
グーグルには、勤務時間の20％を自由な企画・開発に当てていい「20％プロジェクト」という制度がある。Google検索での誤入力に対して、正しい検索キーワードを勧める「もしかして」というスペリングコレクション機能を担当している、ソフトウェアエンジニアの工藤拓氏が、同じくエンジニアの小松弘幸氏と、この「20％」で進めていたのが「Google日本語入力」だった。 工藤氏が「変換」のコアな部分、小松氏がWindowsやMacintoshといったマルチプラットフォームへのつなぎ込み部分を主に担当してプロジェクトを進めた。そして仮バージョンができた時点で、相談を寄せたのがシニアプロダクトマネージャ（当時）の及川卓也氏だ。 2010年に登場するChrome OSへの搭載も予定され、Googleの日本展開の重要なツールとなるGoogle日本語入力の生みの親に、その狙いや開発の思想を聞いた。 Google日
平沢進が語る、音楽の新しいスタンダード (1/5)
平沢さんがプロミュージシャンとして最初にインターネットへ軸足を移して10年。無料配信やインタラクティブライブ、今回の「還弦主義」など、続々とネットを通じたパフォーマンスを展開してきた。その結果、この音楽不況下にあって売上を伸ばし続けているというから驚きだ。その秘密は何か？ というのが今回のテーマ。 「新しいスタンダードを作った方が早い」 という前回の平沢さんの発言は、明快かつ示唆に富んでいる。いま「旧（ふる）いスタンダード」のシステムが壊れつつあり、それらを延命させるために様々な規制が講じられつつある。 だが、本来音楽は、そうしたものとは無関係にあって、そうしたものと戦う必要もない。10年前にそこから抜け出す最初の一歩を踏み出した人は、それを「体感」として語ってくれた。むしろシステムに乗った途端に失われるものについても。 では、インタビューの続きをお楽しみください。 ビジネスモデルと呼べる
「私は平沢進だぞ。平沢唯じゃない」 本人に聞いてみた (1/6)
「間違えてないか？ 私は平沢進だぞ。平沢唯じゃない」 「マイナーで売ってるんだけど」 「平沢進というのは『な～に～？ この音楽、きもちわるい』とか、そういう類だから。かわいくないから」 「友達減るから」 「私が『平沢唯』と書いたことにより、多くの皆様を誤った場所に導いてしまったことを深くお詫び申し上げますから」 「重ねてお詫び申し上げますから」 （Twitterアカウント @hirasawa より抜粋） 平沢進さんは日本を代表する電子音楽の作家であり、また高い表現力を持つボーカリストだ。1979年にテクノポップグループ「P-MODEL」でデビューし、1989年からソロ活動を開始。ブロードバンド環境が整い始める1999年には、メジャーとの契約を打ち切り、いち早くMP3でのダウンロード配信を始めるなど、現在のネット音楽シーンをリードしてきた人でもある。 その彼がTwitterに登場するや否や、
僧職系男子・仁鐵／蝉丸Pが奏でる「仏教の新しい魅せ方」 (1/5)
実際にお寺で住職を務める「蝉丸P」こと仁鐵さんがニコニコ動画にアップロードした動画の数々。アニメやゲームの知識を交え、仏教の常識をあまりにも分かりやすく解説する動画は話題を呼んだ 2008年11月、ニコニコ動画に木魚などの仏具を使ってアイドルマスターの音楽を演奏した動画がアップされ、2009年7月時点で20万再生を超える大ヒットを飛ばした。 コンテンツ作者に「P=プロデューサー」の称号を付けるアイドルマスター／ボーカロイド界隈の慣例にならい、周囲から蝉丸Pと呼ばれるその人物は、続いて2009年3月に「ニコニコ仏教講座」というシリーズ動画をアップ。仏教の各宗派の関係を「原作派と二次創作派」などといった同人界隈のファン派閥に喩えたり、仏壇の機能について「本尊はケータイにおけるアンテナとSIMカード」と説明するなど、フランクすぎるともいえる親しみやすい解説でこちらも立て続けにヒットを残している。
ASCII.jp：これぞ完璧企画書――「1枚企画書」パターン実例3題 ｜パワポで極める「ビジネス極意」
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■
HTMLもCSSも書換不要！気持ちいいスクロール (1/5)
Webサイトを作るにあたって、ネット上でデザインの参考になるサイトを探していると、プロのWebデザイナーのポートフォリオサイトに行き当たることがあります。ポートフォリオサイトはデザイナーにとってのショーケース。気合の入った作りや実験的な要素を盛り込んでいるサイトもあり、単純に眺めても楽しいものです。 今回取り上げるサイト「Cosmive」は、Webデザイナー・Muhammad Uzairさんのポートフォリオサイト。色鮮やかで美しいグラフィックに、JavaScriptによるダイナミックなユーザーインターフェイスを合わせています。今回はこのサイトから参考にさせてもらいましょう。 今回のお手本サイト：『Cosmive』 パキスタン在住のWebデザイナー、Muhammad Uzairさんのポートフォリオサイト。自身のプロフィール、手がけた作品の紹介、問い合わせフォームまで、1ページにコンパクトにま
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
jQueryで作る“Amazon風”インターフェイス (1/5)
「最近、どこでよく買い物していますか？」――こう聞かれて「Amazon！」と答える方も少なくないかもしれません（特に本誌読者であれば）。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。 もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手本にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。現
東大工学部で富野節が炸裂！ロボットの開発なんかやめましょう！ (1/8)
“富野節”というのは、劇中のセリフ回しに適用される言葉であろうが、富野由悠季氏ご自身の語りが、梅雨時の土曜昼下がり、東大駒場キャンパスで炸裂した。 6月15日、東京大学工学部にて、イベント「テクノドリームI：工学～それは夢を実現する体系」が開催された。これは、富野由悠季氏をゲストに迎え、東京大学下山勲教授（情報理工学系研究科長）と同じく東京大学の中須賀真一教授（工学系研究科・航空宇宙工学専攻／工学部・航空宇宙工学科）が鼎談を行なうというもの。後半には民間企業からの参加ということで、東洋エンジニアリングの内田正之氏、三洋電機の田端輝男氏が加わった。司会は工学部広報室の内田麻理香特任教員。 テーマは工学の未来について。テクノドリームというイベント自体、“工学の夢を新たに描き直すイベント”と位置づけられている。富野氏がゲストということで、工学そのものの立ち位置から地球環境の話まで、大いに話題がふ
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マンガ：Webディレクター 江口明日香が行く