반응형

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 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.



반응형
반응형


https://ifttt.com/




iTunes : https://itunes.apple.com/us/app/ifttt/id660944635?mt=8


Google : https://play.google.com/store/apps/details?id=com.ifttt.ifttt&hl=ko



Applets bring your favorite services together to create new experiences.


Over 360 apps work with IFTTT including Twitter, Google Drive, Weather, Instagram, Email, and devices like Amazon Alexa, Nest, Philips Hue, and your iPhone.


Applets 는 좋아하는 서비스를 조합하여 새로운 경험을 만들 수 있습니다.


IFTTT는 Twitter, Google Drive, Weather, Instagram 등 360개가 넘는 앱과 이메일, 그리고 Amazon Alexa, Nest, Philips Hue, Android 등의 기기와 호환됩니다.


간단한 스위치로 Applets를 켜세요.

• 음성과 Amazon Alexa로 주위의 모든 사물을 컨트롤

• The New York Times와 ESPN 같은 매체의 최신 소식을 지속적으로 받기

• 매일 아침 기상 예보 알림 수신

• 슈퍼 근처에 있을 때, 룸메이트에게 메시지 보내기

• 지능적인 자동화 가정 보안 경보로 보안 유지

• 소셜 미디어 최적화

• 모바일 기기의 모든 스크린샷을 특정 앨범에 저장

• 중요한 파일, 사진, 연락처를 Dropbox나 Google Drive 등 클라우드 서비스에 백업 

• 집에 도착할 때, 온도 조절 장치를 최적의 온도로 설정

• 모든 Instagrams를 Twitter 사진이나 Pinterest 핀으로 게시

• 현재 위치에 따라 이벤트 수행

• 이밖에 수천 가지의 응용 사례가 있습니다!


매주 새로운 서비스가 추가됩니다. 인기 서비스는 다음과 같습니다.

Spotify, YouTube, Google Calendar, Tumblr, Medium, Pocket, Square, Ebay, Giphy, Automatic, LIFX, Fitbit, Withings, littleBits, OnHub by Google, Evernote, Reddit, Digg, Skype, Slack, LINE, MailChimp, Salesforce, Todoist, 외 수백 가지 서비스. 


큐레이트된 컬렉션을 탐색하여 다음 대상을 위한 Applets를 찾으세요.

• 집, 사무실, 자동차

• Android

• 우주 탐험

• 소셜 미디어 사용 방법 개선


좋아하는 서비스로 더 많은 작업을 수행하세요. ifttt.com/discover에서 Applets의 강력한 기능을 확인하세요



.

반응형
반응형

tensorflow - Docker Toolbox로 윈도우에 설치하기.


* 참고 : 윈도우(Windows) 환경에서 Docker를 이용해서 Tensorflow설치하기
http://solarisailab.com/archives/384


Docker Toolbox Download :  https://www.docker.com/products/docker-toolbox



Docker Install :  https://www.tensorflow.org/versions/master/get_started/os_setup#docker_installation


설치하면서 VirtualBox도 체크했다. 


설치 후 Docker Quickstart Terminal 을 실행. 


뭘 다운로드받는다는데 한참동안 잠잠하다. 기다려 본다. 


IP를 할당 받을 수 있어야 Docker가 실행이 된다. 


Docker 실행되면 고래 그림 나옴. ㅋㅋㅋ


Docker Quickstart Terminal에서 아래의 명령어를 입력하면 현재 사용가능한 docker machine의 리스트들이 나온다.

$ docker-machine ls 


이제 아래의 명령어로 vdocker라는 이름의 새로운 docker machine을 생성한다.

$ docker-machine create vdocker -d virtualbox


내부아이피 문제 중. ㅋㅋㅋ 집에서 해야겠다. 










.

반응형
반응형

tensorflow - 윈도우에서 사용하기 


윈도우에서는 지원안했는데, 도커(Docker)를 사용해서 설치할 수 있다. 


https://docs.docker.com/docker-for-windows/ 에서 Docker를 다운받아 설치. 


검색해보니 설치는 기본옵션만 하라고 권고하는군. 설치시 Hyper-V를 선택해야 한다. 

혹시 Virtual Box가 설치되어 있다면 충돌이 생길 수 있다.


설치 되었으면 윈도우 기본 프롬프트창(CMD창)을 열어라.



* tensorflow 설치하기 

    https://www.tensorflow.org/versions/master/get_started/os_setup


 Docker install 을 클릭한다. 


설치할 이미지에 맞는 명령어를 선택해서 설치한다. 















.


반응형
반응형

기억해두세요, 최고의 C++ 강의 5개  http://www.bloter.net/archives/271078

 

C++ 언어는 오랜 역사와 탄탄한 사용자 층, 그리고 고유한 지지 및 사용 기반을 가진 프로그래밍 언어입니다. 특정한 회사에 속해있지 않은 까닭에 C++ 컨퍼런스는 다양한 단체와 기구에서 주최되고 있는데요. 그 중 전세계 대표적인 C++ 컨퍼런스에는 아래 5개를 들 수 있습니다.

  • Cppcon
  • C++ and Beyond
  • Meeting C++
  • The ACCU Conference
  • C++Now

출처 : informit.com (자세한 비교 분석은 이 링크를 참고해주세요.)

 

 

 

션 페어런트를 강의를 무료로 볼 수 있는 곳

 

스콧 마이어스의 ‘이펙티브 C++’ 시리즈 돌아보기

 

CppCon 2016: Nicholas Ormrod “The strange details of std::string at Facebook” 영상 링크

 

스테픈 T. 라와웨이드의 STL 강의 링크

 

케이트 그레고리의 Stop Teaching C 영상

 

 

.......

반응형
반응형

What is GitHub Pages?

Websites for you and your projects.

Hosted directly from your GitHub repository. Just edit, push, and your changes are live.

 

 

https://www.youtube.com/channel/UCP7RrmoueENv9TZts3HXXtw

 

 

반응형
반응형
Every iPhone Speed Test Comparison 2016!

 

반응형

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

기억해두세요, 최고의 C++ 강의 5개  (0) 2017.01.25
What is GitHub Pages?  (0) 2016.12.29
[Mobile Dev] Redbeard: Boilerplate-free native app development  (0) 2016.08.03
[APP] Parse  (0) 2016.04.07
이유 있는 선택 Go 언어  (0) 2016.03.04
반응형

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

+ Recent posts