紺碧の空3

北海道をノマド的に生きる日々の覚書き

WEB全般 携帯

現実逃避、迷走中。

投稿日:2012年4月7日 更新日:

唐突に、android用アプリを作りたいと思った。あの日から・・・

妄想を広げて、開発環境はPhone Gap またはMonaca(中身はPhone Gapだというので。)にしようと決めた。

本も読んだ。PhoneGap 入門ガイド (Smart Mobile Developer)

なんとなく、何ができるのか、どこまでできるのか見えてきた。

Monacaのサンプルコードが、あんまり面白くなかったので、なんか少しでも、自分が作りたいものを最初に作りたいなーと思って、調べた。

結局、WEBアプリの技術(javascript + HTML5 + CSS5)でアプリを作る、ってことは、WEB上で面白く動くゲーム的なものが作りたい、かつ、少しでも自分が作りたいテーマで。

スマホ的な要素がちょっと入ってて、占いか、写真集ぽいのが作りたいなー。

どうも、jquery mobile というjavascriptのライブラリがスマートらしい。

このキーワードで調べてたら、写真やページのスライドショーか、本みたいにめくれるのが目に付いて・・・

気に入ったのが、HTML5で実現している

どうもgoogleさんがコードを公開してくれているらしい。

で、

の方のソースを参考に、自分でも作ってみたよ。

https://konpeki.soralife.net/wp-content/uploads/test/page_ex/

おおう!これだけなら、HTMLとCSSの知識があれば、10分でできちゃうじゃないですか。

がしかし・・・

ここで「ページフリップ」といってるのは、マウスドラッグに対応させた動作だったのだ!

androidクンに入れたら、触っても全然反応なし。

タッチジェスチャによる、フリック動作を取得するには、別のイベントハンドラがいるのね・・・

java script ・・・この重さになると、さらっとは改造する勇気なし。

とマージしたらいけそうなんだけどな。
まあ、時間を見つけて、コツコツと、やってみようかな。
 
あれ・・・・でもな。ほんとに作りたかったアプリって。・・・
 
こういうのうのじゃないよね・・・。
横道それまくりだわ。
4/8 追記
やふー!動いた!
参考にしていいものかわからんのだが
に落ちてたコードをマージしました。
というのも・・・
みたいに、イベントをtouch系にしただけじゃ、うごかなくて
の方が、どうもdocumentは調子わりー、といっていたのでaddEventListenerするのをcanvasにしてみて
とかによると
.preventDefault();
が大事そうだ、というところまではわかったんだけど・・・
やっぱし反応しなくて・・・で。最初にあげた、夕べ見つけたコードに立ち戻ってみたら、
その辺包含してるっぽかったので。
うーん、何にもわかんないけど力技で動かしてるのが丸わかりな追記でした・・・

-WEB全般, 携帯

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

ロリポップへの引越し、データ移行でやったこと(概要編)

疲れました。。。。 ここまでやるつもりはなかった?ところまで一日でやってしまった。 というか、寄り道が多かった。 でも今書かないと、絶対に絶対に忘れる!と思ったので、作業メモを作ります。 Conten …

Bliskでnifty mail を表示

nifty mailのために、スマホ表示確認用ブラウザBliskをインストール&テザリングデータ節約作戦最終案内

Contents1 テザリングでノートPC利用時、WEBメーラーでもデータ軽量化をめざす2 テザリング時データ節約作戦・私的決定版2.1 WordPressオフライン執筆2.2 nifty Mail …

wordpress おすすめ無料テーマ SEOに強い。今日やったこと

おおっ、わーぴーちゃん(?)復活したんだ!日本WPのキャラクター。ダッシュボードに表示されていた。 さて、サイト構築、やっとWPの中に入ってきました。 本記事タイトルのような検索キーワードで調査。 気 …

no image

androidが急に無線LANにつながらず

今日やっと復旧・・・ 最近忘れっぽいので、今日やったことをメモ 今日になって、旦那のスマホもwi-fiにつながってないことに気づく・・・(なんで気づいたかは悲しすぎるので割愛) windows7はつな …

WEB会議に使うWEBカメラ代用としてスマホ・コンデジ・一眼系は使えないのか→一部成功【LUMIX/EOS/olympus TG/ZOOM/Webex OBS studio】

久々にこちらのブログに書きます。 単刀直入に、タイトルの通りです。かなり苦戦しましたが思い描いているところまでできたので備忘メモです。 why? デスクトップPCに接続するマイクはあるけどカメラが無い …











スポンサーリンク