모바일 웹 HTML5 프레임 워크 선택하기


131

새 프로젝트의 경우 HTML5를 지원하는 프레임 워크를 찾고 있으며 모바일 (iPhone, IPads)에서 실행됩니다. 나는 이것을 발견했다 :

나에게 가장 중요한 것은 HTML5입니다. 나는 그들이 제공하는 기능을 살펴 보았지만 그 경험에 대해 알고 싶었습니다.

찾을 때 어느 것을 찾아야합니까?

  • 빠른 시작
  • 좋은 문서
  • 유사한 웹 개발
  • 모바일 플랫폼에 대한 훌륭한 지원

5
jQuery Mobile과 함께 갈 것입니다. 당신의 결정이 힘 광고 일 - stackoverflow.com/questions/5071369/...
jimmystormig의

답변을보고 싶습니다. html / js / css를 생성하는 개발 환경 (웹앱 세계의 카푸치노와 유사)이 아닌 html / js / css (예 : jQuery Mobile)를 보강하는 프레임 워크는 몇 개입니까?
johnhunter

빌드하려는 것을 지정하는 데 도움이됩니다. 기본 앱, 목록, 슬라이드 쇼, 애니메이션을 모방 한 웹 앱? 모바일 장치에서 작동하는 HTML5 문서를 작성하기위한 프레임 워크가 필요하지 않습니다.
antonj

3
webapp 또는 native 앱 (하지만 HTML5로 개발)을 마지막으로 무엇을 만들고 싶은지 명확히해야합니까? 티타늄을 제외한 대부분의 프레임 워크는 웹 앱용이므로 기본 앱으로 래핑하려면 추가 작업이 필요합니다. 그러나 기본 앱은 webapp보다 훨씬 강력합니다. 특히 iOS에서 이메일을 보내고 파일을 업로드하려고합니다.
vincicat

2
이 질문에 대한 명확한 답은 무엇입니까? 그것은 주관적인 것 같습니다.
Phrogz

답변:


123

타겟층이 무엇인지, 구축중인 사이트가 얼마나 대화 형인지에 따라 다릅니다.

jQTouch :
CSS, Javascript, MIT 라이센스에 강함
빠른 시작을 제공하지만 불행히도 많은 문서는 제공하지 않는 프레임 워크의 경우 jQTouch를 사용하십시오. 시작하는 데 거의 필요하지 않으며 코딩은 매우 간단합니다. 적절한 애니메이션과 상호 작용을 감지하기 위해 CSS 클래스를 사용합니다.

Sencha Touch :
거의 완전한 JavaScript, GPL은 라이센스없이 상업용 사이트에서 사용하지 않습니다.
시각적 상호 작용이 많은 복잡한 엔터프라이즈 응용 프로그램을 구축하는 경우 Sencha Touch를 강력히 권장합니다. 강력한 전문 팀이 제공합니다. 지원하다.

M-Project :
JavaScript로 무거운 MIT 라이센스는 알파로 보였으며 버그가있을 수 있습니다
.M-Project와 직접 작업 한 적이 없지만 (강조 표시) 감사합니다. 매우 강력하고 코딩하는 것으로 보입니다. 스타일은 ExtJS를 기반으로하는 Sencha Touch와 매우 유사 해 보이므로 팀에 ExtJS에 대한 경험이있는 경우 이러한 프레임 워크 중 하나를 고려하는 것이 좋습니다.

Nimblekit :
iOS 전용 인 것 같습니다. 애플리케이션을 Android 또는 다른 플랫폼으로 확장하기로 결정한 경우에는 좋지 않습니다.

윙크 툴킷 :
MIT 인 것처럼 보이거나 약간의 변형이 있다고 생각합니다.

jQuery Mobile :
이중 라이센스 MIT 또는 GPL 2, JavaScript와 CSS의 올바른 조합만으로도
더 많은 경험을 가진 사람이 장점에 대해 이야기 할 수 있지만 jQuery Mobile (알파 임에도 불구하고)은 강력한 팀과 핵심 jQuery 라이브러리의 확장을 통한 서포터 커뮤니티. 대부분의 엔터프라이즈 중심 응용 프로그램을 제외한 모든 용도에 가장 적합한 선택 일 수 있습니다.

티타늄 :
티타늄은 HTML5 모바일 프레임 워크가 아니며 프레임 워크에 포함 된 기본 코드 모듈에 대한 자바 스크립트 기반 인터페이스입니다. 상당히 간단한 프레임 워크이지만 문서가 부족한 것으로 간주합니다.

결론 :
1. jQuery mobile-앱이 엔터프라이즈 중심이 아닌 한
2. Sencha Touch-어플리케이션이 엔터프라이즈 중심이거나 사용자 상호 작용이 많은
경우 3. jQTouch-찾고자하는 것이 시작하기에 간단한 프레임 워크 인 경우 빨리, 그러나 당신은 많은 gusto가 필요하지 않습니다.
4. 티타늄- 응용 프로그램에서 실제 기본 컨트롤을 사용하는 데 더 관심이있는 경우

