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 upload a zip file to #aws #s3 using #boto3? #python

By Jun - Support me on Amazon

This article has been migrated to Medium.

Click here to view 'How to upload a zip file to AWS S3'.

Thank you for visiting.

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…

#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…

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 …

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 hint browsers to get the right username and password on a #login page? #chrome #firefox #safari #web #html

By Jun - Support me on Amazon

When you sign up, login or reset password on web browsers such as Google Chrome, Mozilla Firefox, Safari etc may prompt you to save your username and password. Sometimes, on some websites, they can't detect the right username.

How to make browsers know which username and password to save?
Use cases: case 1: Username and Password input on the same page Put username right above your password input to hint browsers about your username and password.

You can try it yourself via CodePen - Login with username and password inputs.
case 2: Username and Password input on different pages (Email First) Hide username input using hidden css instead of disabled or hidden properties.
You can try it yourself via CodePen - Login with username first and password inputs.
case 3: Reset Password Page Use css to reverse the order of hidden username, password and verification input fields.

You can try it yourself via CodePen - Reset Password Page with Username hidden.
Than…

How to use #python 3.6 on Cloud9 ide? #aws #cloud9 #awsMobile

By Jun - Support me on Amazon

As of Sep 2018, if you create a new Python project using aws CodeStar and choose to use Cloud9 as your ide, the default python in the path is Python 2.7.
How to change to Python 3.6 1) Change where python points to in bashrc.
Open a terminal tab >
in terminal, type in command `ls -la ~` >
in terminal, type in command `vim ~/.bashrc` >
.bashrc will be opened > type in command `/python` to search if there is python alias already > change / add in this line in .bashrc `alias python=python36` > press Esc and type in command `:wq` to tell vim to write and quit the .bashrc file > in terminal, type in command `source ~/.bashrc` OR open another terminal >
in terminal, type in command `python` > python interactive shell will be python 3.6.5

2 To let cloud9 ide knows that python3.6 is being used, you have to change python version in cloud9 preferences.

on the top menu, click AWS Cloud9 >
Preferences (cmd , shortcut) >
Select Pytho…

Powered by Blogger

Jun's blog © Copyright 2018