2011年8月18日（木）18:30-20:00、アップルストア銀座 3FシアターにてCSS Nite in Ginza, Vol.58を開催します。
linker、キゴウラボ、原 一浩さんの6名をお迎えし、5月末にリリースされた『ウェブデザインコーディネイトカタログ』をまじえ、『業種別／目指したい雰囲気別のデザイントレンド考察』と題してお話しいただく予定です。
ご参加の希望される方は、フォームからお申し込みください。
6月18日(土)、ベルサール神田にてCSS Nite LP, Disk 16「スマートフォン特集（2）Android編」を開催し、320名の方にご参加いただきました。
ツイートは下記にまとめました。
次のブログで取り上げていただきました。ありがとうございます。
こちらは出演者のブログなど。
撮影：飯野高拓、飯田昌之
2011年6月23日（木）、アップルストア銀座で開催したCSS Nite in Ginza, Vol.57のフォローアップとして、岩本 崇さん（アドビ システムズ）の『Dreamweaver CS5.5徹底解説』のスライドと音声をシェアします。
参照リンク
2011年6月23日（木）、アップルストア銀座で開催したCSS Nite in Ginza, Vol.57のフォローアップとして、鷹野 雅弘（スイッチ）の『Dreamweaver CS5.5でワークフローはどう変わるのか？』のスライドと音声をシェアします。
参照リンク
2011年6月23日（木）、アップルストア銀座でCSS Nite in Ginza, Vol.57を開催し、142名の方にご参加いただきました。
今回は、次のセッションで構成しました。
ツイートは下記にまとめました。
スライド、および、音声は、先行してFacebookページで、その後このサイトで公開します。
2011年7月30日、アウガ 5F AV多機能ホール（青森県青森市）にて、CSS Nite in AOMORI, Vol.5を開催します。
次の4セッションで構成。
青森版は、自主開催の地方版のさきがけとして、今回で5回目の開催です。本日からお申し込みを開始しています。
2011年7月16日、ウインクあいち（愛知県産業労働センター）にて、CSS Nite in NAGOYA, Vol.6を開催します。
地域での主催となっての第2弾。今回は「覗いてみよう アノヒトの仕事術」をテーマに、5名のパネラーによるパネルディスカッションを中心に構成予定。
名古屋エリアでWebに関わる、人たちの様々な仕事ぶりを紹介いただきます。そんな仕事模様をもとに、仕事の組み立て術や、時短ノウハウ、仕事に役立つサービス、ツールの活用術などをパネルディスカッション方式で情報交換します。そんな、参加された皆さんが、翌日の仕事からすぐに活用できる情報共有型イベントです。
まだ、お申し込みは開始していません（近日中を予定しています）。
2011年7月9日（土）、西日本工業大学地域連携センターにてCSS Nite in KITAKYUSHU, Vol.1 を開催します。
今回は「イメージとマネージ」をテーマに、3つのセッションで構成予定です。
過去に数回福岡で開催しましたが、現在は休止しており、北九州では初開催です。たくさんのご参加をお待ちしています。
2011年8月6日、静岡県コンベンションアーツセンター「グランシップ」にて、CSS Nite in SHIZUOKA, Vol.2が開催されます（当初、3月に予定していましたが、震災の影響により延期となったものです）。
次の3セッションで構成されます。
お申し込みが本日からスタートしました。
2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、小山田 晃浩さん（ピクセルグリッド）の『iPhone/iPadサイト制作でのCSS設計とデザイン最適化事例』のスライドと音声をシェアします。
続編のLP16：Android編を6月18日に開催します。
2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、外村 和仁さん（ピクセルグリッド）の『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。
続編のLP16：Android編を6月18日に開催します。
会場に足を運んでくださった皆さん、ありがとうございました。そして長丁場なセミナーお疲れ様でした。
セミナーの最後にも少し補足しましたが、PhoneGapのインストールについて補足します。まずPhoneGapのインストールの前にiOS SDKをインストールする必要があります。
iOS SDKのインストールにはこちらのエントリーなどを参考にするといいと思います
次にPhoneGapのインストールですが、PhoneGapの公式サイトのダウンロードボタンからダウンロードできます。
ここでダウンロードできるzipファイルを解凍して以下のファイルを実行します。
iOS/PhoneGapLibInstaller.pkg
これでXcodeを起動するとPhoneGapのプロジェクトがつくれるようになります。
ちなみにXcodeはiOS SDKをインストールすると以下の場所にインストールされます。
/Developer/Applications/Xcode
2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、多田 吉臣さん（ヘルツ）の『 地方におけるミニマムなiPad用Webアプリ制作事例』のスライドと音声をシェアします。
続編のLP16：Android編を6月18日に開催します。
LP13に参加いただき、ありがとうございました！
登壇の話をいただいたときからずっとなんですが、私からみなさんにお伝えできることはなんだろうと随分悩みました。jQTouchネタだけでも時間いっぱい使えそうでしたし、アプリケーションキャッシュとmanifestファイルにスポットを当てるアイデアもありました。
とはいえ、私にはそれほど抜きん出た技術があるわけでも、実績や経験が長けているわけでもありません。人よりちょっと知ってるぐらいのレベルでみなさんに満足いただける内容を提供できるだろうか・・・
そこで、ただ事例紹介をするのではなく、地方でもがいている１制作者というフィルタを通し、目の前の問題を共有できないか、また解決の糸口を探れないか、といったアプローチでお話することにしました。
問題というのは、「ユーザー視点の欠如」に他なりません。制作者は、高度な技術を求められるほど、この意識を保つのが困難です。求められていることに対し結果を出すには、目の前の課題がより技術的なものになるからです。何より、私自身、うっかり見失いがちです。
“ユーザーの心をつかむものになっているか？”
アプリはウェブサイト以上に、「ユーザー視点」が重要です。扱うものが、情報提供ではなく、１つ上の体験だからです。「なくても困らないけど、あったらHappyなもの」を提供するにはユーザーの方をきちんと向いていないとできません。
ウェブサイトは随分とアプリ的要素を求められるようになりました。スマートフォンやモバイルサイトなんかは顕著にそうです。さらに今後は、あらゆる家電機器にアプリが内包されたりと、今よりもっと私たちの生活に浸透していくことでしょう。
まだアプリ制作やスマートフォンサイト制作をしていない方は、機会あればぜひ挑戦してみてください！
これらの制作で得られるノウハウは、今あるウェブサイトをよりいいカタチにしてくれるものでもあり、新しいサービスが登場した際にも、順応するためにきっと力になってくれます。
来たるべき新しいコミュニケーション時代に必要なのは、他ならぬWebの知識と技術を持ったみなさんです。
これからのご活躍を応援しております！！
最後までお読みいただき、ありがとうございました。
2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、比留間 和也さん（カヤック）の『教科書には出てこない!? iPhone のUIトリック表現』のスライドと音声をシェアします。
続編のLP16：Android編を6月18日に開催します。
参加されたみなさん、長い時間お疲れさまでした。アンケートを拝見させて頂きましたが、これから作るぞ！というような熱意にあふれた意見が見受けられてとてもうれしく思っています。
一点、OTONATIC中でスライド中でアプリケーションキャッシュを使ってオフライン機能を実装している、と話していましたが、ちょっとこちらの手違いで、キャッシュファイルを指定していない状態のものが上がってしまっていました。現在は修正してありますので、もしオフラインでテストされた方がいらっしゃいましたら申し訳ありませんが、もう一度OTONATICへアクセスしてみてください。
※ちなみに、オフライン限定ではなくても例えばほとんど変更する可能性のないjQueryなどのライブラリをキャッシュさせておくことで読み込むファイル数を減らしたり、というような使い方もできます。
またセッションと直接は関係ありませんが、PC版とiPhone版で見た目が違うサイトや、PCで見ているサイトをiPhoneでも見たい、といった場合に便利なextensionを紹介したいと思います。
Googleのextensionになるのですが、名前は「Site to Phone」というものです。（聞いた話によるとFireofoxのブックマークレットなどもあるようです）こちらは、現在見ているサイトのURLを保存して、iPhone側でブックマーク（ホーム画面へのアイコン追加）でアクセスするとすぐにそのサイトにアクセスできる、というものです。
かなり便利なので、ぜひ使ってみてください。
2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、多田吉臣さん（ヘルツ）の『地方におけるミニマムなiPad用Webアプリ制作事例』のスライドと音声をシェアします。
CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。
続編のLP16：Android編を6月18日に開催します。
「コミュニケーションデザイン責任者を誰がやるか」「小規模案件からのステップアップ」について少しフォローさせていただきます。
「実際は難しいですよね」「理想ではそうだけど・・・」といった声をいくつかいただきました。確かに、小規模プロジェクトの場合、専属の人を立てるのはコスト的にも無理があります。そもそも、それに特化した職種の人は身近にいないのが現実でしょう。
では、この問題をスルーしていいかというと、私はそうは思いません。明示的な責任者がいるに越したことはありませんが、次のようなやり方も現実の落としどころでアリだと思います。
自分だけで抱えると意識を保つのが難しいですが、関係者みんなでシェアすると自己修正力が加わります。
例えば、クライアント担当者を加えたミーティングなどで「ユーザー目線、徹底しましょう！私もできる限り意識してやりますので、忘れていたらご指摘くださいね」と言っておくだけでも随分と違います。
プロジェクトに関わっていない人や、一般の人（家族や友人でもＯＫ）に定期的にフィードバックしてみると、Webに関わっていない人の純粋な意見が出てきたりします。私もたまにやるのですが、ときどき「はっ」とさせられることもしばしば。非常に有効な手段の１つだと思っています。
これについては、すみません。ちょっと誤解を招く表現があったようです。小規模案件でのノウハウで中規模・大規模にも通用するといったニュアンスでお伝えしてしまいましたが、これは真意ではありません。
中規模・大規模になると、当然考慮しなくてはならない多くのことが発生します。小規模に比べてあらゆるリスクが高くなるので、リスクマネジメントも必要です。
では、何を伝えたかったかというと中規模・大規模なプロジェクトなのにサービスの根幹にある「ユーザー視点」が欠如したものが多く存在する現実です。
私たちが作っているものが、単なるWebサイトやアプリという「モノ」になってしまうとこれに陥りがちです。対価が払われるのは「モノ」から得られる「体験」であり「サービス」であることを忘れてはならないと思うのです。
伊原さんのフォローアップにあった「似通っているところ」ってどこでしょうか。ぜひじっくりと考えてみてください。ビジネス・アーキテクツ（bA）さんが手がけるプロジェクトが規模の大小に関わらず、素晴らしい理由がわかると思います。
これがお伝えしたかった「ミニマム」な部分です。
以上、長文失礼いたしました。最後まで、お読みいただき、ありがとうございます。
2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、伊原 力也さん（ビジネス・アーキテクツ）の『事例から学ぶスマートフォンサイトの設計手法』のスライドと音声をシェアします。
CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。
続編のLP16：Android編を6月18日に開催します。
みなさまお疲れ様でした！
最終セッションということでお疲れのところ、ご清聴いただきありがとうございました。アンケートを拝見して、参考になったという声を多くいただき、うれしく思っています。
サッポロビールさんの事例はいろいろと特殊なところもありますが、スマートフォンという制約、スモールスタートという方針に合わせてプロジェクトを進める「選択と集中」という点では、他の案件にも活かせる部分は大きいのではないかな、と考えます。
なお、ヘルツ 多田さんのセッション、KAYAC 比留間さんのセッションと比較いただくと、プロセスの差や、逆に似通っているところなどが見えてきて面白いと思います。ぜひ合わせてご覧ください。
2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、クロカワ リュートさんの『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。
CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。
続編のLP16：Android編を6月18日に開催します。
みなさま、長時間のセミナーお疲れさまでした、ありがとうございました。Webアプリの制作の実際ということで、Webアプリを制作した際の生の声をお届けできていたら幸いです。
Webアプリ制作、実業務ベースでは、十分な検証期間、公開後も引き続きiOSのバージョンアップでの仕様変更の確認、これらが非常に大事です。突然のSafariの仕様変更や、導入済みのHTML5の機能が仕様策定から外れる可能性があるからです。
HTML5やCSS3をいち早く導入できるのもiPhone向けWebアプリの魅力だと思うので、楽しんで最新技術の探求、Webアプリ制作に挑戦していただけたらと思います。
Enjoy！
2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、外村 和仁さん（ピクセルグリッド）の『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。
CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。
続編のLP16：Android編を6月18日に開催します。
皆さん、長丁場なセッション大変お疲れ様でした。PhoneGapとTitaniumはどちらがよいかというところをフォローします。
TitaniumはネイティブのUIを簡単に作ることができるので、ネイティブなUIを再現したいのであればTitaniumを使うのがいいと思います。
しかし、Titaniumは独自の書き方を覚える必要があるのでPhoneGapよりややコストが高くなってしまいます。ですので、できるだけ既存の技術のみでコストを抑えてつくりたい場合はPhoneGapが適しているでしょう。
その他にも違いはたくさんありますが、どちらがいいとは一概には言えません。どちらも一長一短ですので、つくりたいものに対して最適なツールを選ぶのが大事だと思います。
2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、高津戸 壮さん（ピクセルグリッド）の『iPhone/iPadサイト制作でハマらないために』のスライドと音声をシェアします。
CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。
続編のLP16：Android編を6月18日に開催します。
長時間のセミナーでしたが、ご清聴のほど、ありがとうございました。
私のセッション、「iPhone/iPadサイト制作でハマらないために」について、フォローアップさせていただきます。
講演中にお話した、CPI x CSS Nite「After Dark」のUstream録画は以下にあります。こちら、ご興味のある方はご参照いただければと存じます。
今回は、iPhoneにフォーカスした特集だったのですが、アンケート内でAndroidについても知りたいという感想を持たれた方が多いようでした。弊社で経験したAndroid案件は数少ないのですが、Androidに関して、私が感じているCSS・JSでUIを実装する際の所感を共有させていただきます。
※確実に正確な情報と保証できるものではないため、あくまで参考程度にお考えください
まず、Androidは、バージョンによって大きく性能が異なります。JSを書く際、問題になったのはバージョン2.1以下のAndroidです。この環境において、iPhone向けに書いていたJSが動作せず、アニメーション付のUI実装を断念した経験があります。バージョン2.2以降であれば、むしろiPhoneよりも高速にJSが動作する程に感じられ、PC向けに書いているのと同じ感覚でUI実装が行えました。※端末により差はあるものと思います。
2011年2月現在、出回っているAndroid端末には、まだまだ2.1が多いのが現状です。なので、iPhone以上にアニメーションを駆使したUI実装は厳しいのが現状と言えます。もしそういったものを実装するのであれば、バージョンで分岐し、実現可能なものだけを2.1以下に見せるなど、プログレッシブエンハンスメントという考え方がより重要なものとなります。
ほか、Androidにはエミュレーターが用意されているのですが、これを利用したとしても、JavaScriptのエラーコンソールを出すのは追加でプラグインを入れたりしなければならず、敷居の高いものになっています。また、meta viewporの指定がうまくきかなかったりと、iPhoneに比べると、もっと開発のし辛い環境であると言えると思います。
ということで、Androidに関しましても、私のセッションであったように、PCと比べると、やはりガラケーに近い感覚で、慎重に、ミニマルに設計する必要があるものと考えています。
以上、ご参考になれば幸いです。