데모 앱

오픈 소스 프로젝트 인 PropertyCross가 있으며,이 플랫폼은 다양한 크로스 플랫폼 프레임 워크로 구현 된 동일한 애플리케이션을 보여줍니다. 다양한 프레임 워크의 코드, 개발 경험 및 최종 사용자 경험을 비교하는 데 매우 유용합니다.


4
jqTouch는 Sencha Touch를 만들기 위해 Sencha에 의해 얼마 전에 구입되었습니다. jqTouch는 jQuery를 기반으로하며 Sencha Touch는 ExtJS로 포팅되었습니다
pakman

jQTouch는 여전히 오픈 소스 이며 Sencha Touch는 ExtJS의 포트입니다
samshull

1
jQuery Mobile에서 기본이 아닌 선택 상자에 유의하십시오. 그들은 당신의 전화의 메모리를 죽일 것입니다.
Jason Sebring

Sencha, Titanium, Xamarin 등으로 구현 된 동일한 애플리케이션을 보여줌으로써 크로스 플랫폼 모바일 프레임 워크를 선택하는 데 도움이 되는 오픈 소스 프로젝트 propertycross.com 을 만들었습니다 .
ColinE

4
엔터프라이즈 중심이란 무엇입니까?
Mark Boulder

14

jQuery Mobile이 더 좋고 더 나은 지원을 제공합니다 !!


9

jQuery 모바일을 고수하십시오. jQtouch보다 빠릅니다. 또한 sencha보다 더 나은 문서가 있습니다. Senchas 초기로드 시간이 느립니다. 전반적으로 jQuery mobile이 내기에서 승리합니다.


7

여기에 내가 추천 한이 프레임 워크는 아주 새로운 것이지만, 나중에 모바일 응용 프로그램을위한 Mobl-HTML5 를 시도해 볼 수 있습니다 .

실제로 모바일에서 HTML 5 응용 프로그램을 빌드하는 것은 DSL (도메인 특정 언어)입니다. 그것은으로 구성 것 Zef 헤멜 빠르게 HTML5 응용 프로그램을 빌드하는 아주 쉬운 방법을 자신의 박사 학위 논문의 일부로서, 허용

귀하의 요청에 대해 :

  1. 빠른 시작 : 예, Mobl로 개발을 시작하는 것은 매우 간단합니다. Eclipse 애드온을 추가하고 일부 구성을 변경하십시오.

  2. 문서 : 튜토리얼은 충분하지만 내비게이션이 부족합니다. 즉, 포괄적 인 구조입니다. 그들이 곧 추가되기를 바랍니다.

  3. 비슷한 웹 개발 : 나는 생각하지 않습니다. DSL로서 Mobl은 웹 스크립팅 언어 (HTML, Javascript 등)와 비교하여 다른 구조 (자바 스크립트와 유사한 구문)를 가지고 있습니다. 그러나 그것들을 이해하는데 많은 시간이 걸리지 않습니다.

  4. 지원 : 이건 좋지 않습니다. 이 초기 단계에서 Mobl 커뮤니티는 매우 제한적입니다.



4

PhoneGap (오픈 소스)을 살펴볼 수도 있습니다. 또한 클라우드에 무료 빌드 서비스를 제공하여 단일 소스 코드 기반에서 대부분의 인기있는 전화에 대한 기본 앱을 펌핑합니다. 나는 그것을 직접 시도하지는 않았지만 흥미로운 소리가 들렸다.


3

HTML 5 상용구로 시작하겠습니다 . 약간 무겁지만 원하는만큼 추가하거나 제거 할 수 있습니다. 내가 찾은 가장 완벽한 HTML5 템플릿입니다. 그런 다음 jQuery Mobile 과 함께 갈 것입니다 . 아직 알파가 아니기 때문에 약간 버그가 있지만 그 뒤에는 훌륭한 커뮤니티가 있으며 플러그인을 만들기위한 좋은 구조를 가지고 있습니다.


3

Java로 모바일 HTML5 앱을 작성할 수있는 Google Web Toolkit을 살펴볼 수도 있습니다. GWT에는 HTML과 CSS를 포함 할 수있는 템플릿 시스템이 있으므로 큰 차이점은 Javascript 대신 Java로 작성한다는 것입니다. 이전에 언급 된 Sencha Touch는 Gwt4Touch라는 GWT 버전으로도 제공됩니다.




1

향후 프로젝트를 위해 모바일 웹 앱을 빌드하기위한 무료 오픈 소스 프레임 워크 인 DHTMLX Touch 도 살펴볼 수 있습니다 . 시작하기가 쉽고 라이브 지원 포럼이 있습니다. 일부 데모 : http://www.dhtmlx.com/touch/samples/

(DHTMLX에서 일합니다)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.