イベント概要

イベント名 CSS Nite LP, Disk 16「スマートフォン特集（2）Android編」
日時 2011年6月18日(土)　12:30-18:30
会場 ベルサール神田
東京都千代田区神田美土代町7　住友不動産神田ビル2F（〒101-0053）
※ここ数回、ベルサール九段にて開催していましたが、今回は異なりますのでご注意ください。
定員 320名
出演予定
 たにぐち まこと（H2O Space.） @seltzer
高津戸 壮（ピクセルグリッド） @Takazudo
あんざい ゆき（uPhyca） @yanzm
執行 大介（BBmedia） @mattari_panda
岡田 昇三（hi-posi） @shozoxxx
華井 雅俊 @MasatoshiHanai
杉本 札彦（ブリリアントサービス） @yoshi_rr
石野和明（ライブドア） @akaitembin
司会進行 鷹野 雅弘（スイッチ） @swwwitch
山本 和泉（#fc0） @izuizu
主催 CSS Nite実行委員会
協賛 イマジカデジタルスケープ、 KDDIウェブコミュニケーションズ、
Web検定、サイボウズ、WEBSTAFF、H2O Space.
JWDA 初級ウェブ解析士認定講座
協力 サイバーガーデンbiz、Designer's Garage
プレゼント協賛 awesome! クリエイターズショップ、毎日コミュニケーションズ
メディア協賛 Web担当者Forum
参加費（事前決済） 9,000円（5月12日17時まで8,000円） 満席
事前登録 必要
備考 スクール形式（机あり）
懇親会 予定しています（別途、実費）
Twitterタグ #cssnitelp16
  • 順不同です（=掲載している順序には、意図はありません）。
  • 会社名のうち「株式会社」などは省いています。

セッション概要と出演者のプロフィール

次の内容と出演者にて調整中です。
当初、予定していた矢野りんさんは今回ご出演されません。

前半

まずは、Android OSと現状のデバイスをまとめ、主要なAndroidアプリやその動向をおさえます。さらに、iPhone/iPadにはないアプローチとして、Flash/AIRで何ができるのか、どこで切り分けるのか。

Android OSと現状のデバイス総まとめ

Androidの基本情報を押さえつつ、OSのバージョンの違いや特徴、どんなデバイスがあるのかなどを解説します。

あんざい ゆきあんざい ゆき

uPhyca Inc. 代表取締役
Android 女子部 副部長。

GDD Phone を手に入れたことをきっかけに Android アプリの開発をスタート。自分の作ったアプリが実機で動くことに感動し、以来 Android アプリの開発にのめり込む。当初からブログ「Y.A.M の雑記帳」にて開発の Tips を公開。

図書館予約アプリ「Libraroid」や新幹線エクスプレス予約用ブラウザ「BooXpress」、Android2.3 で追加された NFC 機能を使って Suica の履歴を確認できる「Suica Reader」などのアプリを公開している。

切っても切り離せないAndroidアプリとクラウドとの連携

Androidアプリは、クラウドサービスとの連携がカギです。Evernote、DropboxやGoogle音声検索、クラウドサービスと連携するアプリをデモを通して紹介しながら、Androidアプリの動向について解説します。
また、Google Chrome to Phone 拡張機能、AppBrain等のC2DMを使ったアプリなど「C2DM」についてもお話しします。

華井雅俊（はない・まさとし）

2011年早稲田大学数学科卒業、東京工業大学情報理工学研究科在学中。

2008年より日本Androidの会・コミュニティ運営委員、ABC2011Winter実行委員

Android技術者とのデザイナーとのハッピーな出会い

Androidにも「Android Design Guideline」がありますが、『iOS ヒューマンインターフェイスガイドライン』に比べると、まだまだ整備されておらず、アプリによって実装はマチマチです。

Androidアプリは、アイデアや実装スキルがあっても、グラフィカルな意味でのデザインレイヤーやUX/IAなどのレイヤーでのデザイナーとの出会いを求めています。

杉本 札彦（すぎもと・よしひこ）

株式会社ブリリアントサービス　 代表取締役
日本Androidの会　関西支部長

