반응형
반응형

[Angular2] Angular2 - http://www.angular2.com/
































































good!

...

반응형
반응형

Mockup tool 


https://balsamiq.com/products/mockups/




To find out more about Balsamiq Mockups 3, head to the product page at http://balsamiq.com/products/mockups/

Download a free trial here: http://balsamiq.com/download/


반응형
반응형

[IONIC2] IONIC2에서 안드로이드 backbutton 시 액션 적용. 


안드로이드 backButton 버튼 사용시 앱에서 처리. 앱을 종료할 것인지 아닌지 물어봄,. 


app.component.ts 에 적용해보면 된다. 

import ~~~ 
import { App, Platform, ActionSheetController,AlertController } from 'ionic-angular';


      //-- android backbutton process
      platform.registerBackButtonAction(() => {
        let navv = app.getActiveNav();
        if (navv.canGoBack()){ //Can we go back?
          navv.pop();
        }else{
          let confirm = alertCtrl.create({
            title: '앱을 종료하시겠습니까?',
            message: '',  //'OK를 선택하면 앱이 종료됩니다.',
            buttons: [
              {
                text: 'OK',
                handler: () => {
                    platform.exitApp();
                }
              },
              {
                text: 'Cancel',
                handler: () => {
                              //
                }
              }
            ]
          });
          confirm.present();
        }
      });

/*
      //-- 액션 시트를 사용한 예제
      platform.registerBackButtonAction(() => {
          let nav = app.getActiveNav();
          if (nav.canGoBack()){ //Can we go back?
              nav.pop();
          }else{
              let actionSheet = actionSheetCtrl.create({
              title: '앱을 종료하시겠습니까?',
              buttons: [
                  {
                  text: '예, 종료하겠습니다. ',
                      handler: () => {
                          platform.exitApp(); //Exit from app
                      }
                  },{
                      text: '아니오.',
                      role: 'cancel',
                      handler: () => {
                          console.log('Cancel clicked');
                      }
                  }
              ]
              });
              actionSheet.present();
          }
      });
*/


반응형
반응형

Everything You Should Know About Progressive Web Apps

What is a Progressive Web App

In its core a progressive web app isn’t any different from a normal website – it’s made of HTML, CSS and JavaScript, and lives in the browser. What separates PWAs from regular websites is a list of 10 key concepts that need to be fulfilled. Here they are, taken directly from the Google Developers website.

  1. Safe – Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
  2. Progressive – Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
  3. Responsive – Fit any form factor: desktop, mobile, tablet, or whatever is next.
  4. Connectivity-independent – Enhanced with service workers to work offline or on low quality networks.
  5. App-like – Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
  6. Fresh – Always up-to-date thanks to the service worker update process.
  7. Discoverable – Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  8. Re-engageable – Make re-engagement easy through features like push notifications.
  9. Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  10. Linkable – Easily share via URL and not require complex installation.


What a Progressive Web App is NOT

The concept of PWAs shouldn’t be confused with:




앞서 언급 한 모든 기술은 HTML 앱을 포장하여 .apk , .exe 또는 기타 다른 앱 파일처럼 실행 파일로 패키지화합니다.이 파일 은 각 앱 스토어에서 다운로드 받아 사용자 기기에 설치해야합니다.

 

PWA는 설치가 필요하지 않으며 Google Play 또는 iTunes App Store에서 사용할 수 없습니다. PWA를 다운로드하려면 웹 사이트를 방문한 다음 홈 화면에 바로 가기로 저장해야합니다. 별도의 iOS 및 Android 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.



반응형
반응형

Redbeard: Boilerplate-free native app development

 

Redbeard makes it faster and easier to create native apps without a boilerplate. It’s a complete framework with tons of components.

redbeard

 

 

 

 

 

 

 

반응형

'프로그래밍 > App' 카테고리의 다른 글

What is GitHub Pages?  (0) 2016.12.29
Every iPhone Speed Test Comparison 2016!  (0) 2016.09.23
[APP] Parse  (0) 2016.04.07
이유 있는 선택 Go 언어  (0) 2016.03.04
[Framework] DEEP Framework: A serverless web framework  (0) 2015.11.18
반응형

GoPro 앱 | 데스크톱용

http://ko.shop.gopro.com/APAC/softwareandapp/gopro-app-%7C-desktop/GoPro-Desktop-App.html?utm_campaign=ET_Product_Launch_GDA-Studio-Owner-Null-Country_0422016&utm_medium=email&ExactTarget=true&utm_source=Product&utm_content=download-bt-cta#/start=1



옮기고, 편집하고, 즐기기.
GoPro 사진 및 동영상을 쉽게 옮겨서 즐기고, 빠르게 편집하여 마음에 드는 장면을 공유하세요.

제품 활동

장바구니에 추가 옵션

GoPro App | 데스크톱용 v1.3.0(GoPro Studio 포함)

시스템 요구사항 >















옮기고, 편집하고, 즐기기.

데스크탑용 GoPro App을 사용하면 GoPro 사진 및 동영상을 매우 간단하게 옮기고 즐길 수 있습니다. 자동으로 장면을 한곳에 옮겨 정리해 두면 최고의 장면을 빠르게 찾을 수 있습니다. 가장 마음에 드는 사진 및 동영상을 빠르게 편집하고 Facebook 및 YouTubeTM에 바로 공유하거나, GoPro 템플릿, 슬로우 모션 효과 등을 비롯한 기타 고급 편집 기능을 이용할 수 있는 GoPro Studio 앱 번들을 사용할 수 있습니다.

주요 기능
  • GoPro 사진 및 동영상을 옮기고, 정리하고, 공유하는 데 최적화된 기능
  • 버스트 및 타임랩스 사진을 보고 편집할 수 있는 강력한 기능 포함
  • 최고의 순간을 빠르게 찾아주는 HiLight Tag(하이라이트 태그) 기능
  • 짧은 클립을 만들고 공유기 쉽도록 해주는 간단한 동영상 자르기 도구
  • 보다 고급 기능을 사용할 수 있는 GoPro Studio와 함께 제공
  • 최적화된 성능을 위한 최신 기능의 GoPro 업데이트








반응형

'운동일지 > etc' 카테고리의 다른 글

캐틀벨 Bent Press  (0) 2017.07.13
How to do Pull ups For Beginners Workout  (0) 2017.02.17
FITNESSWEIGHT PLATES32 Weight Plate Exercises  (0) 2016.02.17
2016-01-15 스쿼시  (0) 2016.01.15
스쿼기 1일차 시작  (0) 2016.01.14

+ Recent posts