Skip to main content

Programming & Natural Languages

Search This Blog

Subscribe to this blog

Follow by Email

Get #Amazon #Prime for this #holiday #amazonprime #christmas #2019

on December 11, 2018 Amazon

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Check out #AmazonEcho #Alexa

on August 13, 2018

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

I have got an Amazon Echo and was testing with its music playing function.

Check them out :)

Jun

Alexa Amazon Echo Review

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Comments

Post a Comment

Popular Posts

How to set up #aws #iot #pubsub using #AwsAmplify sdk?

If you are using aws Amplify library (I use 0.4.8 at the moment) in an Angular project and trying to use PubSub module via aws IoT, you may want to check out this article on how to configure for PubSub module.

There are a few open issues regarding PubSub documentation on Amplify GitHub:
1) Issue 684: Documentation about Pub-Sub Module with AWS IoT
2) Issue 781: AWSIoTProvider not connecting
3) Issue 749: PubSub & IoT Policy: client connection not authorized if using aws_cognito_identity_pool_id

If you follow steps on Amplify PubSub document, according to the above issues, there are some additional steps and a typescript type checking issue (that I encountered):

To check if your front-end does subscribe to an IoT topic, you can
right click > inspect > on browser DevTool, go to Network tab > filter for WS (websockets)
then, you should see a websocket connection like the following:

Issues that I faced:
Issue 1: Argument of type '{ aws_pubsub_region: string; aws_pubsub_e…

What meta tags do #Kakaotalk and #Line read for URL preview?

To have your webpages informatively rendered on a Kakaotalk or Line messenger, what meta tags does your website need?
Line FAQ For line, you need to have at least these three tags: og: image, og: title and og: description.
<meta property=”og:image” content=”http://static.naver.jp/line_lp/img/ogp.png”> <meta property=”og:title” content=”LINE : Free Calls & Messages”> <meta property=”og:description” content=”LINE is a new communication app”>
Kakaotalk Forum It was mentioned in Kakaotalk forum thread above that they use FaceBook Open Graph as well.
<head> <title>Kakao Developers</title> <meta property="og:url" content="https://devtalk.kakao.com/"> <meta property="og:title" content="Kakao DevTalk_"> <meta property="og:type" content="website"> <meta property="og:image" content="https://devtalk.kakao.com/images/devtalk_.png"> <meta …

#Angular #event listener using Renderer2 and HostListener

What is the list of events that you can attach to your HTML elements? They are basically DOM events. I got the following list of DOM events from MDN.

DOM events on MDN Check out the following list of events on MDN:
abort
beforeinput
blur
click
compositionstart
compositionupdate
compositionend
dblclick
error
focus
focusin
focusout
input
keydown
keypress
keyup
load
mousedown
mouseenter
mouseleave
mousemove
mouseout
mouseover
mouseup
resize
scroll
select
unload
wheel
How to listen for these events? 1) You can then listen for them like so if you use Angular.

<div role='Listbox' (keyup)='handleKeyUpEvent($event)' (keydown)='handleKeyDownEvent($event)'> <span tabIndex='1' (blur)='listBlur()' (click)='listActivated()' (click)='toggleDropDownList()' [ngClass]='titleClasses'>{{title || 'DropDownList'}}</span> <ul role='List' [ngClass]='listClasses'> <li role='Lis…

How to upload a zip file to #aws #s3 using #boto3? #python

By Jun - Support me on Amazon

According to boto3 document, these are the methods that are available for uploading.

The managed upload methods are exposed in both the client and resource interfaces of boto3: * S3.Client method to upload a file by name: S3.Client.upload_file() * S3.Client method to upload a readable file-like object: S3.Client.upload_fileobj() * S3.Bucket method to upload a file by name: S3.Bucket.upload_file() * S3.Bucket method to upload a readable file-like object: S3.Bucket.upload_fileobj() * S3.Object method to upload a file by name: S3.Object.upload_file() * S3.Object method to upload a readable file-like object: S3.Object.upload_fileobj() (The above methods and note are taken from boto3 doc, and there is note saying that they are the same method for different S3 classes.)
What I used was s3.client.upload_file The method definition is

upload_file(Filename, Bucket, Key, ExtraArgs=None, Callback=None, Config=None) - Upload a file to an S3 object.

Example:

import boto3 s3Resource …

How to import #aws sdk #sqs from #amplify library?

If you are using aws Amplify library (I use 0.4.3 at the moment) in an Angular project and trying to use Simple Queue Service(SQS) from aws-sdk library, you may run into some problem trying to import SQS service.

If you do it the way they do it in the following example, you may get some errors importing SQS:
import Route53 from 'aws-sdk/clients/route53';
Auth.currentCredentials() .then(credentials => { const route53 = new Route53({ apiVersion: '2013-04-01', credentials: Auth.essentialCredentials(credentials) });
// more code working with route53 object // route53.changeResourceRecordSets(); }) source: Amplify doc

Errors that I got in the process of making it work are these:
import fails with 'no default export'
Cannot use 'new' with an expression whose type lacks a call or construct signature. Attempts: 1)
I have tried suggestions by adding the following compilerOptions according to suggestions in this Typescript-React-Starter Gi…

How to deploy a #Reactjs webpage on #github?

If you initiate your React app using create-react-app tool, you can follow the steps below to deploy your app on GitHub.
Steps 1) Make sure to test your app and it is runnable on local host.
2) Include this line in your package.json file. Replace github_user_name and repo_name accordingly.
"homepage": "http://github_user_name.github.io/repo_name"

3) Open up your terminal and navigate to your project folder
4) Run `npm run build`
5) If there is any error building the project, you have to fix the error before proceeding.
6) When it is done building, you will see something like the following screenshot:

7) Then, add some scripts in your package.json file like so
"scripts": { // ... "predeploy": "npm run build", "deploy": "gh-pages -d build" }

8) Next, run `yarn add --dev gh-pages`. This step will create gh-pages branch on your Github repo.
9) Finally, run `yarn run deploy`.
10) To get more information, refer to documen…

#mocha and Google #puppeteer for #javascript and #html tests

Puppeteer Taken from Puppeteer GitHub:
Puppeteer is a Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol.

Install puppeteer as a dev dependency if you use it only during development. npm i --save-dev puppeteer yarn add -dev puppeteer Example How to use puppeteer together with mocha to write JavaScript, HTML and CSS tests?

Let's say this is my HTML page:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Puppet</title> <script type="text/javascript" src="./build/amazingService.bundle.js"></script> </head> <body> <p onClick=“beAmazed()”>Amazing Service</p>
<script> function beAmazed() { const amazingService = new AmazingService(); amazingService.getAmazing().then(res => console.log(res)); } </script> </body> </html>
To test document.querySelectorAll page.$$ev…

Powered by Blogger

Jun's blog © Copyright 2018