Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 675 ) Arax ( 1 ) canvas ( 15 ) CSS ( 24 ) 脳 ( 9 ) DLNA ( 1 ) Dojo ( 25 ) DOM ( 51 ) ES4 ( 4 ) Ext JS ( 5 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 124 ) Google ガジェット ( 1 ) GPS ( 44 ) HTML ( 11 ) HTTPヘッダサンプル ( 11 ) IME ( 2 ) Internet ( 2 ) iPhone ( 50 ) IPv6 ( 1 ) 漫画 ( 4 ) Java ( 49 ) JavaScript ( 344 ) jKamo ( 8 ) jQchart ( 4 ) jQuery ( 207 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 49 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 18 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 10 ) Movable Type ( 58 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 10 ) P2P ( 2 ) Perl ( 8 ) PHP ( 38 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 28 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) SPDY ( 1 ) Spry ( 6 ) SQLite ( 17 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 23 ) TRON ( 1 ) Ubiquity ( 7 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Web Sockets ( 25 ) Webサービス ( 107 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 74 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) ＷｉｎTips ( 2 ) こりゃすごい ( 7 ) チューニング ( 30 ) ダイナミックロード関数 ( 7 ) リファレンス ( 20 ) ライブラリ ( 210 ) レーダー雨量表示 ( 1 ) ハード ( 35 ) ペンギン ( 2 ) ブラウザ ( 109 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 14 ) クロスブラウザ関数 ( 8 ) スポーツ ( 1 ) スマートフォン ( 8 ) セキュリティ ( 155 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 57 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 38 ) 牛久大仏 ( 19 ) 携帯 ( 150 ) 言語 ( 19 ) 故障 ( 9 ) 高橋家の謎 ( 3 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 10 ) 仕様 ( 113 ) 雑談 ( 357 ) 実装 ( 2 ) 書籍 ( 20 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
Web Sockets Domo

* サーバー側は、小松氏のこれをbloga.jp:80へ置いてあります。
* クライアント側はWS処理をjQueryプラグイン化してみました。これです。
* ちなみに、このDemoサンプルは、下記5行でローカルでも別ドメインでもどこにでも設置出来ます。
<script src="http://bloga.jp/ws/jq/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="http://bloga.jp/ws/jq/js/jquery.ws-0.3-noenc-pre.js" type="text/javascript" charset="utf-8"></script> <script src="http://bloga.jp/ws/jq/conn/wschatdemo0.3.js" type="text/javascript"></script> <script>/*サポートしてない時のalertメッセージを抑止*/$.ws.wsSetup({nonosupportmsg:true});</script> <div id="wsdemos"></div>

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

【info】 最近はTwitterでぶつぶつ言ってることが多いです。
>http://twitter.com/toshirot

【info】 Chrome Extension [WebSocket Chat] もちろんChrome専用です
https://chrome.google.com/extensions/detail/fnoegeafibddabfhmpmhniphlcojkjli

2008年07月13日

【携帯】iPhone用Webコンテンツを作るためのリンクリスト

【Ajax , JavaScript , iPhone , jQchart , jQuery , ライブラリ , 携帯 】 ブックマークに追加する ブックマーク-- Hatena  / Livedoor track feed


iPhone OS application ではなくて、iPhone 用のWebページを作ろうという話関係です。

とりあえず、試しに作ってみました。こんな感じ。
http://bloga.jp/
(iPhoneで見てね。IEは駄目。SafariやFirefoxなら雰囲気は多少わかるかも?)

ね、結構 iPhone でしょう？

とりあえず、リストアップ。あとで、追記します。

Safari Web Content Guide for iPhone
http://developer.apple.com/documentation/AppleApplications/Reference/SafariWebContent/Introduction/chapter_1_section_1.html

iPhoneデベロッパセンター(日本語　要ログイン)
http://developer.apple.com/jp/iphone/devcenter/

Designing Content(日本語)
https://developer.apple.com/jp/webapps/designingcontent.php

User Interface (UI) Library for Safari development on iPhone
http://code.google.com/p/iui/wiki/Introduction

iPhoneマニュアル
http://support.apple.com/ja_JP/manuals/#iphone

iPhone および iPod touch エンタープライズ配備ガイドJuly 25, 2008 - 1001 KB
http://manuals.info.apple.com/ja_JP/Enterprise_Deployment_Guide_J.pdf

iPhone向けWebアプリを作ろう (@IT)
http://www.atmarkit.co.jp/fwcr/special/iphone/01.html

iPhone/iPod touch対応サイトを構築するための情報
http://labs.unoh.net/2007/10/iphoneipod_touch.html

「iPhone 3G」のスクリーンショットをキレイに撮る方法
http://ipodtouchlab.com/2008/07/iphone-3g-5.html

Webクリップブックマークアイコン
iPhoneとiPod touchのWebクリップ用アイコンの作り方
http://arigato-ipod.com/lab-webclip-apple-touch-icon.html

Safari関係
Internet & Web Safari (Safari関連資料)
http://developer.apple.com/jp/internet/safari/
Safari FAQ
http://developer.apple.com/jp/internet/safari/faq.html

Database Strage関係
【仕様】 HTML 5　5.10.2 Database storage
http://www.whatwg.org/specs/web-apps/current-work/multipage/structured.html#sql
Safari JavaScript Database Programming Guide
http://developer.apple.com/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/ASimpleExample/chapter_950_section_4.html
Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？
http://d.hatena.ne.jp/amachang/20080327/1206607704
Safari3.1に搭載されたClient-side Database storageを試してみた
http://hisasann.com/housetect/2008/06/safari31clientside_database_st.html

#ここからWeb以外も

iPhoneまとめサイト
http://www.fraction.jp/log/archives/2007/08/1197

脱獄してSSHとかいろいろしたいという場合のリンク（自己責任）
iPhone 3G＋iPod touch 2.0 をPwnageTool_2.0でjailbreakする方法
http://www.box2.in/archives/2008/07/iphone_3g_and_ipod_touch_20_pwnagetool_20_jailbreak.html
http://iphone.k-ota.net/index.php?qanda#z999cc52iPhone に ssh で接続するよ(2007年08月06日(Mon))(旧版のハックなのであくまで参考)
http://www.fraction.jp/log/archives/2007/08/1197

QRコード
オープンソースのQRコードライブラリ開発プロジェクト
http://qrcode.sourceforge.jp/index.html.ja
jailbroken iPhoneでQRQRコード読み取りについて
http://www.cs.columbia.edu/~hgs/research/projects/iPhone-barcode/report.html


開発環境
Windows上(cygwin上)でiPhone/iPod touchアプリの開発環境を構築する
http://blog.makotokw.com/2008/07/01/windowscygwiniphoneipod_touch/


iPhoneの[設定]-[Safari]-[デベロッパ]-[デバックコンソール][オン/オフ]で、HTML、JavaScript、CSSの各コンソールが使えるようになります。これは便利。

iPhoneのSafariでは、INPUT要素のfileタイプが使えない。つまり、ファイルアップロードが使えない。(中を見せたくないのかな?)

属性がdisabledになっていたので、試しに、jQueryで、$("[type=file]").attr("disabled","")してみたら、disabledは解除できてオブジェクトは現れたけれど、使えないのは変わらない。.attr("readonly","")も同じく。


    Ｓ・A ( 2008年10月25日 15:00 )

    初めまして。
    iPhone 用のWebページを作りたいんですが、リストアップされているホームページを見てもよくわかりません。
    やりかたをできるだけ詳しく教えていただけないでしょうか？

    【コメント】(←clickで入力欄open)


  

All About/JavaScript

All About のJavaScript関連記事を書いています。参考にしていただければ幸いです。