「第19回 HTML5とか勉強会」活動報告 | gihyo.jp
第19回目の本勉強会は、7月13日に慶応義塾大学の日吉キャンパスをお借りして開催しました。今回のテーマは「HTML5を用いたサイト開発プラクティス」で、HTML5時代に伴ったWebサイト開発のHOW TOを中心に2つのメインセッションと3つのショートセッションの講演がありました。本稿では、本勉強会の模様をレポートします。 PJAX ～HTML5時代のAJAXサイトプラクティス～ 最初にPJAXという手法について、NTTコミュニケーションズの小松さんから講演いただきました。 最近では、AJAXを使ってページの切り替えをせずにコンテンツを動的に切り替えるサイトが増えてきました。これらのサイトは、従来のような画面全体を切り替える方式に比べて通信量を減らすことができますし、何よりもユーザビリティをより良くすることができます。 しかし、AJAXを使ったサイトはいくつかの問題点を抱えています。 ブラウ
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単
Google、AJAXサイトを検索エンジンに登録する方法を解説 ::SEM R (#SEMR)
Google、AJAXサイトを検索エンジンに登録する方法を解説 GoogleがAJAXサイトを検索エンジンに登録するためのベストプラクティスを解説。ステートフルURLを書き換えること、JavaScript実行後のHTMLスナップショットを用意すること、など。#!～のステートフルURLにクローラがアクセスしたとき、_escaped_fragment_ に書き換えてリクエストするとのこと。 公開日時：2009年10月08日 20:28 米Googleは2009年10月7日、公式サイトにおいてAJAXを使ったウェブサイトを検索エンジンに登録するための技術的方法について解説を行った。 AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能になる。しかし、いまブラウザで表示している内容と対になるURLが存在しないために個々のコンテンツを
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. outlined_flag The Google APIs Explorer allows users to try Google API methods directly from reference documentation without writing code. Be cautious when using the APIs Explorer with methods that create, modify, or delete data, as it operates on real data. You can access the APIs Explorer o
gmailで添付ファイルが自動でアップロードされるしくみ - bits and bytes
gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています！ 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr
Google AJAX Feed API - AJAX SlideShow
AJAX Slide Show The Slide Show is a simple to use application of the Google AJAX Feed API that is designed to let you add photo slide shows to your pages, sites, and blogs. The slide show control takes photo feeds from all popular sites, such as PhotoBucket, Flickr, and Picasa Web Albums. Any feeds that use Media RSS can be used without customization. However, the slide show control allows any pho
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
CGI不要の郵便番号→住所変換フォーム Kawa.net Blog /ウェブリブログ
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
AJAXの本質と次の課題 - 雑種路線でいこう
いまさら確認するのも何だがAJAXって別に新技術ではない．DHTMLが設計された頃から念頭に置かれていたし，細々とあちこちのサイトで実装されていた．びっくりしたことに，僕が最近通った自動車学校のWeb予約システムもAJAXになってた．MyWebOSなんて99年だっけ．AJAXという造語というか，そういう定義を生んだGoogleの戦略がすごいのは，gmailやgoogle mapでAJAXを奇貨に市場をひっくり返した点だ．けれどもAJAXにも限界はあるし，次の課題へ向けて面白い競争が展開されることになるだろう． だから日本のベンチャーが「サービスのAJAX対応をしたいのだが，技術者がいなくて」的にコボすのは二重の意味で恥ずかしい．即ち既存の技術者がAJAX程度に枯れた技術にもキャッチアップできない*1ことと，既存のビジネスでAJAXをフォローアップしようとしているだけで，Googleのように
古いブラウザや低スペックな端末に対応したAjaxライブラリ:LoJAX:phpspot開発日誌
[brothercake] LoJAX LoJAX is a re-creation of the window.XMLHttpRequest object, designed for low-specification and legacy browsers古いブラウザや低スペックな端末に対応したAjaxライブラリ。 Prototype.jsなんかは、IEの場合、IE6のみサポートだったりします。 今回紹介するLoJAXライブラリは次のブラウザに対応しているようです。なんとPSPも。 Sony PSP (Version 2.00 or later) PSP (Version 2.00 or later) Opera 5, 6 and 7 (Versions 5.0 to 7.5 inclusive) Mac/IE5Mac/IE5 (Version 5.0 or later) Konque
Hawk's Laboratory » Ajax イン・アクションの4章が酷すぎる
このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
subtechグループ - Bulknews::Subtech - API, UI as Commons
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リアルタイムなチャット (2) - まちゅダイアリー (2006-04-11)
2006-04-11 興味があったので、先日の日記に書いた AJA Chat のソースを読んでみた。 基本構造 index.cgi / typing.cgi: ログイン画面およびチャット画面を表示する。特に処理はやっていない。 serv.cgi: XMLHttpRequest() からの接続を受けつける。発言が更新されたらレスポンスを返す。30秒以内に発言が更新されなければ（write.cgiからシグナルがこなければ）タイムアウトとする。 write.cgi: XMLHttpRequest() 経由で発言を受信する。受信したら serv.cgi へシグナルを送る。 index.cgi 処理順にソースを眺めていく。 25 u = @cgi['u'].to_s 26 if (u == '') 27 print %Q( 28 </head> 29 <body> # 以下ログイン画面の HTML
リアルタイムなチャット
2006-04-09 チャットの話。 Web でのチャットは、定期的にログを再読み込みする方式が主流で、他の人の発言が表示されるまでに少しタイムラグがある。 Ajax が普及して差分リロードができるようになっても、クライアントから定期的にログを読み込んでいるのは変わってない。 これは、 HTTP の仕様上しかたがないと思っていたら、更新履歴兼雑記で本当にリアルタイムなチャットが公開されていた。 要するにたいていの AJAX は Asynchronous と言いつつも1秒おきだのでポーリングしてるわけですね。しかしそれでは1秒おきにしか発言が来ないしサーバに1秒おきにアクセスするし…でイマイチなわけです。 で、このチャットで何をしているかというと、まず起動時にサーバに対してコネクションをはります。ですがサーバは sleep(30) とかして返事をしません。で、誰かが発言をした時に、そのプロセ
スムーズなスライドショーを実現するスクリプト: Recently Ajax
クレジットカード現金化をするために現金化業者を利用したいけど、色々不安だから利用するなら現金化優良店を利用したいと思いますよね。 しかし、「優良店ってどうやって選べばいいの？」と、思っている方がほとんどかと思います。
[Ajax]コンポーネント指向Ajaxの世界
最近、通常のAjaxの先の世界として、「コンポーネント指向Ajax」とでも言うべきものを夢想している。 JavaScript で音を制御してみたよで実験をしたように、小型のJava AppletやFlashコンテンツを、Ajax(JavaScript)の拡張コンポーネントと見立てて使用する、という考え方だ。 ミュージックプレイヤーや、ビデオプレイヤーといった特定の機能に特化したfashコンポーネントを、JavaScriptから制御されることによって、従来のAjax観を大きく覆すようなコンテンツが比較的安価かつ高速に設計できる、と考えている。 この手法により、例えば入力フォーム内にスライダーメニューを設ける、といったことが可能になる。flashで作られた、スライダーコンポーネントは値の変化にしたがって、随時HTML上のhiddun属性のパラメータを更新する（注:サンプルではそこまでやっていな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
本： Ajax 実装のための基礎テクニック