AndroidでHT-03Aよりも先に「てづくりAndroidケータイ」を作成。
技術者である父親の影響を受けて自分も技術者になる。技術者を搾取しない会社づくりを目指しブリリアントサービスを設立。
Androidによって確実に産業界の食物連鎖のルールが変わり、産業革命が起きはじめていると感じている。

そうだったのか！AIR for Android

JavaやObjective-Cが書けなくても、Flashでアプリは作れる！ Android、iOSというマルチデバイスをターゲットとして、AIRの使いどころ、使い分け、また、おさえておくべきティップスなどについてお話しします。

岡田 昇三岡田 昇三（おかだ・しょうぞう）

ワイノット、楽天、フリーランス活動を経て、2009年より株式会社hi-posi代表。「nike6.0mobile」「ナイキ モバロンドール」「H&M mobile」「ケートラ」など、多数のモバイルコンテンツに携わる。

Flash Lite、AIR for Androidに関する執筆活動/講演も行っており、『FlashによるAndroidアプリ開発ガイドブック（仮）』（毎日コミュニケーションズ）を出版予定。

https://hi-posi.jp/

後半

ホームボタン1つだけのiPhone/iPadの一方、物理的に複数のボタンがあるAndroid端末でのUI設計からスタートし、Android向けサイト制作の環境作り、HTML+CSSのはまりポイントviewportやメディアクエリーを利用する際の注意点まで。さらに、JavaScriptライブラリの中でjQuery Mobileを選ぶメリット、Dreamweaver CS5.5を使ってのサイト制作という流れです。

iPhone・AndroidアプリのUI・挙動はどこが違う？

現状スマートフォン向けコンテンツを企画するにあたって、どうしても発生するiPhone/Androidへの両対応。このセッションでは「livedoor ニュース」アプリを通じて、それぞれ対応していく上で把握しておくべき差異・共通項を確認します。

石野和明（いしの・かずあき）

株式会社ライブドア
新世紀メディアグループ Webディレクター

マークアップエンジニアとしての経験を経て、2008年11月ライブドア入社。
Webディレクターとして『livedoor Blog／クリップ／Reader』などのサービス開発に携わる。
プロブロガーへの支援にも力を入れつつ、2010年よりスマートフォン事業・アプリ開発を積極推進中。
livedoor ディレクターブログでのスマートフォン特集記事も好評を得ている。

Android向けサイトのはまりポイントと脱出法

Android対応のサイト制作を行う上での制作/確認環境、HTML＋CSS、JavaScriptの注意点など、実制作を通してぶつかったに「はまりポイント」とその脱出法について解説します。

執行 大介執行 大介（しぎょう・だいすけ）

ビービーメディア株式会社
フロントエンドエンジニア

1976年福岡県生まれ。
都内Web制作会社にてデザイナー・Flashディベロッパー・ディレクターなどを経験。
2010年9月からビービーメディア株式会社にてフロントエンドエンジニアとしてPC向け・スマートフォン向けのWebサイトを構築。またフロントエンド技術のエバンジェリストとして社内セミナーなども担当している。

Android向けサイト制作のあれこれ：viewportについて

スマートフォン対応を行う上で無視できない「viewport」。記述に関する基本から、その使いどころ、Android対応を行う上での注意点などについて解説します。

高津戸 壮高津戸 壮（たかつど・たけし）

株式会社ピクセルグリッド
フロントエンドエンジニア

大手Web制作会社にてHTML、CSS、JavaScriptエンジニアとして経験を積む。その後フリーランスとしての活動を経て、株式会社ピクセルグリッドに入社。数10カ国語対応サイトや数千ページ規模のWebサイトのCSS、JavaScirpt設計の経験を持つ。

月に1回、フロントエンド周りの話題を持ち寄る勉強会“Sugamo.css”の副主催を務めている。MdN web creatorsにて、CSSやJavaScriptに関する特集の記事を多数、執筆している。

Androidサイト制作に jQuery Mobileを活用しよう

スマートフォン向けJavaScriptライブラリの大本命として注目されているjQuery Mobile。
「JavaScript」と聞くと難しく感じるかもしれませんが、プログラマー以外でも活用できる部分が多くあります。 本セッションでは「ノン・プログラマー」の方に向けた、jQuery Mobileの活用手法（テーマの変更方法、実制作を通して困った点）を解説します。

