[FACEBOOK UI] github - facebook UI material

https://github.com/nekomy/nekomy-platform

An open source LMS (eLearning platform) for MOOCs and online courses (like Tutellus.com or Udemy.com with extra features). Tech stack includes PWA & SPA with Facebook's React, Google's Firebase, Slack API and Material UI http://nekomy.com

https://github.com/danivegamx/facebook-material

This is a UI version of the main Facebook timeline, using Polymer and webcomponents. The main idea is to make a visual substitution of the react.js view-controllers with the Material Design concept.

...

빠른 시작: JavaScript용 Facebook SDK

https://developers.facebook.com/docs/javascript/quickstart

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.10'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
    

...

[Chatbot] Python과 Tensorflow를 활용한 AI Chatbot 개발 및 실무 적용 chatbot

도입 

AI Chatbot 소개 

Chatbot Ecosystem 

Closed vs Open Domain 

Rule Based vs AI 

Chat IF Flow and Story Slot 

AI기반의 학습을 위한 Data 구성 방법 

Data를 구하는 법 / Train을 위한 Word Representation 

Data의 구성 / Data Augmentation(Intent, NER) 

자연어처리 위한 AI 적용 방안 

Intent (Char-CNN) / QnA (Seq2Seq) 

Named Entity Recognition (Bi-LSTM CRF) / Ontology (Graph DB) 

Chatbot Service를 위한 Architecture 구성 

Chatbot Architecture 

NLP Architecture 

Web Service Architecture 

Bot builder / Chatbot API 

Test Codes for Chatbot 

실무에서 발생하는 문제와 해결 Tips 

Ensemble and voting / Trigger / Synonym(N-Gram) 

Tone Generator / Parallel processing / Response Speed 

마무리 

[설명 코드] 

Text Augmentation / Slot Bot / QA Bot / Graph DB / Response Generator 

...

고양이 셀카 찍어주는 ‘캣스냅’ 

‘캣스냅‘은 고양이 셀카를 찍을 수 있는 앱이다. 움직이는 작은 물체에 반응하는 고양이의 특성을 이용해 고양이가 스스로 스마트폰이나 태블릿을 터치해 사진을 촬영한다. 기기 화면에 빨간 점이 이리저리 움직이는데, 그 점을 고양이가 터치하는 순간 진동과 함께 사진이 ‘찰칵’ 찍히는 방식이다. 고양이에 맞춰 움직이는 빨간 점의 속도나 민감도를 조절할 수 있다.

앱을 쓸 때 주의해야 할 부분은 ‘각도’다. 고양이가 터치하기 쉬우라고 스마트폰이나 태블릿을 바닥에 놓고 촬영하면 의도치 않게 ‘굴욕샷’만 찍힐 수 있다. 스마트폰 거치대 등을 활용해 꼭 옆으로 세워두는 식으로 촬영하는 걸 추천한다.

플랜그램, ‘메신저’와 ‘업무 관리 보드’를 하나로

...

[javascript] Vue.js 응용 프로그램 디버깅을위한 Chrome devtools 확장 프로그램.

GitHub :  https://github.com/vuejs/vue-devtools

크롬브라우저에서 확장프로그램 들어간 다음 "vue.js" 로 검색하면 나옴. 설치!

vue-devtools

Important Usage Notes

1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.

2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.

Works with vuex for time-travel debugging:

Installation

• Get the Chrome Extension

• Get the Firefox Addon

• Workaround for Safari

Manual Installation

Make sure you are using Node 6+ and NPM 3+

1. Clone this repo
2. npm install (Or yarn install if you are using yarn as the package manager)
3. npm run build
4. Open Chrome extension page
5. Check "developer mode"
6. Click "load unpacked extension", and choose shells/chrome.

Hacking

1. Clone this repo
2. npm install
3. npm run dev
4. A plain shell with a test app will be available at localhost:8080.

Testing as Firefox addon

1. Install web-ext

   $ npm install --global web-ext
   

   Or, for Yarn:

   $ yarn global add web-ext
   

   Also, make sure PATH is set up. Something like this in ~/.bash_profile:

   $ PATH=$PATH:$(yarn global bin)
   

2. Build and run in Firefox

   $ npm run build
   $ npm run run:firefox
   

   When using Yarn, just replace npm with yarn.

...