CSS Nite in OSAKA Vol.23

細かいことは省きますが（笑）MacとXcodeという開発ツールを使えば、
グラフィカルなiPhoneアプリがいとも簡単に作れてしまいます。
もちろん、多少はプログラムを書かないといけませんが、
VisualBasicと比べても、その敷居はかなり低いという印象でした。

それこそ、パーツをずるずるひっぱってきてiPhoneの画面上に並べるだけ。
あとはちょちょちょいと機能を設定すればハイできあがり！　ってなもんです。
「ノンプログラマーでもアプリが作れる」といった謳い文句をよく聞きますが、
それもうなずけます。

そういうわけで、Vol.21、Vol.22を受講した時点でもうかなりMac欲しい病が加速（笑）
（デジハリ主催のiPhoneアプリセミナーも受講していただけに、余計^^;）
ようし、先行投資でMac買って、iAdで回収だ！　なんて妄想したり（笑）

さて、前２回はその名のとおり、iPhoneアプリ制作がテーマでしたが、
さすがCSS Nite。このままでは終わらない!?
Macでしか使えない開発キットじゃなくて、WebアプリでiPhoneアプリを作っちゃおうよ！
ってな内容のセッションが多かったです。

またも細かいことは省きますが（笑）iPhone搭載のsafariでここまでできるのかとビックリ！
というより驚愕でした（単に知らなかっただけですけどね。ええ^^;）。

HTML5とJavascriptを使えば、タッチパネルのUIはもちろん、
iPhoneの傾きを検知したり、GPS機能を使用したWebアプリまで作れちゃうんですね。
アドレスバーを隠してホーム画面にアイコンを登録すれば、
もう一見してiPhoneアプリと区別がつかないほどです。

Webアプリとして制作することの利点として、
まず一つは新しい開発ツールや言語を覚えなくてもいいということ。
これまで慣れ親しんだCSSやHTML、JavaScriptといったWeb制作のノウハウが使えるのが魅力です。
もちろん、その場合もイチからプログラムを書かなくてもＯＫ。
Sencha Touch（http://extjs.co.jp/）のような便利なフレームワークが手助けしてくれます。
こういったフレームワークを組み合わせれば、
それほど苦労することなくiPhoneアプリ並みのWebアプリが作成できそうです。

セッションの中で聞いた情報では、今年中に「jQuery Mobile」なるものが発表されるとか。
今後のWebアプリの展開が楽しみですね。

もう一つの利点は、プラットフォームの展開ができるということ。
使える環境が限られるiPhoneアプリと違い、WebアプリならiPhoneはもちろん、
Andriodや他の環境にも簡単に広げていくことができます。
つまり無限のマーケットがそこに！

ということで、かどうかはわかりませんが、なぜかAndroidアプリ開発のセッションもありました（笑）
実はこれまでAndroidにはま～ったく興味なかったんですが、
セッション聞いているとなかなか面白そうな世界に思えてきました。
なんかAndroidの世界はオッサンばっかりらしいのですが（笑）
ああ、それってなんとなくわかるなぁと思ったり。
どちらかというと、エンジニアが心惹かれる世界かもしれませんね。

