スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
CSS＋jQueryでクロスデバイスサイトを作ろう (1/4)
WebサイトをiPhone/Androidに最適化するには、PCサイトとは別にスマートフォン専用サイトを用意するのがベストですが、コストや時間などの理由で難しい場合があります。そこで今回は、PC向けのWebサイト（HTML）はそのまま利用し、CSSとJavaScriptだけでレイアウトやデザインを変更する｢クロスデバイスサイト」の作り方を説明します。題材は、筆者が制作した「iPhone/Android Webサイト制作出張セミナー」のWebサイトです。 このサイトは1ページ完結の告知サイトで、左右2段組みで構成されています。左カラムにはナビゲーションメニューを、右カラムにはメインコンテンツを配置し、ナビゲーションメニューをクリックするとページ内リンクで表示する部分を変えられます。iPhone/Androidからアクセスしたとき、このページを以下のように表示するようにします。 PCサイトのマ
ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド
■iOS（iPhone OS） iOS（3.0以前は「iPhone OS」）は、アップルがiPhoneなどの小型端末用に開発した専用OSです。初代iPhoneに1.0が搭載されたあと、新モデルの発表に合わせてバージョンを重ねています（iPhone 4にはiOS 4が搭載）。iPhone 3G以降はOSのバージョンアップができるようになり、最新版のiOS4にも対応しています。 ■iPhone標準ブラウザー「Safari」 iPhoneには標準ブラウザーとして「Safari」が搭載されています。SafariはもともとアップルがMac OS X向けに開発したWebブラウザーで、Windows版も無償で配布されています。基本的な表示能力はiPhone版もデスクトップ版もほぼ同じですが、iPhone版にはいくつの制限があるため、「Mobile Safari」などと呼んで区別することもあります。 Sa
ユードー・南雲氏が語る「iPhoneアプリ開発の現場」 (1/4)
19日、AppBankさんが、この6月から毎月シリーズで展開されるApple Store Ginzaの講演会「iPhoneアプリ勉強会」に行ってきました。楽しかったです……と書いてしまうと終了なのですが、勉強になりました。さすが勉強会。 すでにTwitter上では時間差実況をやってしまいましたが（Twitterで#appbankを検索してみてください）、このつぶやきをベースにして、改めまして講師を務められました南雲さんのお話をアップさせていただきたいと思います。 ちなみにといいますか、今さら御説明の必要はないかもしれませんが、南雲さんはユードーさんの代表取締役にして企画マンであり、サウンドクリエイターでもあります（僕は「7th deadly beats」の音楽が大好きです）。非常に多彩な方なのですが、「これが南雲さんなんだ！」という主張は非常にシンプルに、一本でした。この点はおもしろかった
3日でニコ動を作ったネ申「戀塚氏」に取材してみた (1/5)
ドワンゴといえば、ケータイ電話向けの着信メロディー「いろメロミックス」や動画共有サービス「ニコニコ動画」といったサービスを生み出してきた企業だ。 この10月、そのドワンゴを題材にした新書「ニコニコ動画が未来を作るドワンゴ物語」が弊社から発売された（関連記事、Amazon.co.jpで見る）。フリージャーナリストの佐々木俊尚氏が延べ30人を取材し、ドワンゴの全貌を明かしたものだ。この中でもキーマンの1人として登場するのが戀塚昭彦（こいづかあきひこ）氏。 戀塚氏は「ニコ動を3日で作ったプログラマー」としてネットで知られており、現在もニコニコ関連の開発に携わっている。90年代にはゲームクリエイター集団「Bio_100%」のメンバーとして活躍。2001年に起きた「2ch閉鎖騒動」では、過負荷対策を行なって閉鎖を食い止めたUNIX板住民のひとりでもあった。 そんな戀塚氏はどういった経緯でドワンゴに入
平沢進が語る、音楽の新しいスタンダード (1/5)
平沢さんがプロミュージシャンとして最初にインターネットへ軸足を移して10年。無料配信やインタラクティブライブ、今回の「還弦主義」など、続々とネットを通じたパフォーマンスを展開してきた。その結果、この音楽不況下にあって売上を伸ばし続けているというから驚きだ。その秘密は何か？ というのが今回のテーマ。 「新しいスタンダードを作った方が早い」 という前回の平沢さんの発言は、明快かつ示唆に富んでいる。いま「旧（ふる）いスタンダード」のシステムが壊れつつあり、それらを延命させるために様々な規制が講じられつつある。 だが、本来音楽は、そうしたものとは無関係にあって、そうしたものと戦う必要もない。10年前にそこから抜け出す最初の一歩を踏み出した人は、それを「体感」として語ってくれた。むしろシステムに乗った途端に失われるものについても。 では、インタビューの続きをお楽しみください。 ビジネスモデルと呼べる
「私は平沢進だぞ。平沢唯じゃない」 本人に聞いてみた (1/6)
「間違えてないか？ 私は平沢進だぞ。平沢唯じゃない」 「マイナーで売ってるんだけど」 「平沢進というのは『な～に～？ この音楽、きもちわるい』とか、そういう類だから。かわいくないから」 「友達減るから」 「私が『平沢唯』と書いたことにより、多くの皆様を誤った場所に導いてしまったことを深くお詫び申し上げますから」 「重ねてお詫び申し上げますから」 （Twitterアカウント @hirasawa より抜粋） 平沢進さんは日本を代表する電子音楽の作家であり、また高い表現力を持つボーカリストだ。1979年にテクノポップグループ「P-MODEL」でデビューし、1989年からソロ活動を開始。ブロードバンド環境が整い始める1999年には、メジャーとの契約を打ち切り、いち早くMP3でのダウンロード配信を始めるなど、現在のネット音楽シーンをリードしてきた人でもある。 その彼がTwitterに登場するや否や、
インストール不要！Web制作者必見のCSS解析ツール
「優れたCSSレイアウトのマークアップを研究したい」「制作途中のWebページの表示不具合の原因を探りたい」――そんなときに使えるツールといえば「Firebug」や「Web Developer」がおなじみだ。これらのツールはCSSや（X）HTMLの確認だけでなく、その場で編集したり、JavaScriptのデバッグもできるスグレモノ。だが、もっと最低限の機能だけを手軽に使いたい、というケースもあるだろう。 （X）HTMLの構造やCSSのプロパティのチェックに特化したシンプルなツールが「XRAY」だ。Webブラウザーに登録して使うJavaScriptブックマークレットのXRAYは、アドオンをインストールする必要もなく、機能が絞られている分、動作も軽快だ。 事前準備は、作者・Westcivのページにアクセスし、「XRAY」と書かれたボタンをブックマークに登録するだけ。FirefoxやSafariな
新機能“タッチクルーザー”はどれだけスイスイ操作できる？『SH904i』
FOMA SH904i (株)エヌ・ティ・ティ・ドコモ/シャープ(株)製 オープンプライス(新規契約での実売価格：3万円前後) シャープ(株)製の『SH904i』は、(株)エヌ・ティ・ティ・ドコモから5月25日に発売された“904i”シリーズのうちの1つ。1台の携帯電話機で2台ぶんの電話番号や電話帳などを使い分けできるサービス“2in1”(ツーインワン)に対応するほか、SH904i独自の機能として、操作キーの上部にノートパソコンのタッチパッドのように指でポインターを操作できる“TOUCH CRUISER”(タッチクルーザー)を搭載する。今回は端末としての基本性能を見ていくとともに、タッチクルーザーに注目して“一本釣り”してみた。 SH904iのインターフェース
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部品を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneでサクっと調べられるHTMLタグ辞典