Information

Vol.5 のアーカイブ

CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開「Web制作会社がスマホアプリ開発を依頼されたら?~地方における開発事情からデザイナー向け開発手法まで~」 大月 茂樹さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での大月 茂樹ニイハチヨンサン)さんのセッション『Web制作会社がスマホアプリ開発を依頼されたら?~地方における開発事情からデザイナー向け開発手法まで~』のスライドと音声を公開します。

多数の皆さんのご参加、ありがとうございました。今回は「スマートフォン特集」ということで、スマートフォンの特性に着目してのプロトタイプ制作の重要性から、実際のスマートフォンサイト制作のテクニックや注意点、そしてスマホアプリ開発の手法まで…と、とても充実したイベントだったと思います。

今回ご紹介したPhoneGapやTitanium Mobileの他にも、Objective-C/Javaを使わずともスマホアプリを開発できる方法はいくつもあります。会場では、実際にスマホアプリをApp Store/Android Marketで販売した経験のある参加者の方はいらっしゃいませんでしたが、今回を機に、スマホアプリ開発にどんどんチャレンジしてみてください!

また、10/14(金)にも岡山WEBクリエイターズが「スマートフォン特集」と題して開催され、こちらでも「NFCと次世代プロモーション」というテーマで登壇致します。
http://www.okaweb.jp/

今回、CSS Nite in TAKAMATSU, Vol.5へご参加いただいた方は、こちらへも是非足を運んでいただいて、スマートフォンサイト向け制作/スマホアプリ開発に対する造詣を深めてください!


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開 ライトニングトーク「CSS3をもちいた電子書籍『的』表示方法」 前川 昌幸さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での前川 昌幸株式会社スクイズ研究所 )さんのセッション『Androidアプリにおけるデザインの重要性』のスライドと音声を公開します。

ライトニングトーク「CSS3をもちいた電子書籍『的』表示方法」で登壇した前川です。セッション後の話も踏まえたフォローアップは以下になります。

iPhone, Android(2以降)、PCブラウザの場合はFirefoxやGoogle ChromeやsafariなどのWebKit系ブラウザでお試しください。

セッション後に話しの出たIEでの対応ですが、columns等のプロパティへの対応はIE10以降ということのようですので、残念ながら現状Windows Phoneでの対応は厳しいということになりそうです。

で、今回お話させて頂いたCSS3のTipsに限らず、「ブラウザでできること」というのは今後のためにも重要かと考えています。

大月氏のセッションにもあったとおり、HTMLとして作成したファイル群をアプリに転用するという手法も確立されています。

また、ここだけの話…今回紹介した手法もiOS/Android/AIR向けの電子書籍アプリの書籍表示部分として用意したものの一部だったりします。書籍管理をアプリで各プラットフォーム向けに作成し、書籍表示はそれぞれWebKitをアプリ内で起動して今回の手法で、ほぼ共通のインターフェースを実装したというものです。

ですので、これまでマークアップエンジニアが培ってきた技術・手法インターフェース実装のための方法論はこれからも無視できないものだと思います。

という訳でコーダー/マークアップエンジニアの皆さん!これからもドンドンと前に進んでいこうではないですか!


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開 ライトニングトーク「盆栽アプリの戦略 分業売上シェアモデル」 英 誠一朗さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での英 誠一朗株式会社 四国新聞社)さんのセッション『盆栽アプリの戦略 分業売上シェアモデル』のスライドと音声を公開します。

多数のご参加ありがとうございました。皆様のおかげで盛会に終わりました。茶道で言う「一座建立」でした。

最後に宣伝で終わり、まとめがなかったのでこの場でまとめをしておきます。インターネットの面白いところは、世界中に向けて簡単に発信できることです。「www」もWorld Wide Webの略であること改めて考えています。

  • ユーザー層の分析してターゲットを絞り込むことで勝機を見いだす。
  • 日本から世界に発信してもウケるコンテンツは数多く埋もれている。
  • 制作者も企業担当者もApp Storeの申請手順などを経験値として押さえておく。

通称「楽天税」と呼ばれる楽天の出店手数料も集客等のことを考えると高くないという店主もいます。App Storeの30%もそれを取られることをビジネス設計の前提においてプランを立案すると大きな問題ではないです。課金の利便性や世界流通を考えると私は許容範囲だと思っています。今後ともCSS Nite in TAKAMATSUをよろしくお願いします。


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開 ライトニングトーク「Androidアプリにおけるデザインの重要性」 岩倉 洋平さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での岩倉 洋平zamuu)さんのセッション『Androidアプリにおけるデザインの重要性』のスライドと音声を公開します。

「Androidアプリにおけるデザインの重要性」で登壇させていただきました zamuu 岩倉です。当日はご清聴ありがとうございました。

プログラマーとデザイナーの観点の違いや、Androidアプリの「デザイン」という十分に開拓されていない市場を認識していただけたら幸いです。

ライトニングトークにてご案内しました日本Androidの会四国支部の講座は以下になります。

「Webデザイナー向けAndroidレイアウト集中講座」
https://sites.google.com/site/jagshikoku/event/


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開 ライトニングトーク「a-blog cmsでスマートフォンサイト」 山田 恵理子さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での山田 恵理子株式会社ゴーフィールド)さんのセッション『a-blog cmsでスマートフォンサイト』のスライドと音声を公開します。