また、PhoneGap+Dreamweaver CS5.5を使ったWebアプリ制作についてもご紹介します。

写真：たにぐち まことたにぐち まこと

株式会社エイチツーオー・スペース
代表取締役

東京世田谷区のWeb制作ユニット。 Dreamweaver 4 + UltraDeveloperの頃から PHP開発に Dreamweaverを活用し、 Mac + Dreamweaverで行う、効率よい、デザイナーとの相性もよい開発作業を提唱している。

主な著書に『iPhone+Android スマートフォンサイト制作入門』（アスキー・メディアワークス）、『よくわかるPHPの教科書』、『Dreamweaver PHPスターティングガイド』、『基本からしっかりわかる Adobe Spryプログラミングブック』（毎日コミュニケーションズ）、共著に『Dreamweaverプロフェッショナル・スタイル』（毎日コミュニケーションズ）など

タイムテーブル

2011年6月18日 時点で最新のものです。変更の可能性があります。

  • タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。
開始 ステージ 出演者 時間
12:00 開場 　  
12:30 Android OSと現状のデバイス総まとめ あんざい ゆき 40分
13:15 Androidアプリとクラウドとの連携 華井雅俊 25分
13:40 休憩 　 　
13:55 Android技術者とのデザイナーとのハッピーな出会い 杉本 札彦 40分
14:40 そうだったのか！AIR for Android 岡田 昇三 40分
15:20 休憩 　 　
15:40 iPhone・AndroidアプリのUI・挙動はどこが違う？ 石野和明 40分
16:25 Android向けサイトのはまりポイントと脱出法 執行 大介 40分
17:05 休憩 　 　
17:20 viewportについて 高津戸 壮 40分
18:05  jQuery Mobileを活用しよう たにぐちまこと 40分
18:45 終了 　  
  • 終演時間は最大18:50まで延長する可能性があります。
  • 終了後に、別会場にてアフターパーティ（別途、実費）を開催します。

最新エントリー

参加費とお申し込み

CSS Nite LP, Disk 16は有料のイベントです。
また、ご参加いただくには参加登録と事前決済が必要です。

満席になったため、キャンセル待ちを受け付けています。終了しました。

参加費

  • 9,000円（事前決済）
  • 8,000円（5月12日17時まで早期割引）
    • 決済期限（5月15日）を過ぎると、割引は無効ですのでご注意ください。
  PayPal、銀行振込 請求書発行
5月12日17時まで 8,000円（1,000円OFF） 9,000円+手数料1,000円+税
（10,500円）
それ以降 9,000円

請求書発行は行わないことになりました。

決済方法

CSS Nite LP, Disk 16は有料のイベントです。事前決済をお願いします。
決済方法はPayPal（クレジットカード）、および、銀行振込です。

  PayPal 銀行振込
手数料 0円
（CSS Niteが負担します）		 振込手数料は
ご負担ください。

請求書発行を希望される方には、申し訳ありませんが、請求書発行手数料を頂戴します。なるべく「請求書なし」にご協力いただければ助かります。なお、請求書発行後に、ご不要になった場合でも手数料を申し受けます。請求書発行は行わないことになりました。

開催の背景

CSS Niteについて

2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っている。

名古屋、大阪、青森、福岡、沖縄、秋田、札幌、福井、仙台、福島、広島、新潟、京都、石川、高松、山形、富山、静岡、宮崎にて、“地方版”を展開。地方版は現地の有志が運営し、地方のコミュニティ活性化の一助となっている。
北九州、熊本、茨城での開催も構想中。

これまでに、210回を関連イベントを通して、のべ30,000名を超える方にご参加している（2011年2月現在）。

CSS Nite LP

CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版。今回のCSS Nite LP, Disk 16はその第16弾。「lp16」はそこから来ています。

『Dreamweaverプロフェッショナル・スタイル』（Dreamweaver CC連動）、『Movable Typeプロフェッショナル・スタイル』（MT4LP5の連動）など、連動書籍をリリースする試みも行っています（今回、書籍企画はありません）。

アップルストア銀座でのCSS Niteをシングル盤に見立てると、LP盤だよね、ということでVolではなく、Diskでカウントしています。

過去の開催

FAQ

