Entoverse

Reactのこと

2018-01-01から1年間の記事一覧

Node.jsで時刻(Date)を使う

Node.jsで時刻表示 console.log(new Date()); //もしくは console.log(new Date(Date.now() ) ); 続き mjeld.com

nodeで Promiseとall

nodeでPromiseを使ったシンプルなコードです const p1 = []; for (let i1 =0; i1< 100; i1++){ p1.push( new Promise((resolve, reject) => { let n1 = i1; let t1 = Math.floor( Math.random() * 10000 )+1000; setTimeout( ()=>{ resolve(n1); }, t1); }) …

Python 3.7 AWS Lambda DynamoDB 接続

AWS Lambda Python 3.7を使ってDynamoDBテーブル接続 import boto3 import json from boto3.dynamodb.conditions import Key def lambda_handler(event, context): dynamodb = boto3.resource('dynamodb') table = dynamodb.Table('テーブル名') try: res = …

node.js で string.Format

node.jsでC#のstring.Format()ぽいのを実装する let sysutils = { stringreplace: (msg_, arg_)=>{ return msg_.replace(/\{(\d+)\}/g, (m, k) => { return arg_[k]; }); }, format: (msg,...args1)=> { try { let args = []; for (var i = 1; i < args1.len…

AWS Lambda Node.js 8.10 require('request')

AWS Lambda Node.js 8.10でrequire('request')を使ってhttp接続する場合 npm requestインストール npm install request zipにしてアップロード zip -r ../my_function.zip . jsのコード var request = require('request'); let AwaitRequest = (options)=> {…

Electron Menuから自分の画面スクショを撮る

ElectronのMenuから画面Screen Shotを撮る npm install electron-screenshot electron-screenshotこんなのがあったのでインストールした。 関数の中を見ると setTimeout(function () { remote.getCurrentWindow().capturePage(function handleCapture (img) …

AWS Lambda Node.js 8.10 外部のCSVファイルを取得しJSONにして返す

AWS Lambda Node.js 8.10 CSV to JSON変換 csv-streamを使いました。 npm install csv-stream csvは下記のようなリスト 178634,0,0 コード var csv = require('csv-stream'); var request = require('request'); var options = { delimiter : ',', // defaul…

Lambda + API Gateway No 'Access-Control-Allow-Origin' header

下記のように、AWS API Gatewayで[CORSの有効化]をなんど試してもうまくいかない場合 Access to XMLHttpRequest at '*.ap-northeast-1.amazonaws.com/*' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-…

コンポーネント[インスタンスに名前]を付ける

下記のコンポーネントを作成します。 class TObject extends React.Component { state = { x: null } constructor(props) { super(props); } WriteLine(e1) { console.log(e1); } render() { return(<div />); } } export default TObject; Appコンポーネント内で、</div>…

非ビジュアルなコンポーネントで初期イベント発生

Reactでコンポーネントを作成し、イベントを発生させる。 コンポーネント側 import React, { Component } from 'react'; class TMyComponent extends React.Component { state = { api_id: 'xxxx', affiliate_id: 'yyyy', OnEvent1: null } constructor(prop…

S3 Static Web Site BASIC認証

AWS S3 Static Web SiteでBASIC認証したくていろいろ調べてたのですが、現時点(2018/10/18)ではできないようでした。調べていくと S3 + CloudFront + Lamda@Edgeでおなじようなことが実現とのことで試しました。 こんな感じでCloudFrontを使ってBASIC認証が…

AWS Lambda Node.js 8.10 + API Gateway

responseをreturnで返すと動いた。 const aws = require('aws-sdk'); var response = { statusCode: 200, body: JSON.stringify('Hello from Lambda!') }; exports.handler = async (event) => { // TODO implement let ddb_ = new aws.DynamoDB.DocumentCli…

aws lambda node.js 8.10 dynamodb

aws-sdkをrequire const aws = require('aws-sdk'); DynamoDB接続インスタンス作成 var dynamo = new aws.DynamoDB.DocumentClient({region: 'ap-northeast-1'}); scan実行 exports.handler = async (event) => { let dout = await dynamo.scan({TableName:'…

npm google アナリティクス

React Google Analytics Module React用 Googleアナリティクスのトラッキングコードを含めるために使用できるJavaScriptモジュールです。 現時点では、Reactコードは内部的に使用されていませんが、GAインストゥルメンテーションをプロジェクト間で標準化す…

JSONの要素削除

JavascriptでJSONの要素削除 let data = {a:"あ", b:"い", c:3}; 上記のデータの要素bを削除したい場合 deleteコマンドを使います。 delete data.b;

footer固定 CSS

react.js用のGoogle MaterialにBottomNavigationがあります。 フッターに固定するためにCSSを書くことになります。 create-react-appコマンドで環境を作った場合、App.cssが作られています。 その中に下記のテキストを追加します。 footer{ position: fixed;…

AJAX APIs JSON受信

AJAXコールを作成する Reactでは、AJAXライブラリに関してAxios、jQuery AJAX、ブラウザ組み込みのwindow.fetchなど使うことが可能です。 componentDidMountライフサイクルメソッドで、AJAX呼び出しを使用してデータを入力する必要があります。 データが取得…