Masataka Umamichi umamichi

fetch API

▼fetch API とは？

XMLHttpRequest と似たもので、より強力で柔軟な操作が可能。
まだ実験段階の機能で、複数のブラウザで開発中の状態にあります。
caniuse: http://caniuse.com/#search=fetch
Service WorkersではXMLHttpRequestは使えないため、fetch APIが使わています。
Service Workers … ブラウザが Web ページとは別にバックグラウンドで実行するスクリプト。Web Pushなど）

▼fetch API の使い方

Electron 入門

Electronって？

・クロスプラットフォーム型の実行フレームワーク
👉 Mac、Windows、Linux上で動く

WindowsでJenkinsのシェルでaws-cliが使えない場合の原因と対処法

現象

AWS CLIを使い、S3にファイルをアップしたいので

> aws s3 cp hoge.zip s3://hoge/hoge/

人間工学性

人間工学性とは？

人間の肉体的・心理的な能力のどちらにでも見合うようにデザインすること

飛行機のチケット、折りたたんだ時にバーコードが上にくる
キッチンタイマー、磁力と重さまで考慮されているかどうか
ドレフェスによって典型的な人間の尺度が定義された

やりたいこと

Custom URL Scheme から Electron を起動したい、値も渡したい

例えばブラウザで、 itmss://music.apple.com/jp/album/ignition-single/1378858551 にアクセスすると iTunes が起動し、特定のページに遷移する

これと同じことを実現したい

前提

公式では、未来的に nodeIntegration: false にすることを推奨しています

理由は、レンダラプロセスで Node.js が実行できてしまうと、XSS発生時に脆弱性が増すためです

例えば、fs モジュールを使ってあなたのローカルファイルを取得して、どこかに送信することも可能ですし、ファイルを全て消し去ることもできてしまいます

	var i = 1;
	function log(){
	console.log(i);
	i++;
	if(i > 100){
	return false;
	}
	log();
	}
	log();

	<!-- index.html -->
	<html>
	<head>
	<title>github pages test</title>
	</head>
	<body>
	<h1>github pages test</h1>
	</body>
	</html>