利用開始とともに、スクリプトは非同期で実行
非順序型実行で、非同期に適している。
<script src="http://hogehoge.com/script.js" async> </script>
随机应变 ABCD: Always Be Coding and … : хороший
利用開始とともに、スクリプトは非同期で実行
非順序型実行で、非同期に適している。
<script src="http://hogehoge.com/script.js" async> </script>
簡単ですね。
<script type="text/javascript"> var array = { name: 'ジャパンリアルエステイト投資法人'}; console.log( array.name ); var reit = { name: 'ジャパンリアルエステイト投資法人', price: '552,000', rate: 3.28 }; console.log(reit.price) var reit = { name: 'ジャパンリアルエステイト投資法人', price: { investment: 578000, NAV: 501776 } }; console.log(reit.price.NAV) </script>
すご
<!DOCTYPE html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" > <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Using Google Maps</title> <style> #map { height: 100%; } html, body { height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="map"></div> <script> var customLabel = { restaurant: { label: 'R' }, bar: { label: 'B' } }; function initMap(){ var map = new google.maps.Map(document.getElementById('map'),{ center: new google.maps.LatLng(-33.863276, 151.207977), zoom: 12 }); var infoWindow = new google.maps.InfoWindow; downloadUrl('mapmaker.php', function(data){ var xml = data.responseXML; var markers = xml.documentElement.getElementsByTagName('marker'); Array.prototype.forEach.call(markers, function(markerElem){ var name = markerElem.getAttribute('name'); var address = markerElem.getAttribute('address'); var type = markerElem.getAttribute('type'); var point = new google.maps.LatLng( parseFloat(markerElem.getAttribute('lat')), parseFloat(markerElem.getAttribute('lng'))); var infowincontent = document.createElement('div'); var strong = document.createElement('strong'); strong.textContent = name infowincontent.appendChild(strong); infowincontent.appendChild(document.createElement('br')); var text = document.createElement('text'); text.textContent = address infowincontent.appendChild(text); var icon = customLabel[type] || {}; var marker = new google.maps.Marker({ map: map, position: point, label: icon.label }); marker.addListener('click', function(){ infoWindow.setContent(infowincontent); infoWindow.open(map, marker); }); }); }); } function downloadUrl(url, callback){ var request = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest; request.onreadystatechange = function(){ if (request.readyState == 4){ request.onreadystatechange = doNothing; callback(request, request.status); } }; request.open('GET', url, true); request.send(null); } function doNothing(){} </script> <script async defer src = "https:maps.googleapis.com/maps/api/js?key=hogehoge&callback=initMap"> </script> </body> </html>
domxml_new_docがundefinedと出てしまった。
[vagrant@localhost map]$ php -v
PHP 5.6.27 (cli) (built: Oct 14 2016 14:06:54)
phpのversionは、5.6
php4.0からサポートされているのに何で?と思ったが、以下のようにphp5以上はDOM extensionを使えとのこと。
It will, however, never be released with PHP 5, and will only be distributed with PHP 4. If you need DOM XML support with PHP 5 you can use the DOM extension. This domxml extension is not compatible with the DOM extension.
こちらのDom Object Model
http://us3.php.net/manual/ja/book.dom.php
new DOMDocument(), createElement, appendChild, setAttribute, saveXMLに修正したら問題なく表示されました。
<?php require("phpsqlajax_dbinfo.php"); $doc = new DOMDocument("1.0"); $node = $doc->createElement("makers"); $parnode = $doc->appendChild($node); $connection =mysql_connect('localhost', $username, $password); if (!$connection){ die('Not connected : ' . mysql_error()); } $db_selected = mysql_select_db($database, $connection); if (!$db_selected){ die ('Can\'t use db:' . mysql_error()); } $query = "SELECT * FROM markers WHERE 1"; $result = mysql_query($query); if(!$result){ die('Invalid query:' . mysql_error()); } header("Content-type: text/xml"); while ($row = @mysql_fetch_assoc($result)){ $node = $doc->createElement("marker"); $newnode = $parnode->appendChild($node); $newnode->setAttribute("name", $row['address']); $newnode->setAttribute("lat", $row['lat']); $newnode->setAttribute("lng", $row['lng']); $newnode->setAttribute("type", $row['type']); } $xmlfile = $doc->saveXML(); echo $xmlfile; ?>
<makers> <marker name="580 Darling Street, Rozelle, NSW" lat="-33.861034" lng="151.171936" type="restaurant"/> <marker name="76 Wilford Street, Newtown, NSW" lat="-33.898113" lng="151.174469" type="bar"/> <marker name="Greenwood Plaza, 36 Blue St, North Sydney NSW" lat="-33.840282" lng="151.207474" type="bar"/> <marker name="7A, 2 Huntley Street, Alexandria, NSW" lat="-33.910751" lng="151.194168" type="bar"/> <marker name="16 Foster Street, Surry Hills, NSW" lat="-33.879917" lng="151.210449" type="bar"/> <marker name="43 Macpherson Street, Bronte, NSW" lat="-33.906357" lng="151.263763" type="restaurant"/> <marker name="60-64 Reservoir Street, Surry Hills, NSW" lat="-33.881123" lng="151.209656" type="restaurant"/> <marker name="60 Riley Street, Darlinghurst, NSW" lat="-33.874737" lng="151.215530" type="restaurant"/> </makers>
CREATE TABLE google.markers ( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, name VARCHAR(60) NOT NULL, address VARCHAR(80) NOT NULL, lat FLOAT(10, 6) NOT NULL, lng FLOAT(10, 6) NOT NULL, type VARCHAR(30) NOT NULL ) ENGINE = MYISAM; INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Love.Fish', '580 Darling Street, Rozelle, NSW', '-33.861034', '151.171936', 'restaurant'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Young Henrys', '76 Wilford Street, Newtown, NSW', '-33.898113', '151.174469', 'bar'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Hunter Gatherer', 'Greenwood Plaza, 36 Blue St, North Sydney NSW', '-33.840282', '151.207474', 'bar'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('The Potting Shed', '7A, 2 Huntley Street, Alexandria, NSW', '-33.910751', '151.194168', 'bar'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Nomad', '16 Foster Street, Surry Hills, NSW', '-33.879917', '151.210449', 'bar'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Three Blue Ducks', '43 Macpherson Street, Bronte, NSW', '-33.906357', '151.263763', 'restaurant'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Single Origin Roasters', '60-64 Reservoir Street, Surry Hills, NSW', '-33.881123', '151.209656', 'restaurant'); INSERT INTO markers (`name`, `address`, `lat`, `lng`, `type`) VALUES ('Red Lantern', '60 Riley Street, Darlinghurst, NSW', '-33.874737', '151.215530', 'restaurant');
where 1 は無条件で全データを抽出という意味。
mysql> select * from markers where 1;
+—-+————————+———————————————–+————+————+————+
| id | name | address | lat | lng | type |
+—-+————————+———————————————–+————+————+————+
| 1 | Love.Fish | 580 Darling Street, Rozelle, NSW | -33.861034 | 151.171936 | restaurant |
| 2 | Young Henrys | 76 Wilford Street, Newtown, NSW | -33.898113 | 151.174469 | bar |
| 3 | Hunter Gatherer | Greenwood Plaza, 36 Blue St, North Sydney NSW | -33.840282 | 151.207474 | bar |
| 4 | The Potting Shed | 7A, 2 Huntley Street, Alexandria, NSW | -33.910751 | 151.194168 | bar |
| 5 | Nomad | 16 Foster Street, Surry Hills, NSW | -33.879917 | 151.210449 | bar |
| 6 | Three Blue Ducks | 43 Macpherson Street, Bronte, NSW | -33.906357 | 151.263763 | restaurant |
| 7 | Single Origin Roasters | 60-64 Reservoir Street, Surry Hills, NSW | -33.881123 | 151.209656 | restaurant |
| 8 | Red Lantern | 60 Riley Street, Darlinghurst, NSW | -33.874737 | 151.215530 | restaurant |
+—-+————————+———————————————–+————+————+————+
8 rows in set (0.00 sec)
floatは4バイト、Dobuleは8バイト
mysql> CREATE TABLE google.float_test ( -> id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, -> num FLOAT(10, 2) -> ) ENGINE = MYISAM; Query OK, 0 rows affected (0.02 sec) mysql> INSERT INTO float_test (num) VALUES (1.0), (1.1),(1.11),(1.111); Query OK, 4 rows affected (0.13 sec) Records: 4 Duplicates: 0 Warnings: 0
データを確認
mysql> select * from float_test; +----+------+ | id | num | +----+------+ | 1 | 1.00 | | 2 | 1.10 | | 3 | 1.11 | | 4 | 1.11 | +----+------+ 4 rows in set (0.00 sec)
CREATE TABLE google.float_test ( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, num FLOAT(6, 2) ) ENGINE = MYISAM; INSERT INTO float_test (num) VALUES (1.0), (10.1),(100.11),(1000.111); mysql> select * from float_test; +----+---------+ | id | num | +----+---------+ | 1 | 1.00 | | 2 | 10.10 | | 3 | 100.11 | | 4 | 1000.11 | +----+---------+ 4 rows in set (0.00 sec)
どうやらfloat(n.y) のnは全体の桁数、yは小数点以下の桁数ですね。
tableを作ります。
CREATE TABLE google.MYISAM ( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, name VARCHAR (60) NOT NULL ) ENGINE = MYISAM; CREATE TABLE google.NONE_MYISAM ( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, name VARCHAR (60) NOT NULL );
mysql> show tables; +------------------+ | Tables_in_google | +------------------+ | MYISAM | | NONE_MYISAM | +------------------+ 2 rows in set (0.00 sec)
こちらのコマンドで、ストレージエンジンにMYISAMが使われているか、確認できます。
mysql> SELECT -> TABLE_SCHEMA, -> TABLE_NAME, -> ENGINE -> FROM -> information_schema.TABLES -> WHERE -> TABLE_SCHEMA NOT IN( -> Display all 770 possibilities? (y or n) -> 'information_schema', -> Display all 770 possibilities? (y or n) -> 'performance_schema', -> Display all 770 possibilities? (y or n) -> 'mysql' -> );
以下のように、MYISAMを指定しない場合は、InnoDBのエンジンが使われていますね。
mysql> drop table MYISAM, NONE_MYISAM; Query OK, 0 rows affected (0.01 sec) mysql> show tables; Empty set (0.00 sec)
MYSAMとは、ストレートエンジンのこと。データの保存処理を行っており、MySQLでは「InnoDB」と「MyISAM」が有名。
MySQL5.5以上は、InnoDBがデフォルト。
違いは、InnoDBは対象のレコードに対してロックを行い、MyISAMは対象のテーブルに対してロックを行う。
まず、バージョン確認。
[vagrant@localhost map]$ mysql -v Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 3 Server version: 5.6.34 MySQL Community Server (GPL) Copyright (c) 2000, 2016, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. Reading history-file /home/vagrant/.mysql_history Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
mysql 5.6.34です。
続いて、databaseを作ります。
create database google; use google;
ここで、テーブルを作る際に、MYISAMを指定します。
CREATE TABLE google.makers ( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, name VARCHAR (60) NOT NULL ) ENGINE = MYISAM;
全銀協の平成28年度「全国銀行資本金、店舗数、銀行代理業者数、役職員数一覧表」、「銀行別諸比率表」から、
みずほ、MUFJ、SMBC、りそなのピアソン相関。
項目は、資本金(単位10億), 国内本支店,出張所,海外支店, 海外出張所, 役員数,職員数,預貸率,預証率,経常利益,利益率
$mizuho = [1404,471,45,25,17,20,24957,60.5,26.5,6.4,24.4];
$mufj = [1711,685,67,33,39,25,31694,55.9,29.0,6.2,28.1];
$smbc = [1770,506,431,18,20,29,27904,64.1,20.7,11.6,38.5];
$risona = [279,275,72,0,0,10,9788,72.3,12.5,10.8,36.2];
require_once 'vendor/autoload.php'; use Phpml\Math\Statistic\Correlation; /* 資本金(単位10億), 国内本支店,出張所,海外支店, 海外出張所, 役員数,職員数,預貸率,預証率,経常利益,利益率 */ $mizuho = [1404,471,45,25,17,20,24957,60.5,26.5,6.4,24.4]; $mufj = [1711,685,67,33,39,25,31694,55.9,29.0,6.2,28.1]; $smbc = [1770,506,431,18,20,29,27904,64.1,20.7,11.6,38.5]; $risona = [279,275,72,0,0,10,9788,72.3,12.5,10.8,36.2]; $mizuho_mufj = Correlation::pearson($mizuho, $mufj); echo 'みずほ MUFJ: '.$mizuho_mufj.'<br>'; $mizuho_smbc = Correlation::pearson($mizuho, $smbc); echo 'みずほ SMBC: '.$mizuho_smbc.'<br>'; $mizuho_risona = Correlation::pearson($mizuho, $risona); echo 'みずほ りそな: '.$mizuho_risona.'<br>'; $mufj_smbc = Correlation::pearson($mufj, $smbc); echo 'MUFJ SMBC: '.$mufj_smbc.'<br>'; $mufj_risona = Correlation::pearson($mufj, $risona); echo 'MUFJ りそな: '.$mufj_risona.'<br>'; $smbc_risona = Correlation::pearson($smbc, $risona); echo 'SMBC りそな: '.$smbc_risona.'<br>'; ?>
結果はこちら。
みずほ・MUFJはお互いに似ており、SMBCはみずほと、りそなはMUFJと似ていると出た。
まーイメージ通りでしょうか。。。
相関係数は、Excelでやりましたが、まあ一応。
<?php require_once 'vendor/autoload.php'; use Phpml\Math\Statistic\Correlation; $x = [43, 21, 25, 42, 57, 59]; $y = [99, 65, 79, 75, 87, 82]; $pearson = Correlation::pearson($x, $y); echo $pearson; ?>