りっかのぼそぼそ: プログラミング

スマホ向けサイトを jQuery Mobile で作ってみているのだが…
なぜか iPhone の実機でまともに動かない。
Android の実機（GALAPAGOS）ではきちんと表示されたのに。

ちなみに Win 版 Safari や iPad でもきちんと表示されます。
jQuery Mobile の問題なのか iPhone の問題なのかさっぱり。

自分のコーディングの問題なのかも知れないけどね（笑）

問題解決できないなら普通に HTML＋CSS で組んだほうが良いのかしらん？

2011年6月8日水曜日

IE6とPNG画像とJavaScript

色々試してみたけれど、IE6 で PNG 透過させるの大変だね。

動的に画像を変化させないならあちこちに情報転がってるからなんとかなるけども。

なにかと連動して透過 PNG 入れ替えたいって思ったら半日かかった（笑）

色々試した結果、css() で AlphaImageLoader 追加してやれば OK でした。

なぜか一回で成功しなかったのはコーディングミスしてるからってことだろうなぁ…

まあ動いたから良し（笑）

IE Tester でしかチェックしてないけど大丈夫でしょ。

jQuery 使い始めてから「やったね、あちこちにライブラリとかあるからそれ使えば色々楽勝だぜ♪」とか思ってたのに結局全部自前で実装してるわ（笑）

ギャラリーも結局サンプルとか見ながら自分で組んだし。

考え方とかコードとか見て理解しないと使えないから、結局自分で試行錯誤した方が早い。

カスタマイズとかしようと思うと他人のコードって嫌じゃないですか？

盲目的にサンプルちょこっと変更してペタリが悪いとは思わないけども。

むしろうらやましい（笑）

2011年5月31日火曜日

jQuery　その2

引き続き jQuery で作業中。

で、やっぱり IE のせいで躓く。
もう世の中から IE は消えればいいと思うよ。マジで。

jQuery でテキストノード取得するには element.text() で良いのに IE だけ取得できない。
なんでかと思って色々試してみた。

そもそも最初の対象が Title 要素だったのが悪かった。
IE 以外なら Title 要素のテキストも取得できたのに、IE は Title 要素を DOM ツリーに入れないらしい。
表示されない部分だから分からない訳でもないが…

2011年5月30日月曜日

jQuery

かなり使えるようになってきた。

いやはや便利便利（笑）

特に IE だと filter とか使わないと出来ない透過が1回書くだけで OK なのは非常に助かる。

ちなみに今のところプラグインは何も使ってない。

サンプルを1つ参考にさせてもらったが、思ったとおりの動作にならないからって色々いじってたら原型とどめてない（笑）

アコーディオンメニューを作りたかったのだが、

・サブカテゴリの有無で動作を変えたい

・サブカテゴリを選択中もカテゴリに選択中のアイコンを出したい

って事をやろうとしてたらそのままではどうにも。

2011年5月28日土曜日

10年ぶり

10年ぶりにWebの仕事。

クライアントさんがデザインセンスが良いから、そのデザインをHTMLにするだけ。

だけなんだが…

「これってこんなアニメーションできる？」
「flash 使わなくても出来るんだよね？」

今まで避けてきた jQuery を使わないと厳しそうな要求が色々（笑）

くそう、色々教えるんじゃなかった（笑）

折角なので自分のスキルアップも兼ねて勉強してみる。

HTML5 はまだよく解らんから HTML4.01 か XHTML1.0 で組んでみるか。

2011年5月25日水曜日

CSS怪現象の巻

float とか position とかを駆使してページ上部と下部にメニューを表示するレイアウトを組んでみてる。

のだが…怪現象多発（笑）

曰く、height:100%; にすると子要素のマージンを反映した高さになる。
float のせいだとは思うんだけど、子要素のマージンが親要素のマージンを上書きしてる？

曰く、body に border を設定すると予想通りのレイアウトになる。
上部メニューはマージンで位置調整して、下部は position:absolute; top:70%; （数値は適当）にしてレイアウトしたのだが、上部メニューが top:70%; の位置に来る。
親子関係とかならまだ理解できるけど、下部メニューは上部メニューから見て叔父だぞ？
で、状況確認するために *{border:1px solid black;} ってしたら予想通りの配置に。
原因究明のために色々なところに同じように border を設定したところ、body に設定するとちゃんと表示された。

