RIAシステム開発 - Flex・iPhone・iPad・Android

FlexならEラーニング（e-learning）も得意です。

■資格試験対策
■英単語
■物理シュミレーション
■タイピングの練習
■脳トレ
■フラッシュ暗算

など可能です。
画面遷移がなく、使い勝手のよいEラーニングシステムを構築できます。
学生向け、社会人向け、受験生向け、再勉強したい人向けなど多くの分野で応用可能です。

--
[サンプルサイト]
フラッシュ暗算

手持ちのiPhoneとiPadをiOS4.2にアップデートしようと普通に進めるが、途中で「原因不明のエラーが起起きました(10)」が発生し、復元もできず、先にも進めず完全にハング。
何度リトライしても結果は変わらず。電話もできず、何もできない。
明日朝一でAppleストア行かないとダメかとかなりの脱力感。。
　
そこで１つ思いつく。
Mac自体のiOS SDKを4.2にしないとまずいんじゃないか？
4.1だったので。
「Xcode 3.2.5 and iOS SDK 4.2」をインストール。
→　リトライ
→　無事成功！
　
ただのアップデートで随分と時間使ってしまった。
ネットで調べると、iOSアップデートで結構はまってる方が多かったので１つの参考になれば幸いです。

私事ですが、家の中を見回してみると、シャープ製品だらけになっていた。

・液晶テレビ
・冷蔵庫
・洗濯機
・加湿器
・風呂に備え付けの乾燥機みたいなやつ
・妻の携帯

なんでしょう、このシャープ率。
もちろん取引があるとか、親族がいるというわけでは全くない。

潜在的にテイストが合うのか、CMに影響されているのかはわからないが、驚くべき比率だと思う。
＃もしやと思ったが掃除機は日立だった。

このシャープの販売戦略というのは大いに勉強になるのではないかと思い、なぜそれを買ったのか振り返ってみよう。

■テレビ
映像自体もきれいだったが、
ブルーレイと一体型というのが他社になかったからだったと思う。

■冷蔵庫
左右両開きというのが他社になかったからだったと思う。

■洗濯機
ドラム式でサイズ的に家に入りそうなのがそれだった。空気清浄機能がついてて洗い場の空気が・・みたいな感じも気に入った気がする。

■加湿器
「プラズマクラスター」って言葉をいいたかっただけ。しかし使ってみると結露しないし、すごくいい。

■携帯
EMILIO PUCCIとのコラボ携帯がかっこよかったから。


こうして振り返ってみるとどれも他社にはないオリジナリティの部分を気に入って買っていたのだった。
改めてオリジナリティの大切さを思い知った。当然そこに強いこだわりを持って製品を開発しているのであろう。
この学びをいかに自社に活かすかが重要。
ものすごく刺激を受けた。

世の中に数々のECサイトが存在していますが、まだベストといえるものはなく、まだまだ発展途上だと思っています。

例えば、
■商品を並べて比較したい
■ちょっとキープしておきたい
■画面遷移なくしたい
■360度回転したい
■条件絞ったら自動的に検索してよ
　
など欲しい機能はたくさんあると思います。
購入者にとって本当に使いやすくわかりやすいECサイトを作っていきます。

--
[サンプルサイト]
Flex for ECサイト

iPhoneでのサーバ間通信ですが、この3種類でほぼOKだろうと思っています。
■XML
いくつかライブラリが出ているが、TouchXMLやKissXMLはDOMベースのパーサで使っている人も多い模様。どれば最適かは不明。いろいろ自分で試してパフォーマンスがよさそうなものを試すしかないか。KissXMLがよさそう。

■JSON
json-frameworkで出来た。

■AMF
cocoa-amf を使ってみたら問題なくできた。iPhoneでもFlexで慣れ親しんだAMF通信が使えるのは嬉しい。

1万件のデータ取得でどれくらい差がでるか試してみよう。
おそらく、AMF ＞ JSON >XML だろうし、そうであって欲しい。

しかしこういったライブラリを作って公開される方には頭が下がります。
有難く使わせていただきます。

■日時
2010年11月18日(木)17時～20時

■場所
事務所

■発表者
土屋・・ 第15回で紹介できなかったFlex4新機能の紹介とデモ。
土屋・・ jQueryの文法確認・サンプルプログラム紹介・プラグインの作り方

