サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
labs.vividworks.jp
var content = document.getElementById('listBox'); var clone = document.getElementById('list1').cloneNode(true); clone.id = 'temp'; clone.style.position = 'absolute'; clone.style.left = '600px'; content.appendChild(clone); $('#temp').animate({left: 400}); cloneNode して、id を書き換えて親要素に appendChild して動かそうとした訳です。 IE 以外のブラウザはこれで問題無く動きます、IE 以外は。 IE だけは #temp を呼ぶと複製元である #list1 を参照して、そちらを動かそうとします。ちなみにリスナを仕掛け
皆さんこんにちわ、JavaScript のソース隠蔽について考えるコラムも今回で一応の結論を出そうと思います。 今回はもう既に色々出来上がっているので、無駄な前置きはググッと我慢して進めます。 それではこのミッションを遂行するための手持ち武器をまとめます。 JavaScript による navigator.userAgent と navigator.platform のチェックで偽装を認めない認証 Ajax による非同期なソース展開、送受信は POST とする事で URL 欄からの単純な攻撃を防ぐ 開発は通常通り JavaScriptファイル(.js)で行い、呼び出す時は PHP 内でファイルを読み込んで文字列のみ送信 認証を通らない時は何か画面に表示する JS を切られたらもうそれは無視する こんな感じですね、それでは解説を交え早速実装して行きましょう。 取りあえずファイル構成はこんな感
皆さんご無沙汰しております、Web屋の中の人です。 手術やらリハビリやら、少々複雑なシステム開発案件等でお勉強の方を長期に渡り休止しておりましたが久々にやってみようと言う事でインターフェイスの調整やバグ取り、むしろソースの整理なんかをしているとタイトルの状況になりました。 iPhone や iPad 上でアニメーションしたい時は、jQuery.animate は原則使い物になりませんので CSS3 の transform を利用してグリグリします。 ちなみに今回はタイトルに記載している通り「webkit」ブラウザのみ対象としていますのでご注意ください。 ※Safari、Chromeなどなど。 ありがちな例を挙げると、js でスライダーなんかを作っている時に「この要素の x 座標は今ナンボ程動いてますか」と言う状況です。 jQuery を使っているなら簡単ですよね、
これで準備完了です、ローカルサイドとサーバサイドから UserAgent が出力されますのでその違いについてなんかも見れたら良いな。 ソース用意すんの面倒だよー、切ないよーと言う困ったさんはこちらにアップロードしたものを用意しましたので色んなデバイスのブラウザで試してみて下さい。 iPhone4 実機の Safari5 JS からの出力 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; ja-jp) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5 PHP からの出力 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; ja-jp) Apple
Web 業界の技術屋 | VIVID Labs. html5、CSS3、javascript、PHPなどwebに関する疑問を解消したり検証したりしています。 暑くなったり肌寒くなったりで体調を崩しそうな大阪ですが、皆様の周りは如何な具合でしょう? さて、今回は結構重要な話しです。 今後隆盛を迎えるであろう WebApp はもちろんの事、これから先は PC ブラウザで閲覧する html5 コンテンツも快適性を追求して当たり前のように使われる事になると思われる manifest の仕様についてのレポートを作りました。 実は私は色々開発はしているものの、オフラインで動かすための manifest 指定と言うモノに少々気持ち悪さを覚えています。 理由は単純に「良く解らない」からです、これが凄く気持ち悪い。 manifest とは、非常に強力で有用な技術です。簡単に言えば超強力なキャッシュ機能と言う
Web 業界の技術屋 | VIVID Labs. html5、CSS3、javascript、PHPなどwebに関する疑問を解消したり検証したりしています。 さて、皆さんは Web App にどんな印象をお持ちだろうか? 平たく言えば Web ブラウザ単品で、ネイティブアプリみたいな事しちゃおうぜ!みたいなノリのアプリケーション(Web サイト)です、個人的にも今最も HOT で KOOL な技術と言う位置づけなので、会社のリソースを少し使わせて貰いながら開発を進めています。 実際にメスを入れてみると、当然の事ながら色々な問題や懸念点が出てきました。 なんのプラグインも使わずに Web ブラウザ単品でネイティブアプリに近いモノを動かす、と言う事は JavaScript に依存すると同義である事は議論の余地がありません。 しかしこの JavaScript と言うものはローカルサイドスクリプト
Web 業界の技術屋 | VIVID Labs. html5、CSS3、javascript、PHPなどwebに関する疑問を解消したり検証したりしています。 さて皆さん、早速ですが manifest は結局どう言う仕様なのよ?と言う事を私なりに解釈した解説を実機スクリーンショットを交えて紹介して行こうと思います。 最初は公式シミュレータでやっていたのですが、Mac の HDD を参照してしまうので容量 1TB とかあってキャッシュして数値を動かすのが非常に困難だったので実機にしました。実機は 16.9GB みたいな感じで 100MB 単位で動かせるので都合が良いです。 まずはこの manifest とやらはどれぐらいのキャッシュを許可出来るんだろうかと言う所から、仕様書によるとデフォルトは 5M だけど拡張可能との事。 検証方法は 3.2MB のm4v ファイル(何でも良いんだけどね)を複
悪名高き IE6 がついに Yahoo さんからも干されてデベロッパー歓喜!となってから、それなりに時間が過ぎましたね。 あなたの会社では IE6 のサポート状況は如何なものでしょう?当社では Yahoo さんもこうしていますよ、せめて IE7 にしましょ?ね?ね?と言う地道な活動を続けて、それなりに効果が出ています。 実際 IE6 をサポートしなければ CSS がシンプルに書けたり、png のアルファチャンネルをプラグイン無しで描画出来…で、き… 出来てないじゃん! と言う訳で今回は IE7 と IE8 で再現を確認したアルファチャンネルの描画バグをフィックスします、症状は下記のような感じ。 普通に img 要素で描画する分には問題無い 既に描画されている要素の opacity を弄るとアルファチャンネル部分が黒くなる 普通にサイトを作っていて、png ファイルの要素の opacity
このページを最初にブックマークしてみませんか?
『labs.vividworks.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く