開催に関して

都内以外での開催はありますか？
今のところ、予定していません。
当日は何を持参すればよいですか？
開催の1週間くらい前に受講票をメールにて発送します。そちらをプリントアウトしてご持参してください。プリントアウトが困難な方は、携帯電話の画面でのご提示でも結構です。
当日の配布資料はありますか？
ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。ただし、撮影時に音が出る機器（携帯電話など）はご遠慮ください。
視力が弱いのですが、大丈夫でしょうか？
スクリーンは250インチ（幅5m）と、かなり大きめですので、後方の席でも十分に見やすいと思われます。ご心配な方は、お早めにご来場いただき、見やすい席を確保していただければ確実です（自由席です）。
なお、途中でもお困りの際には移動いただいて結構ですし、お申し出くだされば、（席替えなど）対応いたします。
書籍販売コーナーはありますか？
今回はご用意いたしません。
パソコンを持参した方がいいですか？
いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
無線LANなどの環境はありますか？
若干のご準備はいたしますが、基本的にはご自身でご用意ください。
電源はありますか？
会場に両サイドにある電源をお使いいただいてOKですが、分け合ってお使いください（ぜひ、電源タップなど延長できるものお持ちください）。また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください（休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません）。
Twitterで実況中継いいですか？
はい、どうぞ。ハッシュタグは「#cssnitelp16」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
ライブ動画配信で中継してもいいですか？
こちらはご容赦ください（=NGです）。
セッション登録はどのように行えばよいですか？
今回のCSS Nite LPは1トラックで開催します。つまり、同時進行で複数のセッションは進行しませんので、セッション登録などは不要です。すべてのセッションをお楽しみいただけます。

お申し込み・決済に関して

複数名で申し込む予定ですが、まとめて振り込んでもOKですか？
はい。その場合、お振り込み後に「振込名義」と、どなたの分かをご連絡ください。
請求書は発行いただけますか？
はい、ご希望される場合には発行いたします。その場合、決済方法は銀行振込のみ、かつ、定価に消費税をオンしてのご請求とさせていただきます。 なるべく「請求書なし」にご協力いただければ助かります。なお、請求書発行後に、ご不要になった場合でも手数料を申し受けます。いいえ、請求書発行は行いません。
領収書はいただけますか？
はい。開催当日にお渡しします。
法人名などの宛名が必要な場合には、休憩時間に受付にてお申し出ください（事前のご連絡は不要です）。
なお、銀行振込、PayPal決済に関わらず、領収書の日付は開催日です。不都合があれば、当日、ご相談ください。
諸事情で、遅刻（途中退席）しなければなりません。
問題ありません。ただし、部分的な返金等はご容赦ください。

キャンセルや払い戻しについて

急遽参加できなくなりました。代わりの人間が参加してもよいですか？
はい、どうぞ。その際には、cssnite@gmail.comまでご一報ください。
諸事情により参加できなくなりました。
キャンセルフォームからご連絡ください。決済後のキャンセルについては下記のポリシーにて行わせていただきます。手数料を頂戴しますので、あらかじめご了承ください。キャンセルの返金は、イベント開催後、その月末に行わせていただきます。
期間 返金額
開催1ヶ月前 全額返金
10日前まで 半額
前日、当日 1/4
連絡なし 0円
なお、ご連絡なしのキャンセルや、（基本的にはありえませんが）受付を通過せずにご入場されている場合には、フォローアップはお送りいたしません。
PayPalでダブって決済してしまいました。
ご連絡いただければ払い戻し処理を行います。もちろん、こちらで気付いた場合にはご連絡します。なお、返金の際、手数料（500円）のみご負担ください。

関連情報

バナー

ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。

CSS Nite LP, Disk 16（幅160ピクセル×高さ160ピクセル）

Twitter

発言の最後に半角スペース＋「 #cssnitelp16」を入れてツイートしていただくと「#cssnitelp16」に自動的にリンクが張られて、CSS Nite LP, Disk 16関連の発言を参照することができます。ぜひ中継や覚え書きなどにご利用ください。

お問い合わせ

ご不明点やお気づきの点がありましたら、フォームからご連絡ください。

お問い合わせ

お問い合わせ前に、FAQをご一読ください。