ご参加いただき、ありがとうございました!「a-blog cmsでスマートフォンサイト」のライトニングトークをさせていただいた山田です。

a-blog cmsは、制作者の構築のしやすさと、お客様の更新のしやすさのバランスがとれているCMSだと思います。予算の無い中でPCサイトとスマートフォンサイトの両方を作らないといけない場合などには大変重宝します。

アンケートや懇親会などでトライアル版は無いかとご質問いただきましたが、60日間のトライアル版がありますので是非お試しください。


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開「IPv6がやってくる ~IPv6アドレスについて私たちが知っておくべきこと~」 深田 武晴さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での深田 武晴株式会社KDDIウェブコミュニケーションズ)さんのセッション『IPv6がやってくる ~IPv6アドレスについて私たちが知っておくべきこと~』のスライドと音声を公開します。

ご参加いただいた皆さん、ありがとうございました。IPv6に関して、なんとなくモヤモヤしていたものが解消されていれば幸いです。いつかくるIPv6時代にそなえて、IPv4・IPv6のデュアルスタック環境を意識しておけば、その時が来ても焦ることもないので時々はIPv6のこと気にかけてください。

紹介したサイトのURLです。

Web担当者Forumで連載してますのでぜひ読んでください!


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開「jQuery Mobileでのサイト作成」 西畑 一馬さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での西畑 一馬to-R)さんのセッション『jQuery Mobileでのサイト作成』のスライドと音声を公開します。

「jQuery Mobileでのサイト作成」をお話させていただいたトゥーアールの西畑です。当日はご清聴いただきありがとうございます。

ブログにフォローアップを書いておりますので是非ご覧になっていただけたらと思います。
http://blog.webcreativepark.net/2011/10/03-145522.html

また、最後にご紹介した長谷川恭久さんの「10年続いたカンプから作るフローを見直す時期では」というお話はポッドキャストとして公開されており以下のFacebookグループで聞くことができます。
http://www.facebook.com/groups/163011900399339/?id=266856580014870

非常に興味深い内容ですのでぜひ一度聞いてみてください。

今回の出張では5うどん(5店舗でうどんを食べる意味)いただきました。うどんエネルギーが切れる頃にまた来たいと思いますのでよろしくお願いします!


CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開「iPhoneサイトとAndroidサイトの違いをふまえたスマートフォン向けサイト制作」 谷 拓樹さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での谷 拓樹株式会社グッドパッチ)さんのセッション『iPhoneサイトとAndroidサイトの違いをふまえたスマートフォン向けサイト制作』のスライドと音声を公開します。

ご参加のみなさまありがとうございました。具体的なHTML/CSSの話はあまり多くはできませんでしたが、著書の方ではそのあたりのフォローをしておりますので、「スマートフォンサイト制作の教科書」もよろしくおねがいいたします。

セッションで紹介したサイトや補足情報のURLを紹介します。

OS/ブラウザ
レスポンシブウェブデザイン

CSS Nite in TAKAMATSU, Vol.5 スライド&音声公開「やっぱり、さわれて、動いた方がいい! スマートフォンサイト制作におけるインタラクティブ・プロトタイプ制作について」 鷹野 雅弘さん

2011年10月1日、香川県高松市のe-とぴあ・かがわで開催した CSS Nite in TAKAMATSU, Vol.5  「スマートフォン特集」 での鷹野 雅弘株式会社スイッチ)さんのセッション『やっぱり、さわれて、動いた方がいい!スマートフォンサイト制作におけるインタラクティブ・プロトタイプ制作について』のスライドと音声を公開します。

ご参加ありがとうございました。スマートフォン対応のサイト制作からアプリ制作まで、盛りだくさんのイベントになりました。

目的指向でないことが多いPCでのサイト制作に比べ、スマホ向けのコンテンツでは、これまで以上に、私たちが心を砕いてきたUI、ユーザビリティなどの気配り、心配りが必要になってくると思います。「変化はチャンス!」、ぜひ、ものにしていきましょう。

リンク先などはこちらにまとめました。
http://bit.ly/mPUBr1

9月に都内で行われたCSS Niteのフォローアップ(動画付き)です。前半部分など、ダブるところはありますが、レスポンシブWebデザインに実装について詳しく解説していますので、ぜひ、ご覧ください。
http://cssnite.jp/archives/post_2163.html


CSS Nite in TAKAMATSU, Vol.5 「スマートフォン特集」無事終了しました!

CSS Nite in TAKAMATSU「スマートフォン特集」

2011年10月1日(土)にCSS Nite in TAKAMATSU, Vol.5 「スマートフォン特集」が、e-とぴあ・かがわ BBスクエアにて約90名の方にご来場いただき、無事終了いたしました!心よりお礼申し上げます。本当にありがとうございます!

ご参加いただいたみなさまには、今回のイベントに関する情報をフォローアップメールで随時お送りしていますので楽しみにお待ちくださいませ。また、ぜひブログなどで今回のイベントの様子やご意見ご感想をレポートしていただき、この記事にトラックバックくださいますと幸いです。

これからのCSS Nite in TAKAMATSU、Webridge(ウェブリッジ) Kagawaにご期待ください!

次のブログで取り上げていただきました。ありがとうございます。

出演者、関係者のブログ:

twitterでの発言(ハッシュタグ #cssnite_tak5) はこちらにまとめました。

 

撮影:鍋坂樹伸(サン・スタジオ