と、セッションが終わるころにはすっかりWebアプリに興味津々になってました。
ついこないだまで「iPhoneアプリ萌え～」とか言っていた移り気な僕ですが(^_^;、
こんなショボショボな僕でもやっぱりエンジニア魂ってのがあるのかなぁ。

今回のセッションはどれも興味惹かれるものばかりだったんですが、
特にトリを飾ったよしだゆたかさんのセッションは最高でした。
技術的なことはもちろん、そのアイディアが面白い！
よくぞこんなの考えつくな～と呆れて……いやいや、感心しきりです。
そして何より、よしださんご自身が本当に楽しんでやってるな～ということが伝わってきました。
これって一番大事なことだよなぁ、と、実は今回のセッションで一番心に残ったことです。

そうそう、これも初めて知ったのですが、
AppleのサイトにWebアプリケーションのページなんてあったんですね！
（http://www.apple.com/webapps/）
これはびっくり。
まだちゃんと見ていませんが、なにやら凄そうなアプリがいろいろありそうです。

技術もアイディアもありませんが、そんな僕でもなにかアプリ作ってみたくなりました！

ポイントだなと感じたのは、
【HTML5】……　「セマンティック」　「マシン・リーダブル」
【CSS3】……　「スケーラブル」　「マルチブラウザ対応」
です。

HTML5の特徴として、セマンティックとアクセシビリティが挙げられていました。
そのセマンティックを強化するのが、「セッション要素」。
セッション要素には「header」「footer」「nav」などがあります。
そう、これまでなら「ここがヘッダー部」「ここがナビ部」という具合にdivで定義していたところです。
これらをHTML5では「セクション要素」として明示的に定義します。
マークアップ内にセクション要素があることで、文書が属する部分が明確になり、
ロボットなどの機械で意味を正しく理解できる「マシン・リーダブル」な記述が実現できる。
人にとっても読みやすいアクセシビリティなマークアップが可能になる。
そしてそのことでSEOの効果もある。
なんだかいいことずくめですね（笑）

実際、HTML5で書かれたソースはとても読みやすいものでした。

セッションの最後には実在のサイト（今回のCSS Niteの告知サイト）を使って、
HTML5を正しくマークアップできているか？　という公開添削が行われました。
実際に目の前で正しいマークアップに直されていくのを見ることで、
はっきり頭の中でイメージできなかったものが次々と明確になった気がします。

また、HTML5にはAPIという、開発を助けてくれるライブラリがあり、
これを使うことでこれまではできなかった動的なサイトの作成が可能になります。
ある程度プログラミングの知識が必要なため少し敷居が高そうですが、
今後のために勉強しておく価値はあるように思いました。

CSS3のセッションでは、スケーラブルなサイト作成を強調されてました。
これからのスマートホンの時代には機器の特性を引き出すサイト作りが必要である、
ということです。
CSS3には装飾関係のプロパティが豊富なため、
画像を使用して作成していたナビゲーションなどもCSSのみで作成できてしまいます。
これならブラウザの幅に合わせてナビゲーションの並びを崩さずに変更する、
なんてことも簡単です。

もう一つの「マルチブラウザ対応」については、
現状ではCSS3のサポートがブラウザベンダーによって違う。
そのため、ブラウザによって見え方が違うのが当たり前に時代になる、というお話でした。
だから、同じ見栄えを求めるクライアントに対して説明して納得させることが
クリエイターには必要だ、という提言お話には説得力があって、うんうん頷かされました。

正直これまでは、HTML5もCSS3もまだまだ先でいいやと思っていたのですが、
これはぜひ触ってみたい！　いや触っとかないと！　という気になってきました。

HTML5とCSS3によって、これまでのコーディングやWeb制作の考え方が
大きく変わる可能性がありそうです。
乗り遅れないようにしないと！

ゴリラポッド

こんな感じ

おおお～！！w(°o°)w
確かにさくさく認識されます！　めっちゃ楽しい！
バファローの一番安い30万画素のWebカメラでしたが、全然問題なし！

バーコードを写す時に、多少曲がっていても、暗くても、ピン甘でも、
そして逆さまでもちゃんと読み込めるのにビックリ。
おかげで気楽にどんどん読み込ませていけます。

どんどん読めます

読み込ませたバーコードは「ブクログ」に登録していくことにしました。
iPhone版のアプリもあって、外からでも参照できるのがGoodです。
ただ、iPhoneアプリ版はカテゴリで検索できないのが難点。
これって必須だと思うんですが……。ぜひ実装してほしいところです。
今まではメディアマーカーをメインに使っていましたが、
すでにいろいろ無造作に登録してあるので、これを整理するのも大変なんで(^^ゞ
さあて、これから本棚を充実させていくのが楽しみです(^-^)

電子書籍が普及すると、これまでにない新しい読書体験ができる！
そんな気分にさせてくれた１冊でした。

著者の言うように、昔の本も新しい本も関係なく、
いつでも読みたいときに読めるようになるなら、
本好きにとってはもちろん嬉しいことです。
また、電子化することで本の中の情報が検索できるようになれば、
ちょっとした調べ物をするのにも便利ですよね。
僕自身、本の目次や見出しが検索できたらなぁと思うことが何度もありました。

そして何より、世界中のあらゆる本が検索できるようになれば、
図書館や古書店で書棚を見て歩くような、思いがけない本との出会いも期待できそうです。
そう考えると、読書の世界が無限に広がっていくようで、なんだか興奮してしまいます（笑）

本文中では、音楽業界の成功例としてAppleのiTune Storeを挙げていますが、
同じように電子書籍も、ひとつひとつが安価で、支払いの手間がかからなければ、
ちょっと試しに買ってみようかという読者は必ず増えるでしょう。

出版社側も、やたら反対するのではなく、こうした新しい可能性を広げる取り組みを
ぜひ積極的に行っていってほしいものです。

第４章では書籍流通の構造的な問題が取り上げられています。
書籍の流通に問題があることは以前からいわれていますが、
なるほどなるほど、問題はかなり根深そうです。
本に関心がない人が経営しているとしか思えない、
つまらない書店が増えていくのもわかります。

最終章では往来堂書店の安藤さんが紹介されています。
知る人ぞ知る、カリスマ書店員の安藤さんですが、
僕も以前に著書読んですごく感銘を受けました。
安藤さんの目指す理想の書店は、電子書籍の世界でこそ実現できるのかもしれません。

本は所有していることの満足感もありますし、やっぱりこの手に持てる紙媒体でないと……。
という思いを捨てきれないところもあります。
ですが１冊買うごとに何かを処分してスペースを空けないといけない現実と、
今までになかった体験が得られるのかも？　という期待から、
むしろ積極的に電子書籍が普及してほしいなぁ、と思うようになりました。

今後、本の世界がどのように変わっていくか、本好きの一人として楽しみです。

とりあえず、Kindleは欲しくなりました（笑）

ツイッターって何？　っていう人、これからツイッターを始めてみたいけど、どんなもんなの？
という人に向けて書かれたツイッター入門書。
著者は作家の内藤みかさん。

ツイッターの概念とか機能って、言葉で説明してもなかなかわかりにくいところがありますね。
この本では「つぶやきは、教室の中のざわめきと似ています」などなど、
学校での生活になぞらえて説明してあります。
なので、実際の場面がイメージできて、すごくわかりやすい！
こんな表現方法、さすが作家の方は違うなぁ。

実際に始めるにはどのようにしていけばいいのか？
ということが順を追って書かれていて、最初のマニュアルとしても重宝しそうです。

後半では、ツイッターを活用して仕事の可能性を広げる方法について、
ご自身や周囲の方がツイッターを始めて活用していく過程が描かれています。

「夢をかなえる」というタイトルからすると、この後半部分こそがこの本の主題でしょう。
ツイッターと仕事を結びつけたい、活用したいと思っている人には参考になりそうです。
ただ、何も考えずに気楽に好きなことをつぶやけるのがTwitterのいいところ、
というスタンスの人は、「そこまでやらんでも……」って感じるかもしれませんね。

いろいろ検索して、「辞書登録Lite」というアプリを発見。
これを使用すれば、 全角スペースを一時的に「す」などの変換語句に割り当てて 使用できる。
おお！　っと思ったけれど、ほんの少しの間使わなかっただけで変換候補から消えてしまって
ちょっと使い物にならない感じ。かと言って他の方法も見あたらず。。。

と思っていたら、このアプリ。
先日バーションアップされて、一時登録だけでなく、 連絡先への登録もできるようになりました！
連絡先ってのはiPhoneのアドレス帳なんですけど、こちらは登録すれば、
削除しない限り消えることはなく、永久的に保存されるそうな。
早速「す」に全角スペースを登録しました！
これからバリバリ使っていきたいと思います(^o^)/

「す」の変換候補に全角スペース現る！

ただこの連絡先、当然、普通の住所やアドレスなども登録されているわけで。
このアプリで登録したものと本来の連絡先が混ざってしまうとちょっと鬱陶しい。
そこで、「Groupy」 というフリーのアプリを使って連絡帳をグループ分けし、
通常のアドレスなどとこのアプリで登録した物とを別々に表示できるようにしました。

投稿した記事をtwitterにつぶやいてくれるという便利もの。
サイドバーにtwitterのガジェットを表示する機能もあるけど、
これは別のツールを使用しているのでOFF。

で、先日久々にBlog更新したら、twitterにつぶやいてはくれたけど、
なぜか記事へのリンクがついていない。

おかしいと思って、設定を確認すると、何やら以前には見たことがない
設定項目が表示されていた。

設定画面

Bit.lyというと、おなじみURLを短縮してくれるサービス。

いつの間にこんな設定いるようになったの？　と思って、プラグインの一覧を見ると、
twitter Toolsのおまけ(?)のように、「Bit.ly’ URLs」というプラグインが有効になっていた。

Bit.ly URLs

そこでこれを停止してやると、無事URLも含めてつぶやいてくれるようになった。ほっ。

しかしいつの間にこんなプラグイン入ったんだろう？
ろくにアップデートもせずに放置してるのに（笑）

アップル、グーグル、マイクロソフト、これら企業のクラウド、携帯端末への取り組みについて
わかりやすい事例を交えながら解説した書籍。

難しい専門用語などを、身近な例えをあげてわかりやすく簡潔に説明されています。
「クラウドって何？」「アップルってiPodの会社？」ってな人が勉強するにはぴったりです。
わかりやすい内容なだけに、あまり深く掘り下げてはいないので、
普段からアンテナを張り巡らせて情報収集している人には物足りないかもしれません。

クラウドというとバラ色の未来が待っているかのように語られがちですが、
じゃあ実際のところビジネスとしてどうなの？　現状はどんな取り組みがあるの？
という視点からの分析は読んでいてなるほど、と思わされました。

そして日本がいかにこの分野ではダメダメなのかという鋭い指摘にも納得です。

グーグル、マイクロソフト、アップル。
それぞれのクラウドや携帯端末への取り組みや考え方の違いが面白い。
グーグルとマイクロソフトが一騎打ちで戦ってるのを横目に、
独自の発想でマーケットを押さえてしまうアップル。

あまりこの３社を関連づけて考えたことはなかったのですが、
今後それぞれがどのように関わり合いながら新しいプラットフォームを作っていくか、
その動向が楽しみになりました。

これでPC、携帯、iPhoneとあらゆるブラウザで見ていただけます！
う～ん、素晴らしい！

Blogの画面はこんな感じ。

iPhone

いかにもiPhone的デザインって感じですよね！
ちょっとファビコンがダサいですが（笑）

Blogのページと比べて、プロフィールやWorksなどの個別ページは
JavaScript使ってたりするせいもあるのか、ちょっとデザイン崩れてます。
このあたり、まだほぼ初期設定のままいじっていないので、
追々調べて手を加えていこうかなと思っています。

あとの問題は、見るべきものが何もないサイトだってことだけσ(^◇^;)

【WPtouch】
http://www.bravenewcode.com/products/wptouch/

今回の印象をひとことで言うと、「a-blog CMSの圧勝！」でしょうか。
外部のプラグインの導入やコードを書いたりしなくても、
標準でおよそ必要そうな機能がすべて入っている、
そして各機能の設定や操作が、わかりやすいGUIの管理画面から簡単にできてしまう。
制作者側だけでなく、クライアントさんが更新を行う場合にも、
求められるスキルが非常に低くてすむ、というように感じました。

たとえばフォームの設定（項目の追加、必須項目の指定など）や、
カスタムフィールドの定義も管理画面から簡単に設定できます。
HTMLベースにコメント形式でタグを入れていく方式なので、
DreamWeaverでテンプレートの作成が行えるのも魅力です。

ただ残念なのは、これは皆さんも仰ってましたが、ライセンス料がちょっと高いこと。
MTやWPと比較して操作の敷居が低い分、
中小や個人のクライアントさんに向いているような気がしてます。
でもそういうクライアントさんは予算が厳しいことも多いですよね。
となるとこのライセンス料はネックにりそうで、ちょっともったいない。

SOY CMSは、標準では基本的な機能しか装備していないんですが、
公式のアプリを追加していくことで、ショッピングカート、メールフォームなどの
機能を簡単に導入できます。
こちらもHTMLファイルを書き出してくれるので、DreamWeaverでの制作、
確認作業が行えるのが便利。
a-blog CMSもそうですが、使い慣れたツールで開発を行えるというのは
効率の面から言っても魅力的ですよね。

そしてなにより無料で使えるのが嬉しい。
a-blog CMSにひけを取らないいいCMSだけに、
無料という部分がアドバンテージになるかもしれませんね。

MTですが、バージョン５になって、管理画面が大幅に使いやすくなった印象でした。
僕は4.1以降触っていなかったのですが、今回のプレゼンを見て
またちょっといじってみたくなりました（ああ、また悪い癖がww）。

今回登場した４つのCMSの中で、WPはかなり苦しい戦いを強いられた印象です(^^ゞ
基本的には何をするにもPHPのコードを書いたり、プラグインを導入したりと敷居がちょっと高い。
加えて、今回のWP担当のスピーカーさんが、ちょっとプレゼンスキルが不足でしたね。
本来、WPはもっといいCMSのはず。
その部分が全然アピールできてなかったのが残念です。

SOY CMSやa-blogは後発だけあって、しっかり研究して作り込まれている印象です。
正直、これからあえてPHPなどを覚えて苦労して、
さらにはクライアントにスキルを身につけることを強いてまで
MTやWPを使っていく必要があるのかな、と、そんなことまで思ってしまいました。
でもMTにしてもWPにしても、自分でコードをガシャガシャ書いていく分、
自由度が高いと言えるとも思います。

これから案件やクライアントさんに応じて、
CMSも使い分けする時代になるのかもしれませんね。

今回、セミナー中に常時、twitterで意見や感想、突っ込み、
開発元の方からのフォローなどが飛び交っていました。
そんなやりとりを見ながらプレゼンを聴くという体験もなかなか楽しいものでした。

で、今回いただいたおまけがコレ↓

きょうのおまけ。

おなじみ（？）ＳＯＹステッカーに特製チロル、アメちゃん、なぜかマスク！（笑）
毎度恒例のプレゼントも盛りだくさんだったのですが、
どれ一つとして当たりませんでしたｏｒｚ

あ～、無農薬無添加のキャベツが欲しかった（笑）