ちなみに

例の人が出没した話を聞いた後で潰れました（笑）

は置いておくとして。

JavaScript 組んでたんだが、イベントとか属性値が全然セットできなくて困った。
getElementById でDOM オブジェクトは取得できてたっぽいんだけども…
ガラにもなくDocument Type 宣言を HTML5 にしたからなのか？
window.onload とか document.body.onload とかではダメっぽかった。

仕方ないので DOMContentLoaded 使ってセットしようとしたけどそれもダメ。

サンプル探して入れてみたらちゃんと動いた。
スペルミスでもしたかなぁ？
そろそろ JavaScript も統合開発環境で組まなきゃいかんか？

2011年5月18日水曜日

色々とプログラミング系な話

まずは twitter bot
やってみたいことができました。

学習機能を付けたい！
何をどう学習させるかとか何も考えてないけどな（笑）

カラオケのレパートリーとか覚えてくれると楽しそうだね。

それから JavaScript
HTML5 の canvas 使って遊んでるが、超楽しい（笑）
とりあえず今日はオブジェクト指向な感じで組んでみた。
まだマウスストーカー程度だけどね。
canvas を二枚使ってレイヤーっぽくして、画像描画とかやってみてる。

最終的にゲームレベルまで行くと良いね。

2011年5月17日火曜日

bot制作について

結局

自分のツイートに反応する
リプライに反応する

ができてしまえば割と満足できるような気がしてきた（笑）

とりあえずどちらもタイムラインから抽出はできてるからあとはキーワードに反応するようにするだけなんだけどな。
それだけだったら Charabot で出来てるわけで。

上に書いた事をするだけだったらわざわざ自分で作る理由って無いなぁ（笑）

2011年5月15日日曜日

bot 制作進行中

とりあえずローカルで実行してみたらセッションが有効になってないのが駄目だった。
エラーログ見れば分かったんだろうけど、多すぎてどれがどれだか　orz

appengine-web.xmlでセッションを有効にしたら一応twitterのログイン画面には移動した。

今度は受け取れてない　orz

どうもトークンが取得できてないっぽいが…

地道にやるしか無いな　orz

とりあえずシリアルバージョンIDを設定してみたら取得できた。
あの警告は無視しちゃいかん警告だったんだね　orz

これでようやく次の段階に進める…
でも疲れた　orz

2011年5月14日土曜日

よくわからん

ここを参考に作ってるんだが…

アクセストークンの取得で躓いている。
twitter アカウント入力してポストしようとすると 500 Server Error が出る。

Callback URL は間違ってないと思うんだけどなぁ…
CallbackServlet で出る警告は無視して構わないみたいだし…

よくわからん。

デプロイ止まったり、コンクリフトしたりするのはなんとか解決したんだけども…
気長にやるか。

関係ないけど鬱だしな。

Googleさん素敵

GAE 使いたいけどSMS認証できないよ。
ezweb.ne.jp ドメインのメアドも無いの。助けて。

ってフォームから送ったのが12日。
そしたら13日の24時くらいに、

GAE 使えるようにしといたぜ。

って内容のメールが届いてた。
これで GAE 使えるー♪
ありがとう、GAE の中の人（笑）

2011年3月13日日曜日

IETester

超便利だったのでメモ。

IETester

IE5.5～IE9までを再インストールとかアンインストール無しで再現できる優れもの。
正直IE6以降に対応できるだけでも大助かり。

ただし、文字コードが日本語はダメっぽい＆ローカルのファイルパスが日本語含むとダメっぽい。
正確に確認したわけではないけど、UTF-8にしてサーバにUPしたほうが良さげ。

IEにイライラさせられる人は一度使ってみると良いよ。

2011年2月23日水曜日

IEめ

JavaScript触ってるとIEにイライラさせられる。
CSS触っててもIEにイライラさせられる。

もうみんなIE使うのやめればいいのに。

と言ってもWindows PC入手したら標準でIE付いてるもんな。

今回イライラしたポイントをメモ代わりにまとめておく。

登録: 投稿 (Atom)