Ajaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA（PESPA）と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ
やさしい AJAX on Rails という資料を作りました - satococoa's blog
最近 SPA (Single Page Application) についての議論が盛んで、Angular とか React とか Flux とか Mithril とかの名前をよく聞くようになりました。 でも必ずしも全ての Web アプリにおいて SPA は必須ではありません。 むしろ枯れた jQuery と Rails の remote: true の仕組みを正しく使うだけで十分なケースも多数あると思います。 (特に iOS, Android のネイティブ開発者が身近にいる環境では SPA で開発するのとネイティブで実装するのとでは後者の方がコストが低いこともありますし。) ということで、「じゃあ Rails で Ajax ってどうやって実装するんだっけか？」というところをまとめた資料を公開します。 中級者以上の方にとっては特に目新しい情報は無いと思いますが、経験の浅い方の自己学習や研修な
MOONGIFT: » CSSを使ったクロスドメインAjax「CSSHttpRequest」:オープンソースを毎日紹介
CSSHttpRequestはJavaScriptを使ったオープンソース・ソフトウェア。AjaxはWebシステムを進化させた凄い技術ではあるが、制約も色々とある。特に大きいのがクロスドメインによるデータの授受ができないという問題だろう。その問題を解決するため、JSONPをはじめとする様々な対抗技術が生み出されている。 デモ。文字表示やFlickr検索など GETリクエストの限定されるが、CSSを使ってAjaxと同じような動作を実現するというのがCSSHttpRequestだ。これは新しい視点で、なかなか面白い。CSS側の書き方も特徴的になるが、これはPHPをはじめとするサーバ出力によって自動生成すれば良い。 Ajaxで受け渡すデータを#c0、#c1といったIDを定義して、そのbackgoundプロパティでdata URIスキーマを使って受け渡す。data URI自体は柔軟なので、バイナリに
Ajaxを活かした掲示板·MetaForum MOONGIFT
Webサイトの最もポピュラーな双方向コミュニケーションといえば掲示板（フォーラム）を思い浮かべることだろう。2ちゃんねるのような巨大な掲示板サイトもあるが、個人で自分のサイトにフォーラムを付けるという人も多い。サイトを訪れてくれた人と対話すると、新しい発見があったり元気づけられたりするはずだ。 Ajaxを使ったスムーズな操作が可能 そんな昔からある掲示板ではあるが、進化が止まってしまった訳では決してない。その一つMetaForumもそうだ。 今回紹介するフリーウェアはMetaForum、Ajaxを多用した掲示板ソフトウェアだ。ソースコードは公開されているがライセンスは明記されていないのでご注意いただきたい。 MetaForumはAjaxを使って構築されているのでスムーズな操作が出来る。システムはPHP + MySQLで構築されている。ユーザ登録した人だけが書き込める仕組みだ。掲示板はチャン
PHP製のAjaxチャット·Lace MOONGIFT
社内の情報共有を行う手法は幾つかある。例えばIRCで行うところもあれば、Twitterで共有なんて会社もある。もう一つの手段としてWebチャットを使ってみるのはどうだろう。手軽に使えて、かつ社内だけで限定的にチャットすることができる。 Webブラウザさえあればすぐに始められるチャットシステム チャットの良い所はいちいち挨拶の文章などを入れずに会話ができる点だ。どんどん話して、ナレッジを共有しよう。 今回紹介するオープンソース・ソフトウェアはLace、PHP製のAjaxチャットソフトウェアだ。 Laceの良い所は設定さえすればデータベース不要で動作するところだ。シンプルに使い始められるし、ニックネームを決めるだけでユーザ登録のような面倒さもない。チャットルームは複数作れないが、指定されたアドレスにさえいけば良いというのは手軽だ。 ヘルプ Ajaxを使って自動更新されるので、チャットルームに入
アドビのAjaxフレームワーク「Spry」を使ってみよう ― ＠IT
先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企
ココを理解すれば近道な「Ajaxフレームワーク」
var myAjax = new Ajax.Updater( 'placeholder', // 差し込み先の要素 'http://example.jp/calc.php', // 呼び出し先のURL { method: 'post', postBody: parameter, onFailure: AjaxFailed, onException: AjaxException } ); Ajax.Requestを使った場合と異なるのは、第1引数に差し込み先の要素を指定するという点だ。 呼び出しが成功すると、この要素へと結果が流し込まれるため、開発者は、戻ってきたHTMLを解析し、DOMを使って挿入するというコードを記述する必要がない。 Ajax.Updaterを使う場合には、さらに、表3に示す幾つかの接続オプションを使うことができる。例えば、evalScriptsプロパティをtrueにすれ
『JavaScriptのHTTPアクセスのクロスドメイン問題』
いくつかの解決方法を覚書 サーバの権限にもよって選択肢も変わると思います。 ※JavaScriptのHTTPアクセスのクロスドメイン問題 Ajaxでよく使われるXMLHttpRequestはSame-Origin Policyのため、ドメインを超えたリソースへのアクセスが出来ません。 例えば、http://sample.jp/js/ajax.jsから呼び出されたfunctionはhttp://sample.jp/配下のリソースにしかアクセスが出来ない。サブドメインであっても同様で、http://www.sample.jp/配下のリソースへはアクセスが出来ません。 よくある話として、jQuery（jFeed)などでRSSを取得したい時 http://sample.jp/js/ajax.js で http://www.sample.com/rss/ のRSSを取得したいとして、 解決策： Ap
特集：jQueryではじめるAjax｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
第3回 JSONPでのクロスドメインアクセス | gihyo.jp
JSONPの動作原理 前回はAjaxに存在するセキュリティモデルであるSame-Originポリシーを紹介し、そのSame-Originポリシーを迂回する方法とセキュリティについて見てきました。また、回避する方法の1つめとしてリバースProxyを用いた方法を紹介しました。リバースProxyを用いた方法ではセキュリティ的な問題点もありましたが、そもそもProxyサーバを用意しなければならないため、この方法は手軽に使うことはできませんでした。 そこで考え出されたのがJSONP（JavaScript Object Notation with Padding）という方法です。 それではまず簡単にJSONPについて説明します。 Ajaxで使われるXMLHttpRequestオブジェクトには前回説明したとおりSame-Originポリシーがありクロスドメインアクセスはできません。一方、SCRIPTタグ
本当はすごい、知られざるGoogle Maps APIたち!!
「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
Google Web Toolkit - Wikipedia
GWTを使うとAjaxアプリケーションをJavaとJava用開発ツールを使って素早く開発できる。そして、そのアプリケーションを配布する際には、GWTクロスコンパイラがJavaからJavaScriptへの変換を行い、オプションで高度に最適化された（読みにくい）コードも生成できる。 GWTは単にインタフェースまわりの開発にとどまらず、JavaScriptを使った任意の高機能クライアントを構築できる。GWT開発者は、GWTは単なるライブラリではなく、新たなAjaxライブラリの実装というだけではないことを強調する。そのオープンエンドの哲学は徹底しており、多くのアーキテクチャ上の決定がGWTを利用する開発者に委ねられている。GWTの目的を記した文書を見ると、GWTの役割と開発者の役割をわかりやすく解説している。例えば、履歴トークンはGWTが管理するが、履歴トークンがアプリケーションの状態とどう対応す
javascript - Google AJAX Language APIを試してみた : 404 Blog Not Found
2008年03月22日16:00 カテゴリLightweight Languages翻訳/紹介 javascript - Google AJAX Language APIを試してみた というわけでやってみたのだが.... Official Google Blog: New Google AJAX Language API - Tools for translation and language detection 【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル たしかにAPIはいいのだが.... 日本語 小飼 弾（こがい だん、1969年8月17日 - ）は日本のオープンソース開発者。書評などを主な題材とするブログで知られ、アルファブ
XMLHttpRequest - Wikipedia
XMLHttpRequest (XHR) は、JavaScriptなどのウェブブラウザ搭載のスクリプト言語でサーバとのHTTP通信を行うための、組み込みオブジェクト（API）である。 すでに読み込んだページからさらにHTTPリクエストを発することができ、ページ遷移することなしにデータを送受信できるAjaxの基幹技術である。 XMLHttpRequestを利用したWebアプリケーションは非常に多く存在し、例として、Google マップ、Facebookなどが挙げられる。 歴史[編集] XMLHttpRequestは、マイクロソフトがOutlook Web Access 2000のダイナミックHTMLによるウェブインターフェースに活用するため、1999年公開のInternet Explorer 5においてActiveXオブジェクトとして実装したのが始まりである[1]。その後、2001年にMoz
JavaScript Object Notation - Wikipedia
JavaScript Object Notation（JSON、ジェイソン）はデータ記述言語の1つである。軽量なテキストベースのデータ交換用フォーマットでありプログラミング言語を問わず利用できる[1]。名称と構文はJavaScriptにおけるオブジェクトの表記法に由来する。 JSONはウェブブラウザなどでよく使われているECMA-262, revision 3準拠のJavaScript[2] (ECMAScript) をベースとしている。2006年7月にRFC 4627で仕様が規定され、その後、何度か改定され、2017年12月14日[3]にIETF STD 90およびRFC 8259およびECMA-404 2nd editionが発表された。MIMEタイプは application/json、拡張子はjsonとされた。 IETFおよびECMAおよびISOの仕様の改定の歴史 2006年7月
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPだけでリアルタイムAJAXチャットシステムを構築する方法。 - ぎじゅっやさん