monaca Monaca에서 모바일 앱 개발 환경을 준비하십시오! Monaca는 Asial이 제공하는 스마트 폰용 앱 개발 환경의 호칭입니다. 앱의 개발은 Monaca 클라우드 IDE(웹 경유)를 사용하여 실시합니다. 개발 환경 제공뿐만 아니라 누구나 쉽게 스마트폰용 앱 개발을 할 수 있도록 그 구조와 지원을 제공하고 있습니다. OnsenUI는 Asial이 제공하는 프런트 엔드 개발을위한 도구입니다. OnsenUI가 제공하는 UI를 사용하면 PhoneGap... 자바스크립트monacaCSS코르도바HTML5 Monaca를 업무로 1년 사용한 소감 HTML5 하이브리드 앱 개발 환경인 Monaca를 1년 정도 업무로 사용하고 있었으므로 HTML+CSS+JavaScript로 만든 페이지를 그대로 앱에 사용할 수 있습니다. 디바이스 기능을 사용할 때만 전용 API를 사용하지만 학습 비용은 낮습니다. Hackason과 같은 이벤트에서 간단한 프로토 타입을 만들 때 Monaca에서 개발합니다. 2~3시간 정도 안드로이드/iOS 양쪽의 빌드 완... 자바스크립트monacaPhoneGap코르도바HTML5 [Javascript] 수험생이기 때문에 한자 연습의 플래시 카드를 만들어 보자 드디어 수험 본격 시즌입니다! 그래서 내 가장 서투른 한자에 대해 플래시 카드를 만들었습니다. (어디에서나 할 수 있도록 ···의 생각으로부터 Monaca로 앱화했습니다) 당연히, 수험 공부중의 숨막히기로서의 프로그래밍이므로, 제작 자체는 간단합니다. kanji.csv Excel에서 중3에서 배운 한자를 모두 내보내 CSV로 출력합니다. (솔직히 이것이 가장 힘들었다) 그런 다음 Monaca... 자바스크립트monaca [monaca][onsenui][AngularJS][ui-router]onsenui/ui-router 최소 프로젝트 monaca에서 onsenui와 ui-router를 동시에 도입하는 데는 약간의 시간이 걸리므로 최소한의 프로젝트를 구성하는 방법을 절차화해 보았습니다. "Onsen UI V2 Angular 1 Minimum"에 "angular-ui-router"만 도입하면 다음 오류가 발생합니다. index.html 자바 스크립트의로드 순서가 원래로드해야하는 순서와 다르기 때문에 (그렇습니다) loader... Angularui-router온 등봉monaca Onsen UI로 VR 앱도 얼굴 인식 앱도, 로봇 연계 앱도 만들어 보았다. 3, 4년 정도 전부터 Onsen UI를 사용한 앱을 만들어 왔습니다! 이번은 모처럼이므로 최근 Onsen UI를 사용하여 만들어 보았던 앱을 몇 가지 소개합니다. 다만, Pokémon GO 가 폭발적인 히트를 날리고 있을 무렵,Mozilla 로부터 라고 하는 WebVR 프레임워크가 나와 있는 것을 알고, 라고 생각 Pokémon GO풍의 VR어플리케이션을 만들어 보았습니다—. A-FRAME... Angular초A-Framemonaca온 등봉 Web IDE cloud9에서 스마트폰 앱 개발 using React 무려 이것을 이용하는 것으로 React에서의 스마트폰 앱 개발을 할 수 있다는 것이었습니다. 라고 하는 것으로 상세를 보면, Windows와 Mac 대응이라고 있었습니다. 다만, 자신의 PC에 여러가지 인스톨 하는 것을 그다지 좋아하지 않았기 때문에, cloud9로 할 수 없을까-라고 보고 있었던 곳. 뭔가 리눅스에서도 보통으로 움직일 것 같습니다! 그래서 이번 Monaca CLI를 사용하여... Reactcloud9monaca OnsenUI 메뉴와 탭 바를 결합하여 사용하는 샘플 OnsenUI2를 사용해 웹 페이지를 모바일 대응으로 하는 심플한 샘플을 소개한다고 명언하고 나서, 어떻게 할까~라고 생각하기 시작해, 모바일 같게 하는 시작에는 메뉴와 탭 바의 사용이 좋을까라고 생각했으므로, 이것을 조합한 페이지를 만드는 방법을 소개합니다. 에서 메뉴를 사용할 수 있는 템플릿에서 프로젝트를 생성하면 손쉽게 메뉴 기능을 얻을 수 있으므로, 이것에 탭 바를 추가하는 흐름으로 ... HTML5온 등봉monaca Onsen UI 2 + Monaca에서 옷 관리 앱을 만든 메모 자신의 태그를 채우는 것만으로 네이티브 앱 같은 UI를 만들 수 있는 라이브러리입니다. 나는 디자인을 전혀 할 수 없기 때문에 태그 조합만으로 멋지게 보이는 UI를 만들 수 있다는 것은 매우 도움이됩니다. iOS(플랫 디자인) 페이지를 보면, 각 컴퍼넌트의 사용법은 곧바로 알 수 있습니다. 이번에 만든 앱은 다음과 같은 구조로 되어 있습니다만, 이것이 좀처럼 만들 수 없다! 우선은 간단하게,... 온 등봉monaca NCMB와 MONACA를 사용하여 앱 개발 (그룹별로 로그인 정보를 볼 수 있음) 특정 그룹이 있음 그룹별로 볼 수있는 데이터 분리 다른 그룹의 데이터를 볼 수 없음 그룹에 속한 사람은 이미 로그인 한 사용자가 다른 사용자에게 권한을 부여합니다 NCMB role 클래스 사용 role 클래스의 "belongUser"열에 사용자를 속합니다 소속 된 role 명을, 표시 짜내고 싶은 클래스의 「레코드」의 「ACL」에 부여한다. 그러면 "role"에 속하지 않으면 표시되지 않습니... NCMBmonaca monaca(phonegap)로 camera 이미지를 취득해, 화면 천이 후, 이미지를 서버(nifty mobile backend)에 업로드할 때까지. 1. 사용자 등록 화면에서 카메라로 화상(jpeg)을 취득. img 태그에 이미지를 설정합니다. 2. 사용자 확인 화면에서 img 태그로 표시. 표시하고 있는 이미지를 서버(nifty mobile backend)에 등록. ※ 모바일 앱에서 잘하는 일이지만 "이거야!"라는 샘플이 없었기 때문에 1.monaca(Phone Gap) 2.nifty mobile backend 3.HTML5 FileA... 전화PhoneGapNiftyCloudmonaca Monaca에서 Wikitude SDK를 사용할 때의 주의점(Android) Monaca는 Cordova 플러그인을 자유롭게 사용할 수 있습니다 (금 플랜 이상). 그럼 iOS용으로 Wikitude SDK를 사용해 보았습니다만, 그 상태로 Android용으로 빌드하면 에러가 일어나 버렸습니다. 에러의 내용은 다음과 같이 되어 있어 uses-sdk:minSdkVersion이 14가 되어 있는 것이 문제라는 것입니다. 그러나 AndroidManifest.xml을 편집해도... 안드로이드Wikitudemonaca아 R OnsenUI와 NiftyCloud와 AnglarJs를 결합해 보았습니다. (Monaca) 결론부터 말하면 Model=NiftyCloud,Controller = AnglarJS,View = OnsenUI라는 구성으로 만들어 보았습니다. 만드는 것에서 보면, 대부분 간단한 화면이므로, 간편하게 하고 싶었던 것이, 무학으로 흠뻑 빠르면 의외로 귀찮았다. OnsenUI만으로는, 복수 페이지로 JavaScript를 분할하는 것이 어렵다. . 아무래도 AnglarJS와의 조합이 된다. (O... 온 등봉NiftyCloudmonacaangularjs Onsen Theme Roller에서 만든 Theme을 Monaca에서 만든 앱으로 가져 오는 방법. 를 보고 Theme을 작성. 만든 Theme 다운로드 다운로드 한 onsen-css-components.css를 onsen-css-components-cus.css로 이름을 바꿉니다. lib/onsenui/css 아래에 이름이 바뀐 파일을 업로드. (components에 onsenui 폴더가있을 수 있지만 그곳은 무시) 4.index.html을 다시 씁니다. index.html 다시 쓰기 후... 온 등봉monaca React + OnsenUI for React의 기본 구성 요소 ② (Navigator, Toolbar) 에 이어, OnsenUI for React의 기본 컴퍼넌트에 대해서 해설해 갑니다. 의 천이 상태를 관리하는 와, 자주 있는 툴바의 UI를 간단하게 구현할 수 있는 의 네 가지 구성 요소만으로 간단한 전환 앱을 만들었습니다. 각 페이지의 전환 상태를 관리하는 구성 요소입니다. 는 각 페이지 그 자체를 나타내는 컴퍼넌트이지만, 그러한 페이지의 천이 상태나 천이시의 액션·애니메이션등을 관리하는 ... React자바스크립트es6monaca온 등봉 React + OnsenUI for React의 기본 컴포넌트① (Page・Button편) 지금까지 OnsenUI에서 하이브리드 앱을 개발할 때는 OnsenUI 1.x (AngularJS 1.x 기반)에서 개발했지만 React에서도 쓰고 싶었기 때문에 OnsenUI 2.x (OnsenUI for React) 의 각종 ReactComponent의 사용법에 대해 정리한다. OnsenUI 1.x의 에 해당하는 구성 요소입니다. Page 컴포넌트 내에서 Page 구성 요소의 props로 ... React자바스크립트es6monaca온 등봉 Monaca × Wikitude 시도 MOONGIFT는 블로그 작가를하고 있습니다. Wikitude는 iOS/Android/Unity/Cordova 등을 지원하는 AR(증강 현실) 플랫폼을 제공하고 있습니다. 하지만, Cordova를 사용한 웹 서비스로서 일본에서는 이 알려져 있습니다. 덧붙여서 MOONGIFT는 Monaca의 블로그 라이터도 맡고 있습니다. Cordova를 사용할 수 있다면… Monaca의 계획에주의 Wikit... Wikitudemonaca아 R Monaca에서 Ionic 사용 ※2016/05/04 추가 최근 들어 Monaca가 Ionic을 지원한 것 같습니다. Ionic이 겨우 AngularJS 1.5에 대응했습니다(2.x계의 이야기가 아니고 죄송합니다). Ionic 공식 블로그 즉시 앱을 만들어 봅시다. 대시보드에서 새 프로젝트 만들기를 클릭하고 Ionic 템플릿을 선택한 다음 만들기를 누릅니다. 이것만! ※Node.js Ver.4 인스톨이 끝난 것으로 합니다.... ionicmonaca 【Monaca x mBaaS】 Android Lollipop 이상 : 푸시 알림 아이콘 변경 방법 Monaca에서 개발하고 있고, Android 5.2 이상, 푸시 통지의 아이콘의 사양이 바뀌고 있기 때문에 아시는 분이 많을까 생각합니다. 아이콘이 하얗게 되거나, 지금까지 예쁘게 표시해 아이콘이 갑자기 할 수 없게 되거나, 많지 않을까 생각합니다. 사용하는 전제는 "monaca"와 "니프티 클라우드 모바일 백엔드 (mBaaS)"서비스에서 설명합니다. 기본적으로 monaca도 mBaaS도 ... monacaPushicon안드로이드mBaas Monaca에서 OnsenUI 2 Beta.9를 사용하면 상태 표시 줄 여백이 어려워집니다. 어제 출시된 Beta.9에 손을 줬다는 좋은 문제가 발견되었다. ※ OnsenUI 2 rc.1에서 수정 완료 본래 확보될 여백 외에 또 한 단계 여백이 붙어 버린다. 「저장→라이브리 로드」라고 하면 여백이 정상으로 돌아올 때가 있다. ons-spllitter를 사용한 것이 나쁜 것일지도 모른다. 현재 조사 중. 출처 우선 상태 표시줄 표시 자동 조정을 비활성화하고, index.html 헤더에... 온 등봉monaca 【Monaca】Push 통지에 대한 지견 1(iOS_전 준비편) ※ 다만, 이 이용에는, 매니지먼트 API를 작성·사용하는 것을 바탕으로 하고 있기 때문에, Monaca의 Gold 회원 이상이 필요합니다. 또, 상기 기사에도 있습니다만, 단말 ID의 취득 방법은, Qiita에도 이전 정리한 것이 있기 때문에, 소개하겠네요. 그런데, 이번, Monaca의 앱을 작성해, 공개, 또, 단말 ID를 지정해, Push 통지의 송신을 하게 되었으므로, 그것에 관한 ... iOS푸시 알림monaca하이브리드 앱HTML5 Monaca × IBM Bluemix로 시작하는 모바일 앱 Monaca는 HTML5를 기반으로 한 웹 앱과 네이티브 앱의 좋은 곳을 담은 앱 개발을 가능하게 한 플랫폼입니다. 다음과 같은 특징이 있어, 비엔지니어나 문계의 학생에게도 시작하기 쉬운 앱 개발 환경이라고 하는 것으로 필자 개인적으로도 매우 주목하고 있습니다. 클라우드 기반 모바일 앱 개발 환경 Monaca 디버커를 소지의 스마트 폰에 인스톨하면, 곧바로 실기로 확인을 할 수 있다고 하는 ... BluemixCloudantmonaca ○○ map을 만드는 앱으로 칠복신 map을 만들어 보았다. 이 기사는 시빅 테크를 테마로 한 '시빅 테크 어드벤트 캘린더 2015' 기획의 12일째 원고입니다. 다른 기사는 에 있습니다. 어제, 유치원 map이나 소화전 map등을 간단하게 만들 수 있는 앱을 만들어 보았다 오늘은 그것을 실제로 이용해 ○○map을 만들어 보았다. 실제로 만들어 본 map은 센주 칠복신 map 이제 지도 자체는 존재하지만, 의외로 알기 어렵게 스스로 만들어 보았다. 실... civictech자바스크립트monacaOpenStreetMapNCMB Monaca에서 Milkcocoa로 데이터 보내기 을 만져 보려고 했는데, 딱 좋은 가 있었으므로, 를 사용해 시험해 보았다. ※자세한 것은 튜토리얼을 참조 1. 계정 만들기 2. 앱 만들기 프로젝트 만들기 ( "최소한 템플릿"사용) index.html의 body 태그 부분을 다음 내용으로 다시 작성 index.html index.html과 같은 계층에 main-sp.js 파일을 작성해, 이하의 내용을 기술한다 main-sp.js ※공식 사... milkcocoamonaca [*기타*] 앱에서 외부 데이터 가져오기(Access-Control-Allow-Origin편) 외부 서버와 Ajax 통신하려는 경우를 확인합니다. 일반적으로 다른 도메인에 대한 Ajax 통신은 할 수 없지만 서버 측에서 응답 헤더에 Access-Control-Allow-Origin을 붙임으로써 자신의 서버에 대한 액세스를 허용한다는 것. 품목 설명 Access-Control-Allow-Origin 「*」를 설정하면 모든 사이트로부터의 자원에의 액세스를 허가해 버리기 때문에, 특정의 사... AdventCalendar하이브리드 앱monaca [*기타*] 앱에서 외부 데이터 검색(JSONP편) 앱에서 외부 서버의 데이터를 취하고 싶은 경우의 JSONP편. 일반적으로 다른 도메인에 대해 Ajax 통신을 시도하면 화가납니다. 이것을 크로스 도메인 제약이라고 한다. 그래도 외부 서버의 데이터를 가져오는 것이 필수적이므로, 위와 같은 URL로 액세스했을 때,callback 매개 변수의 값을 서버 측에서 받고, 같은 자바 스크립트 함수를 호출하는 형식으로 서버 측에서 JSON 데이터를 반환... jsonpAdventCalendar하이브리드 앱monaca [*Monaca*] Monaca 개요 Monaca가 편리하므로 편리합니다. 하이브리드 앱을 개발하기 쉬운 환경이 갖추어져 있다. 클라우드 IDE가 있어, 인터넷에도 연결되어 있으면 환경 구축을 하지 않아도 앱의 개발이 시작된다. Git등에서의 버전 관리를 실시하고 싶은 경우는 Monaca Localkit등을 사용하면 할 수 있지만, 무료 체험 후에는 유료가 되고 있다. 무엇보다 일본 회사의 것이므로, 문서 등이 일본어인 것이 좋... AdventCalendar하이브리드 앱monaca 【서버 기능 x 하이브리드 앱】 카메라 사진을 찍어 서버에 올려 공유하는 샘플 앱을 만들어 보았습니다! 원래 문서: Monaca를 사용하여 만든 앱과 모바일 백엔드를 연계하여 스마트 폰 카메라로 찍은 사진을 mBaaS 서버에 업로드하는 기능을 구현하는 샘플 코드입니다. * HTML/CSS/JavaScript로 멀티 플랫폼(iOS/Android/Windows 등)에 앱을 개발할 수 있는 통합 개발 환경 * 스마트 폰 앱의 서버 측 기능 (푸시 통지, 회원 관리, DB 등)을 서버 개발 불필요로 ... 카메라하이브리드 앱NCMBmonaca 【IoT를 실감하자! 】 취득한 온도 센서의 그래프를 스마트 폰으로 보자! 에서 에 온도 센서 값을 저장할 수 있습니다. 이번에는 스마트 폰 앱에 그래프를 표시합니다. 물론 JS에서 이번에는 monaca를 사용하여 그래프를 만듭니다! 이용등록은 아래의 요령으로 실시합시다 먼저 로그인 후 대시보드를 확인합니다. 개발 시작을 클릭합니다. 그러면 아래와 같은 화면이 나오므로, 「Monaca.io로 개발」을 클릭합니다. 그러면 아래와 같이 템플릿을 선택하는 화면이 나오므로... chart.js자바스크립트monacaNCMBmBaas [monaca x mBaaS] 3분 안에 앱에 사용자 등록, 로그인 기능을 만듭니다! 원래 기사 : 여기 Monaca를 이용하여 mBaaS 서버를 활용하여 사용자 등록, 로그인, 로그아웃 기능을 구현하는 샘플입니다. Android, iOS 앱을 HTML, JavaScript로 쉽게 만들 수 있는 도구 앱의 서버 기능을 쉽게 만들 수 있는 도구 Monaca와 mBaaS 처음으로 추천합니다. 약 5분 정도로, monaca로 만드는 앱에 사용자 관리 기능을 할 수 있게 한다 샘플 ... HybridAppNCMBmonacamBaas 이전 기사 보기
Monaca에서 모바일 앱 개발 환경을 준비하십시오! Monaca는 Asial이 제공하는 스마트 폰용 앱 개발 환경의 호칭입니다. 앱의 개발은 Monaca 클라우드 IDE(웹 경유)를 사용하여 실시합니다. 개발 환경 제공뿐만 아니라 누구나 쉽게 스마트폰용 앱 개발을 할 수 있도록 그 구조와 지원을 제공하고 있습니다. OnsenUI는 Asial이 제공하는 프런트 엔드 개발을위한 도구입니다. OnsenUI가 제공하는 UI를 사용하면 PhoneGap... 자바스크립트monacaCSS코르도바HTML5 Monaca를 업무로 1년 사용한 소감 HTML5 하이브리드 앱 개발 환경인 Monaca를 1년 정도 업무로 사용하고 있었으므로 HTML+CSS+JavaScript로 만든 페이지를 그대로 앱에 사용할 수 있습니다. 디바이스 기능을 사용할 때만 전용 API를 사용하지만 학습 비용은 낮습니다. Hackason과 같은 이벤트에서 간단한 프로토 타입을 만들 때 Monaca에서 개발합니다. 2~3시간 정도 안드로이드/iOS 양쪽의 빌드 완... 자바스크립트monacaPhoneGap코르도바HTML5 [Javascript] 수험생이기 때문에 한자 연습의 플래시 카드를 만들어 보자 드디어 수험 본격 시즌입니다! 그래서 내 가장 서투른 한자에 대해 플래시 카드를 만들었습니다. (어디에서나 할 수 있도록 ···의 생각으로부터 Monaca로 앱화했습니다) 당연히, 수험 공부중의 숨막히기로서의 프로그래밍이므로, 제작 자체는 간단합니다. kanji.csv Excel에서 중3에서 배운 한자를 모두 내보내 CSV로 출력합니다. (솔직히 이것이 가장 힘들었다) 그런 다음 Monaca... 자바스크립트monaca [monaca][onsenui][AngularJS][ui-router]onsenui/ui-router 최소 프로젝트 monaca에서 onsenui와 ui-router를 동시에 도입하는 데는 약간의 시간이 걸리므로 최소한의 프로젝트를 구성하는 방법을 절차화해 보았습니다. "Onsen UI V2 Angular 1 Minimum"에 "angular-ui-router"만 도입하면 다음 오류가 발생합니다. index.html 자바 스크립트의로드 순서가 원래로드해야하는 순서와 다르기 때문에 (그렇습니다) loader... Angularui-router온 등봉monaca Onsen UI로 VR 앱도 얼굴 인식 앱도, 로봇 연계 앱도 만들어 보았다. 3, 4년 정도 전부터 Onsen UI를 사용한 앱을 만들어 왔습니다! 이번은 모처럼이므로 최근 Onsen UI를 사용하여 만들어 보았던 앱을 몇 가지 소개합니다. 다만, Pokémon GO 가 폭발적인 히트를 날리고 있을 무렵,Mozilla 로부터 라고 하는 WebVR 프레임워크가 나와 있는 것을 알고, 라고 생각 Pokémon GO풍의 VR어플리케이션을 만들어 보았습니다—. A-FRAME... Angular초A-Framemonaca온 등봉 Web IDE cloud9에서 스마트폰 앱 개발 using React 무려 이것을 이용하는 것으로 React에서의 스마트폰 앱 개발을 할 수 있다는 것이었습니다. 라고 하는 것으로 상세를 보면, Windows와 Mac 대응이라고 있었습니다. 다만, 자신의 PC에 여러가지 인스톨 하는 것을 그다지 좋아하지 않았기 때문에, cloud9로 할 수 없을까-라고 보고 있었던 곳. 뭔가 리눅스에서도 보통으로 움직일 것 같습니다! 그래서 이번 Monaca CLI를 사용하여... Reactcloud9monaca OnsenUI 메뉴와 탭 바를 결합하여 사용하는 샘플 OnsenUI2를 사용해 웹 페이지를 모바일 대응으로 하는 심플한 샘플을 소개한다고 명언하고 나서, 어떻게 할까~라고 생각하기 시작해, 모바일 같게 하는 시작에는 메뉴와 탭 바의 사용이 좋을까라고 생각했으므로, 이것을 조합한 페이지를 만드는 방법을 소개합니다. 에서 메뉴를 사용할 수 있는 템플릿에서 프로젝트를 생성하면 손쉽게 메뉴 기능을 얻을 수 있으므로, 이것에 탭 바를 추가하는 흐름으로 ... HTML5온 등봉monaca Onsen UI 2 + Monaca에서 옷 관리 앱을 만든 메모 자신의 태그를 채우는 것만으로 네이티브 앱 같은 UI를 만들 수 있는 라이브러리입니다. 나는 디자인을 전혀 할 수 없기 때문에 태그 조합만으로 멋지게 보이는 UI를 만들 수 있다는 것은 매우 도움이됩니다. iOS(플랫 디자인) 페이지를 보면, 각 컴퍼넌트의 사용법은 곧바로 알 수 있습니다. 이번에 만든 앱은 다음과 같은 구조로 되어 있습니다만, 이것이 좀처럼 만들 수 없다! 우선은 간단하게,... 온 등봉monaca NCMB와 MONACA를 사용하여 앱 개발 (그룹별로 로그인 정보를 볼 수 있음) 특정 그룹이 있음 그룹별로 볼 수있는 데이터 분리 다른 그룹의 데이터를 볼 수 없음 그룹에 속한 사람은 이미 로그인 한 사용자가 다른 사용자에게 권한을 부여합니다 NCMB role 클래스 사용 role 클래스의 "belongUser"열에 사용자를 속합니다 소속 된 role 명을, 표시 짜내고 싶은 클래스의 「레코드」의 「ACL」에 부여한다. 그러면 "role"에 속하지 않으면 표시되지 않습니... NCMBmonaca monaca(phonegap)로 camera 이미지를 취득해, 화면 천이 후, 이미지를 서버(nifty mobile backend)에 업로드할 때까지. 1. 사용자 등록 화면에서 카메라로 화상(jpeg)을 취득. img 태그에 이미지를 설정합니다. 2. 사용자 확인 화면에서 img 태그로 표시. 표시하고 있는 이미지를 서버(nifty mobile backend)에 등록. ※ 모바일 앱에서 잘하는 일이지만 "이거야!"라는 샘플이 없었기 때문에 1.monaca(Phone Gap) 2.nifty mobile backend 3.HTML5 FileA... 전화PhoneGapNiftyCloudmonaca Monaca에서 Wikitude SDK를 사용할 때의 주의점(Android) Monaca는 Cordova 플러그인을 자유롭게 사용할 수 있습니다 (금 플랜 이상). 그럼 iOS용으로 Wikitude SDK를 사용해 보았습니다만, 그 상태로 Android용으로 빌드하면 에러가 일어나 버렸습니다. 에러의 내용은 다음과 같이 되어 있어 uses-sdk:minSdkVersion이 14가 되어 있는 것이 문제라는 것입니다. 그러나 AndroidManifest.xml을 편집해도... 안드로이드Wikitudemonaca아 R OnsenUI와 NiftyCloud와 AnglarJs를 결합해 보았습니다. (Monaca) 결론부터 말하면 Model=NiftyCloud,Controller = AnglarJS,View = OnsenUI라는 구성으로 만들어 보았습니다. 만드는 것에서 보면, 대부분 간단한 화면이므로, 간편하게 하고 싶었던 것이, 무학으로 흠뻑 빠르면 의외로 귀찮았다. OnsenUI만으로는, 복수 페이지로 JavaScript를 분할하는 것이 어렵다. . 아무래도 AnglarJS와의 조합이 된다. (O... 온 등봉NiftyCloudmonacaangularjs Onsen Theme Roller에서 만든 Theme을 Monaca에서 만든 앱으로 가져 오는 방법. 를 보고 Theme을 작성. 만든 Theme 다운로드 다운로드 한 onsen-css-components.css를 onsen-css-components-cus.css로 이름을 바꿉니다. lib/onsenui/css 아래에 이름이 바뀐 파일을 업로드. (components에 onsenui 폴더가있을 수 있지만 그곳은 무시) 4.index.html을 다시 씁니다. index.html 다시 쓰기 후... 온 등봉monaca React + OnsenUI for React의 기본 구성 요소 ② (Navigator, Toolbar) 에 이어, OnsenUI for React의 기본 컴퍼넌트에 대해서 해설해 갑니다. 의 천이 상태를 관리하는 와, 자주 있는 툴바의 UI를 간단하게 구현할 수 있는 의 네 가지 구성 요소만으로 간단한 전환 앱을 만들었습니다. 각 페이지의 전환 상태를 관리하는 구성 요소입니다. 는 각 페이지 그 자체를 나타내는 컴퍼넌트이지만, 그러한 페이지의 천이 상태나 천이시의 액션·애니메이션등을 관리하는 ... React자바스크립트es6monaca온 등봉 React + OnsenUI for React의 기본 컴포넌트① (Page・Button편) 지금까지 OnsenUI에서 하이브리드 앱을 개발할 때는 OnsenUI 1.x (AngularJS 1.x 기반)에서 개발했지만 React에서도 쓰고 싶었기 때문에 OnsenUI 2.x (OnsenUI for React) 의 각종 ReactComponent의 사용법에 대해 정리한다. OnsenUI 1.x의 에 해당하는 구성 요소입니다. Page 컴포넌트 내에서 Page 구성 요소의 props로 ... React자바스크립트es6monaca온 등봉 Monaca × Wikitude 시도 MOONGIFT는 블로그 작가를하고 있습니다. Wikitude는 iOS/Android/Unity/Cordova 등을 지원하는 AR(증강 현실) 플랫폼을 제공하고 있습니다. 하지만, Cordova를 사용한 웹 서비스로서 일본에서는 이 알려져 있습니다. 덧붙여서 MOONGIFT는 Monaca의 블로그 라이터도 맡고 있습니다. Cordova를 사용할 수 있다면… Monaca의 계획에주의 Wikit... Wikitudemonaca아 R Monaca에서 Ionic 사용 ※2016/05/04 추가 최근 들어 Monaca가 Ionic을 지원한 것 같습니다. Ionic이 겨우 AngularJS 1.5에 대응했습니다(2.x계의 이야기가 아니고 죄송합니다). Ionic 공식 블로그 즉시 앱을 만들어 봅시다. 대시보드에서 새 프로젝트 만들기를 클릭하고 Ionic 템플릿을 선택한 다음 만들기를 누릅니다. 이것만! ※Node.js Ver.4 인스톨이 끝난 것으로 합니다.... ionicmonaca 【Monaca x mBaaS】 Android Lollipop 이상 : 푸시 알림 아이콘 변경 방법 Monaca에서 개발하고 있고, Android 5.2 이상, 푸시 통지의 아이콘의 사양이 바뀌고 있기 때문에 아시는 분이 많을까 생각합니다. 아이콘이 하얗게 되거나, 지금까지 예쁘게 표시해 아이콘이 갑자기 할 수 없게 되거나, 많지 않을까 생각합니다. 사용하는 전제는 "monaca"와 "니프티 클라우드 모바일 백엔드 (mBaaS)"서비스에서 설명합니다. 기본적으로 monaca도 mBaaS도 ... monacaPushicon안드로이드mBaas Monaca에서 OnsenUI 2 Beta.9를 사용하면 상태 표시 줄 여백이 어려워집니다. 어제 출시된 Beta.9에 손을 줬다는 좋은 문제가 발견되었다. ※ OnsenUI 2 rc.1에서 수정 완료 본래 확보될 여백 외에 또 한 단계 여백이 붙어 버린다. 「저장→라이브리 로드」라고 하면 여백이 정상으로 돌아올 때가 있다. ons-spllitter를 사용한 것이 나쁜 것일지도 모른다. 현재 조사 중. 출처 우선 상태 표시줄 표시 자동 조정을 비활성화하고, index.html 헤더에... 온 등봉monaca 【Monaca】Push 통지에 대한 지견 1(iOS_전 준비편) ※ 다만, 이 이용에는, 매니지먼트 API를 작성·사용하는 것을 바탕으로 하고 있기 때문에, Monaca의 Gold 회원 이상이 필요합니다. 또, 상기 기사에도 있습니다만, 단말 ID의 취득 방법은, Qiita에도 이전 정리한 것이 있기 때문에, 소개하겠네요. 그런데, 이번, Monaca의 앱을 작성해, 공개, 또, 단말 ID를 지정해, Push 통지의 송신을 하게 되었으므로, 그것에 관한 ... iOS푸시 알림monaca하이브리드 앱HTML5 Monaca × IBM Bluemix로 시작하는 모바일 앱 Monaca는 HTML5를 기반으로 한 웹 앱과 네이티브 앱의 좋은 곳을 담은 앱 개발을 가능하게 한 플랫폼입니다. 다음과 같은 특징이 있어, 비엔지니어나 문계의 학생에게도 시작하기 쉬운 앱 개발 환경이라고 하는 것으로 필자 개인적으로도 매우 주목하고 있습니다. 클라우드 기반 모바일 앱 개발 환경 Monaca 디버커를 소지의 스마트 폰에 인스톨하면, 곧바로 실기로 확인을 할 수 있다고 하는 ... BluemixCloudantmonaca ○○ map을 만드는 앱으로 칠복신 map을 만들어 보았다. 이 기사는 시빅 테크를 테마로 한 '시빅 테크 어드벤트 캘린더 2015' 기획의 12일째 원고입니다. 다른 기사는 에 있습니다. 어제, 유치원 map이나 소화전 map등을 간단하게 만들 수 있는 앱을 만들어 보았다 오늘은 그것을 실제로 이용해 ○○map을 만들어 보았다. 실제로 만들어 본 map은 센주 칠복신 map 이제 지도 자체는 존재하지만, 의외로 알기 어렵게 스스로 만들어 보았다. 실... civictech자바스크립트monacaOpenStreetMapNCMB Monaca에서 Milkcocoa로 데이터 보내기 을 만져 보려고 했는데, 딱 좋은 가 있었으므로, 를 사용해 시험해 보았다. ※자세한 것은 튜토리얼을 참조 1. 계정 만들기 2. 앱 만들기 프로젝트 만들기 ( "최소한 템플릿"사용) index.html의 body 태그 부분을 다음 내용으로 다시 작성 index.html index.html과 같은 계층에 main-sp.js 파일을 작성해, 이하의 내용을 기술한다 main-sp.js ※공식 사... milkcocoamonaca [*기타*] 앱에서 외부 데이터 가져오기(Access-Control-Allow-Origin편) 외부 서버와 Ajax 통신하려는 경우를 확인합니다. 일반적으로 다른 도메인에 대한 Ajax 통신은 할 수 없지만 서버 측에서 응답 헤더에 Access-Control-Allow-Origin을 붙임으로써 자신의 서버에 대한 액세스를 허용한다는 것. 품목 설명 Access-Control-Allow-Origin 「*」를 설정하면 모든 사이트로부터의 자원에의 액세스를 허가해 버리기 때문에, 특정의 사... AdventCalendar하이브리드 앱monaca [*기타*] 앱에서 외부 데이터 검색(JSONP편) 앱에서 외부 서버의 데이터를 취하고 싶은 경우의 JSONP편. 일반적으로 다른 도메인에 대해 Ajax 통신을 시도하면 화가납니다. 이것을 크로스 도메인 제약이라고 한다. 그래도 외부 서버의 데이터를 가져오는 것이 필수적이므로, 위와 같은 URL로 액세스했을 때,callback 매개 변수의 값을 서버 측에서 받고, 같은 자바 스크립트 함수를 호출하는 형식으로 서버 측에서 JSON 데이터를 반환... jsonpAdventCalendar하이브리드 앱monaca [*Monaca*] Monaca 개요 Monaca가 편리하므로 편리합니다. 하이브리드 앱을 개발하기 쉬운 환경이 갖추어져 있다. 클라우드 IDE가 있어, 인터넷에도 연결되어 있으면 환경 구축을 하지 않아도 앱의 개발이 시작된다. Git등에서의 버전 관리를 실시하고 싶은 경우는 Monaca Localkit등을 사용하면 할 수 있지만, 무료 체험 후에는 유료가 되고 있다. 무엇보다 일본 회사의 것이므로, 문서 등이 일본어인 것이 좋... AdventCalendar하이브리드 앱monaca 【서버 기능 x 하이브리드 앱】 카메라 사진을 찍어 서버에 올려 공유하는 샘플 앱을 만들어 보았습니다! 원래 문서: Monaca를 사용하여 만든 앱과 모바일 백엔드를 연계하여 스마트 폰 카메라로 찍은 사진을 mBaaS 서버에 업로드하는 기능을 구현하는 샘플 코드입니다. * HTML/CSS/JavaScript로 멀티 플랫폼(iOS/Android/Windows 등)에 앱을 개발할 수 있는 통합 개발 환경 * 스마트 폰 앱의 서버 측 기능 (푸시 통지, 회원 관리, DB 등)을 서버 개발 불필요로 ... 카메라하이브리드 앱NCMBmonaca 【IoT를 실감하자! 】 취득한 온도 센서의 그래프를 스마트 폰으로 보자! 에서 에 온도 센서 값을 저장할 수 있습니다. 이번에는 스마트 폰 앱에 그래프를 표시합니다. 물론 JS에서 이번에는 monaca를 사용하여 그래프를 만듭니다! 이용등록은 아래의 요령으로 실시합시다 먼저 로그인 후 대시보드를 확인합니다. 개발 시작을 클릭합니다. 그러면 아래와 같은 화면이 나오므로, 「Monaca.io로 개발」을 클릭합니다. 그러면 아래와 같이 템플릿을 선택하는 화면이 나오므로... chart.js자바스크립트monacaNCMBmBaas [monaca x mBaaS] 3분 안에 앱에 사용자 등록, 로그인 기능을 만듭니다! 원래 기사 : 여기 Monaca를 이용하여 mBaaS 서버를 활용하여 사용자 등록, 로그인, 로그아웃 기능을 구현하는 샘플입니다. Android, iOS 앱을 HTML, JavaScript로 쉽게 만들 수 있는 도구 앱의 서버 기능을 쉽게 만들 수 있는 도구 Monaca와 mBaaS 처음으로 추천합니다. 약 5분 정도로, monaca로 만드는 앱에 사용자 관리 기능을 할 수 있게 한다 샘플 ... HybridAppNCMBmonacamBaas 이전 기사 보기