■公開資料
なし

FlexのコンポーネントでHSliderが結構好きでレギュラーメンバーとして使っている。

といってもデフォルトのままだと少し寂しいのでスキンを施す。
対象スキンは、

■thumbSkin
⇒ つまみのスキン
■trackSkin
⇒ 横棒のスキン
■trackHighlightSkin
⇒ showTrackHighlight を true にすると、左側に色がつく（デフォルト青系）。そのスキン。

showTrackHighlight というプロパティを忘れてしまうことがあるのでメモも兼ねて記載。

もはや地図といえばGoogleMapというくらい確固たる地位を築きました。 各種APIが公開されているので、自由度の高いものが作れます。
　
■カテゴリに分類した施設やお店のマッピング
■目的地点までのルート検索
■GPSと連動
■災害時の避難経路
などです。
　
[使用例]
■最近ではiPhoneとGoogleMapを連動したアプリケーションも増えて来ました。最寄りのコーヒーショップの表示やジョギングしたルートの表示など。
　
■自治体などでは、災害時の避難場所、避難経路、各種公共施設など表示して一般の方向けのサイトも公開しております。
　
■飲食店などの店舗様ですと、HPに最寄り駅から自店舗までのルートされているところもございます。
　
--
[サンプルサイト]
・武蔵小杉地域サイト

いきなり大きなシステムを作るのは費用も期間もかかるし、リスクが大きくなります。
そのような場合、まず最小限のプロトタイプを実際に作ってみて、それから本開発を検討する方がリスクを抑えられます。
　
プロトタイプ作成可能分野としては、
■Flex
■PHP
■jQuery
■GoogleMap
■iPhone
■Android
などです。
　
もちろん作成するものにもよりますが、
最短１日での作成も可能です。
　

売上データ、アクセス数、研究データなど数値があるところには必ず分析のニーズがあります。
一般的なBIツールのようなドリルダウンなどを行い、それをグラフ化してレポートするような管理画面の開発を行っております。
■売上を分析しやすくしたい
■アクセス解析をわかりやすくしたい
■研究データを分析したい
などの要求が出ていませんでしょうか？
　
こうした要望に応えるため、
ブースターテクノロジーではFlexを使った分析システムをご提案しております。
　
--
[サンプルサイト]
・Flex for GoogleAnalytics

HTMLやPHPで作成したUIでも要件を満たしていればもちろん問題ありません。ただ改善要望として、

■画面遷移を無くしたい
■ドラッグ＆ドロップしたい
■画面をにゅーんと動かしたい
■フェードや回転など視覚効果を持たせたい
■きれいなグラフを出したい
などリッチ化の要求が出ていませんでしょうか？

こうした要望に応えるため、
ブースターテクノロジーではFlexを使ったUIをご提案しております。
　
Flexのメリットですが、
・見やすく、わかりやすく、使いやすいものが作れる
・各種グラフが使える
・Fadeなどの視覚効果が充実している
・開発効率がよい
・プログラムの改修がしやすい

などです。
リッチクライアントを実現する上で最有力のツールと判断し、Flexを使ったRIAの開発をお薦めしております。

--
[サンプルサイト]
・Flex for GoogleAnalytics
・Webカタログサンプル

弊社で運営している武蔵小杉地域サイトをHTML5形式での運営に変更します。
まずはFlex形式だったものをjQueryを用いたAjax形式に変更。
少しずつブラッシュアップ予定です。

いろいろ実験的な試みをし、何かしらの地域貢献につながればと思っております。

iPod の音量調節部分のようなFlexコンポーネントを作ってみた。
最小が0で、最大が100のサンプル。

CSS3を使って問い合わせボタンを作ってみた。
スタイルシートだけでグラデーションがかけられたり、角を丸くできたりとかなり便利。 ただし、やはりブラウザ依存からは逃れられない。。
IE8以下だと角丸が出ないなど。
＃IE9からは準拠するらしい


これはどうなのだろうか？
「HTML5がFlashに取って変わる」というような記事を見るが、ブラウザ依存がなくならない限り、HTML5が最強なんていえないと思うのだが。
ただ選択肢の１つというだけでFlashでもHTML5でも状況に応じて使い分ければOKということで理解している。