최근 SproutCore / Mobile Me, Objective-J / 280 Slides 에 대한 소식이 들려왔었습니다. Coherent Cocoa Databinding 프레임웍을 기억하시죠?

Coherent는 Apple에서 공식적으로 사용하고 있습니다. Coherent의 제작자인 Jeff Watkins씨가 변경사항에 대해 포스팅하기도 했습니다. Ryan Carson씨도 왜 그가 이 기술들이 큰 거래라고 생각하는지에 대한 글을 작성했습니다.

from Apple, SproutCore, and Coherent
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

Paul Graham씨가 작성한 SymbolicWeb은 Lisp을 이용한 웹 프로그램을 제작할 수 있는 새로운 형태의 프레임웍입니다.
SymbolicWeb은 Common Lisp을 위한 GTK+, QT와 유사한 GUI 프레임웍 작성을 목적으로 합니다. UI 엘리먼트를 브라우저세어 렌더링한다는 점이 차이점입니다.
echo chat 프로그램과 같은 몇 가지 예제가 있습니다:
LISP:

      ;;;; http://nostdal.org/ ;;;;

      (in-package #:sw)

      (defparameter *max-chat-pane-size* 100)

      (defapp chat-app (empty-page-app)
        ((input (mk-text-input))
         (chat-pane :allocation :class (mk-container nil))))

      (defuri chat-app "chat")

      (defmethod main ((chat-app chat-app))
        (with-slots (input chat-pane) chat-app
          (setf (on-enterpress-of input
                                :callback-data `((:input-value . ,(js-code-of (value-of input)))) ;; Include some data when the event fires.
                                :js-after (js-code-of (setf (value-of input) "")))                ;; Clear the input field after the event has been fired and sent.
                (lambda (&key input-value)
                  (prepend (mk-span (escape-for-html input-value) :display "block")
                           chat-pane)
                  ;; Don't let it grow too big; delete some chat history.
                  (when (> (length (children-of chat-pane)) *max-chat-pane-size*)
                    (dolist (span (subseq (children-of chat-pane) *max-chat-pane-size*))
                      (remove span)))))
          (add-to *root*
                  (mk-span (who (:p "Type something in and press enter. New content is added at the top.")))
                  input
                  chat-pane)))


from SymbolicWeb: Ajax and Comet with Lisp
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요



LtU에서 TileStack에 대해 알려주셨습니다. TileStack은 하이퍼카드를 되살려 웹으로 가져오려는 시도입니다.

또한 HyperTalk의 TileStack 버전인 Speak도 제공하고 있으며, Speak는 JavaScript로 컴파일됩니다.

이 팀은 Tiles가 웹 어디서든(Gadget 등) 사용될 수 있도록 작업하고 있습니다.

from TileStack: HyperCard for the Web

Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

Firefox 3와 Opera 9.5의 출시가 임박함에 따라, Yahoo UI 팀은 자신들의 YUI 2.5.2 버전에서 이 브라우저들과 강력한 호환성을 보증하는 선수(先手)를 두었습니다. 어제 발표된, YUI 2.5.2 는 다수의 버그를 수정했지만 주로 Mozilla와 Opera의 새로운 브라우저에 초점을 두었습니다. 업데이트는 다음 사항을 포함합니다:
  • Opera 9.5b2와 Firefox 3.0RC1에 대한 광범위한 테스트. 이들 브라우저는 최종 릴리스에서 A 등급 브라우저가 될 것입니다.
  • DataTable, Menu, Rich Text Editor,Button의 주요 버그가 수정되었습니다.
  • 라이브러리의 Rich Text Editor와 DataSource가 Adobe AIR를 더 잘 지원하도록 업데이트 되었습니다.
  • 완전한 범례와 세 개의 새로운 스타일 세트 지원을 포함해 실험적인 Charts Control 이 업그레이드 되었습니다.
  • 컴포넌트를 조금 더 깊이 알고 싶은 개발자를 위해 Flash를 사용하는 컴포넌트(Chart와 Uploader)의 ActionScript 소스를 다운로드할 수 있게 되었습니다.
YUI v2.5.2의 전체 릴리스 노트는 Yahoo! User Interface Library Group에서 보실 수 있으며, Yahoo!’s free edge-hosting service를 통해 즉시 다운로드 하실 수 있습니다.

from YUI 2.5.2 Released, Big Focus on Firefox 3 and Opera 9.5 Support on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

PHP 계의 유명한 Zend Framework과 따로 말할 필요도 없이 유명한 JavaScript 프레임웍인 Dojo가 만나 통합본을출시했습니다. 각자 서버사이드 프레임웍의 정상과 프론트엔드의 정상을 목표로 하고 있어 서로 힘을 합치기로 했다고 합니다.

첫 버전에서 볼 수 있는 것들은 다음과 같습니다:
  • JSON-RPC 서버: 우리는 Zend-Json_Server를 다시 작업하고 있습니다. 이건 0.2.0 때부터 인큐베이터에만 있었고 JSON-RPC 명세를 실제로 따라서 출시된 적은 없었습니다. 이것이 JSON-RPC 클라이언트 구현체를 가진 다른 툴킷들 뿐 아니라, Dojo와도 매끄럽게 작업할 수 있도록 도와줄 것입니다. 그 제안이 아직 승인을 기다리고 있기는 하나 기실 이 작업은 이미 끝났습니다; 확인하고 싶으시면 ZF svn을 참고하세요.

    원래의 Zend_Json_Server는 버려질 것입니다. 제대로 테스트되거나 문서화가 되어있지도 않아 출시를 방해하고 있었습니다. 게다가, 자신만의 주먹구구식 표준을 사용하고 있었기때문에, 진정한 JSON-RPC 서버가 제공해야할 상호운용성을 제공하지 않았습니다. 저는 비로소 범용적 이용에 맞는 표준 호환 솔루션을 제공할 수 있게 되어 무척 흥분했습니다.

    One final note: JSON-RPC 스펙은 1.0과 2.0 의 서로 다른 두 종류가 있습니다. 현재 제가 구현한 결과물은 요청에 적재할 포맷을 전환할 수 있으며, 서로 다른 적합한 SMD 포맷을 잘 전달합니다.

  • dojo() View Helper: 페이지에 Dojo를 사용가능하게 하는 것은 단순히 dojo.js 스크립트를 로딩하는 것만큼 사소하진 않습니다 -- AOL CDN 이나 로컬 경로 중 어디에서 읽어들일 것인지 선택해야하고, dojo 추가기능인 dijit나 dojox 모듈을 읽어들이려 하거나 필요할 수도 있고, 커스텀 모듈과 경로를 지정해야하며, onLoad()에서 실행할 코드도 정해주고, dijits를 꾸밀 스타일시트도 정해야 합니다. 이들 위에서, 이 정보는 페이지에서 페이지에서 변경될 수 있고, 일부 페이지에서만 필요해질 수도 있습니다. dojo() view helper는 placeholder 로서 작동하고, 상기 작업을 용이하게 할 뿐만 아니라 페이지에서 필요한 style과 script 엘리먼트의 렌더링을 관리합니다.
  • Form 엘리먼트 구현: 개발자들이 javascript와 ajax 툴킷을 제대로 사용하는 곳 중 하나는 폼form입니다. 특히, 다양한 형태의 폼 입력 컨트롤들은 JavaScript 만이 제공할 수 있는 개선되고 풍부한 사용자 인터페이스의 이점을 취할 수 있습니다: 달력 날짜 선택기, 시간 선택기, 기타 등등. 게다가, 많은 개발자들은 사용자에게 즉각적인 유효성 검사 피드백을 제공하기 위해 (서버를 거치는 대신) 클라이언트측 유효성 검사를 사용하는 것을 좋아합니다. 우리는 대부분의 관련된 사용문제를 해결할 수 있을 것 같은 폼 엘리먼트의 소그룹을 정의하고, Zend_Form과 활용될 수 있는 Dojo 특화 버전을 작성할 것입니다(중요사항 하나: Zend_Form의 설계는 이미 Dojo와 잘 작동하도록 되어있습니다. 간단히 적절한 엘리먼트 속성attribute를 설정하는 것만으로도 많은 위젯과 클라이언트측 유효성검사를 사용할 수 있습니다.)
  • dojo.data 호환성: dojo.data는 표준 스토리지 인터페이스를 정의합니다; 이 포맷으로 데이터를 제공하는 서비스는 사용자 인터페이스를 위한 고유연성과 동적 컨텐트를 제공하기 위한 다양한 Dojo 기능에서 사용됩니다. 우리는 XmlHttpRequest에 응답하는 dojo.data 호환 자료를 작성할 컴포넌트를 작성할 것입니다; 간단히 데이터를 사용하고 그것과 관련된 메타데이터를 제공하기만 하면 됩니다.
물론, Dojo 대신 다른 Ajax 라이브러리도 Zend 프레임웍과 함께 사용할 수 있습니다. 이번 일이 어떻게 해서 가능했을까요?

두 개의 프로젝트들과 커뮤니티들 사이에는 시너지와 유사성이 많습니다:

  • 라이센스와 IP: 두 프로젝트 모두 매우 비즈니스 친화적입니다.
  • 설계 유사성: "use-at-will(의도할 때 사용)" 아키텍처에 대한 강력한 강조 등의 유사한 철학을 가지고 있습니다.
  • 둘 다 JSON 포맷을 강력히 사용합니다
  • 종합 Ajax 솔루션: Dojo에 다 있습니다
  • 표준: "Dojo는 공개된 표준을 구현할 뿐 아니라 표준을 이끕니다"
  • 커뮤니티와 지원: 강력한 커뮤니티와 그에 대한 지원
에.. 다음은 JSON-RPC 데모의 일부 코드입니다:
[code:js]
<h2>Dojo JSON-RPC Demo</h2>
<input name="foo" type="button" value="Demo" onClick="demoRpc()"/>
<?
$this->dojo()->setLocalPath('/js/dojo/dojo.js')
             ->addStyleSheetModule('dijit.themes.tundra')
             ->requireModule('dojo.rpc.JsonService');
$this->headScript()->captureStart(); ?>
function demoRpc()
{
    var myObject = new dojo.rpc.JsonService('/json-rpc.php');
    console.log(myObject.bar());
}
<? $this->headScript()->captureEnd() ?>

from Dojo and Zend Framework Integration Released on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

글쓴이가 작년 1월에 event driven application design in JavaScript 에 대해 쓴 적이 있는데, 이 아이디어에 영감을 얻은 Caridy Patiño씨가 Bubbling Library를 작성했습니다.

Caridy는 YUI 블로그에 버블링 라이브러리를 이용한 디커플링 방법을 작성했습니다.

본질적으로, 그의 해결책은 여러분이 응용프로그램 모듈에서 커스텀 이벤트를 가지고 실행순서나 가능성에 상관없이 이벤트를 살펴볼 수 있도록 합니다. 만약 이벤트의 순서에 종속적으로 된다면 단순하게 커스텀 이벤트를 사용하는 것은 꽤 곤란할 수도 있습니다. Caridy씨가 제안한 디커플링 해결책은 걱정거리를 하나 줄여주게 될 것입니다.

from Making application modules communicate with each other using Decoupling on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

Ext JS 2.1 릴리스

2008.04.24 00:38 from [IT] Web Tech

Ext JS 2.1버전이 릴리스 되었습니다. 아래와 같은 점이 변경되었습니다:

  • Full REST 지원
  • Ext.StatusBar 컴포넌트와 샘플 추가
  • Ext.Slider 컴포넌트와 샘플 추가
  • 컴포넌트 설정의 원격 로딩 데모에 예제 추가
  • Grid 필터링 예제 추가
  • 레이아웃 브라우저 예제 추가
  • Spotlight 예제 추가
더 중요한 사실은,GPLv3로 라이센스가 변경되었다는 것입니다.
ExtJS 2.1

ExtJS 2.1 릴리스


from Ext JS 2.1 Released on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

from Dojo 1.1 Nice Fetures on Ajaxian

Alex Russell 씨가 릴리스 노트에서 알려지지 않은  Dojo 1.1의 몇가지 기능 에 대해 썼습니다:

Core

1.1은 1.0과의 완벽한 하위 호환성을 보장합니다. 이미 여러 사이트에서 아무런 변경없이 1.1로 바꾸어 적용할 수 있었다는 보고를 받았다고 합니다. 물론, 그러면서도 성능이 좋아진 것은 물론이죠.

Animation

애니메이션에 몇가지 문법적인 추가가 있다고 합니다. 애니메이션의 시작/종료 좌표에는 값이 줄 수도 있고 계산된 시작/종료 위치를 반환하는 함수를 줄 수도 있습니다. 예컨데 { end: 30 } 구조체를 생략하고 단지 값만 주는 것도 가능합니다. 그래서 이런 것이 가능합니다:

dojo.animateProperty({
    node: "thinger",
    duration: 500,
    properties: {
        width: { end: 500 },
        height: { end: 500 }
    }
}).play();

이렇게도 됩니다:
dojo.anim("thinger", { width: 500, height: 500 }, 500);

XHR

여러 XHR에 대해 한 가지 방법으로 사용할 수 있는 통합된 dojo.xhr()을 지원합니다.

CSS Selectors

브라우저가 정상적으로 지원한다면, querySelectAll 을 사용할 수 있습니다. 조만간, dojo.query()는 이것을 호출하는 역할만 하게 될 것이라고 합니다. 또한, API의 변경 없이 지원하는 브라우저에서의 속도를 올릴 수 있다고 합니다. 점점 더 빨라지고 작아질 것이라고 하네요.

끝으로, dojo.LoadList에 재밌는 API 가 추가되었습니다. dojo.query(), dojo.attr(), dojo.anim()의 호출이 노드 그룹에서도 가능해졌습니다. 예컨데, 브라우저에서 탭 포커스를 줄 수 있는 엘리먼트를 생성하고 그려볼 수 있습니다:

dojo.require("dojo.NodeList-fx");

dojo.query("#nav> .focusable").
    attr("tabIndex", 0).
    style("border", "1px solid transparent").
    anim({
        "borderColor": { start: "yellow", end: "white" }
    });


그는 또한 AOL 웹메일이 Dojo 1.x로 업그레이드 했다고 했습니다:

Dojo 1.x 는 지금 세계 최대의 지도 서비스, 세계 최대 메일 서비스 중 하나, 어디서든 사용할 수 있는 가장 유용한 개인 정보 서비스, 제가 즐겨쓰는 RSS 리더의 프론트엔드 등의 UI에 사용되고 있습니다.

Dojo 1.1관련 다른 글


Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

from DOMAssistant 2.7 is Out, Strong Unicode Support and Enhanced Performance on Ajaxian

이제 DOMAssistant에 공식 지원팀이 생기게 되어, 업데이트가 빨라지고 왕성하게 지속되고 있습니다. 공식팀에서는 새 기능과 CSS 셀렉터 성능이 대폭 향상된 DOMAssistant 2.7을 지난밤 릴리스했다고 알렸습니다:

숱한 고된 작업 끝에, DOMAssistant 의 새 버전을 릴리스 하게 되어 더없이 기쁩니다. 새 버전은 더 빠르고, 코드는 저 적고, 나은 지원, 안정성 향상이 되었습니다. 물론, 기능도 추가되었습니다.

우리는 코드의 파일 사이즈를 줄이면서 동시에 유용한 몇개의 기능을 추가했고, CSS 셀렉터의 성능을 개선했습니다.

몇가지 버그 수정과 함께, 유니코드에 대한 두드러지게 강력한 지원과 Internet Explorer에서의 성능 등의 몇가지 개선사항을 추가했습니다:

이번 릴리스에서, 우리는 유니코드 지원과 완벽한 중국어 문서를 통해 비영어권 국가를 대상으로 삼았습니다. 그 부분이 완료된 후에, Internet Explorer에서의 CSS 셀렉터 성능 개선과 필요한 요청 기능 추가를 작업했습니다.

기쁘게도 우리는 목표를 더 많이 이룩해낸 것 같습니다.

새로운 기능:

  • 유니코드 지원 추가, 기본으로 어떤 언어의 문서라도 지원
  • 객체 레퍼런스 자식의 CSS 셀렉션이 가능한 cssSelect 메소드가 Core 모듈에 추가
  • 더 커스터마이징이 가능한 AJAX호출을 위해 옵션이 ajax 메소드에 더 많은 옵션 추가
  • CSS 모듈에 setStyle 메소드 추가
  • DOMLoad모듈에 setErrorHandling 메소드 추가
  • 일치하는 첫번째 엘리먼트를 가져오는 first 메소드 추가
  • 속성 셀렉터 E[att|=val], E[att~=val] 와 :lang 수도 클래스(pseudo-class) 지원
  • 다중 수도 클래스 지원. 예. tr:nth-child(odd):not([id]).
  • :not 안에 중첩 수도 클래스 지원. 예. tr:not(:first-of-type).
  • :nth-child와 :nth-of-type 에서 an+b 의 완벽 지원 (a가 음수일 때 포함)
  • Internet Explorer 에서 CSS 셀렉터의 현저한 성능 개선
  • 중국어 문서 업데이트

DOMAssistant 2.7은 SVN 이나 HTTP 를 통해서 다운로드 받을 수 있으며, MIT 라이센스로 배포됩니다.


Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요