<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.nekotype.com/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.nekotype.com/feed.php">
        <title>猫型iPS細胞研究所 javascript</title>
        <description></description>
        <link>https://wiki.nekotype.com/</link>
        <image rdf:resource="https://wiki.nekotype.com/lib/tpl/dokuwiki/images/favicon.ico" />
       <dc:date>2026-04-30T22:22:38+0900</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/%E3%82%A2%E3%83%AD%E3%83%BC%E9%96%A2%E6%95%B0?rev=1550764252&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%B8%E3%81%AE%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9?rev=1551193198&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/%E5%88%86%E5%89%B2%E4%BB%A3%E5%85%A5?rev=1611536613&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%94%E8%BC%83_filter_every_some?rev=1549577974&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%94%E8%BC%83_foreach_map_filter?rev=1549577996&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88foreach?rev=1549576130&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/array%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88?rev=1549575423&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/class?rev=1551797753&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/export?rev=1577873120&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/function?rev=1550764288&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/jsdoc?rev=1549696495&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/json%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9?rev=1550302942&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/promise?rev=1550766538&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/unixtime%E3%82%92date%E5%A4%89%E6%8F%9B%E3%81%97%E3%81%A6%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E3%81%99%E3%82%8B?rev=1557564025&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.nekotype.com/javascript/yyyymmddhhmiss?rev=1550303786&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.nekotype.com/lib/tpl/dokuwiki/images/favicon.ico">
        <title>猫型iPS細胞研究所</title>
        <link>https://wiki.nekotype.com/</link>
        <url>https://wiki.nekotype.com/lib/tpl/dokuwiki/images/favicon.ico</url>
    </image>
    <item rdf:about="https://wiki.nekotype.com/javascript/%E3%82%A2%E3%83%AD%E3%83%BC%E9%96%A2%E6%95%B0?rev=1550764252&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-22T00:50:52+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>アロー関数</title>
        <link>https://wiki.nekotype.com/javascript/%E3%82%A2%E3%83%AD%E3%83%BC%E9%96%A2%E6%95%B0?rev=1550764252&amp;do=diff</link>
        <description>アロー関数

基本構文


//基本
let getPlusValue = (a, b) =&gt; {
   return a + b
}



//中身が1文なら中括弧{}を省略できる
let getPlusValue = (a, b) =&gt; return a + b


//引数がひとつなら、丸括弧()を省略できる
let getPlusValue = a =&gt; return a</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%B8%E3%81%AE%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9?rev=1551193198&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-26T23:59:58+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>オブジェクトへのアクセス</title>
        <link>https://wiki.nekotype.com/javascript/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%B8%E3%81%AE%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9?rev=1551193198&amp;do=diff</link>
        <description>オブジェクトへのアクセス

xxx {aaa:bbb,ccc:dddd}
xxxの部分はオブジェクトの型名。


      console.log(db) 
      // SQLCom {
      //   excuteSql: [Function: _callee],
      //   db:
      //    WebSQLDatabase {
      //      version: '1.0',
      //      _db: SQLiteDatabase { _closed: false, _name: 'test.db' },
      //      _txnQueue: Queue { length: 0 },
      //      _running: false,
      //      _currentTask: null } }</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/%E5%88%86%E5%89%B2%E4%BB%A3%E5%85%A5?rev=1611536613&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2021-01-25T10:03:33+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>分割代入</title>
        <link>https://wiki.nekotype.com/javascript/%E5%88%86%E5%89%B2%E4%BB%A3%E5%85%A5?rev=1611536613&amp;do=diff</link>
        <description>分割代入

分割代入


[a, b] = [10, 20];

console.log(a);
// expected output: 10

console.log(b);
// expected output: 20

[a, b, ...rest] = [10, 20, 30, 40, 50];

console.log(rest);
// expected output: [30,40,50]



const { latitude, longitude } = position.coords;</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%94%E8%BC%83_filter_every_some?rev=1549577974&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-08T07:19:34+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>関数オブジェクト比較(filter every some)</title>
        <link>https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%94%E8%BC%83_filter_every_some?rev=1549577974&amp;do=diff</link>
        <description>関数オブジェクト比較(filter every some)


      //filterは関数オブジェクトがtrueを返すものだけ返す
      var data=[1,2,3,4];
      var res = data.filter(function(e){return e%2}); //[1,3]
      console.log(res);
      
      //everyは配列の全てが条件を満たすとtrue
      console.log(data.every(function(e){return e&lt;3})); //false
      console.log(data.every(function(e){return e&lt;10})); //ture
      
      //someは配列のどれかが条件を見たすとture
      console.log(data.some(function(e){return e&lt;0})); //false
      console.log(data.some(function(e){return e&lt;…</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%94%E8%BC%83_foreach_map_filter?rev=1549577996&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-08T07:19:56+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>関数オブジェクト比較(forEach・Map・Filter)</title>
        <link>https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%94%E8%BC%83_foreach_map_filter?rev=1549577996&amp;do=diff</link>
        <description>関数オブジェクト比較(forEach・Map・Filter)
          forEach    map                                 filter                     戻値      なし          あり                                  あり                         新しい配列</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88foreach?rev=1549576130&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-08T06:48:50+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>関数オブジェクトforeach</title>
        <link>https://wiki.nekotype.com/javascript/%E9%96%A2%E6%95%B0%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88foreach?rev=1549576130&amp;do=diff</link>
        <description>関数オブジェクトforeach


&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;body&gt;

  &lt;script type=&quot;text/javascript&quot;&gt;
    var data=new Array();
    data.push(0);
    data.push(1);
    data.push(2);
    data.forEach(function(val,index,ary){
        console.log(ary[index]); // 0,1,2と順番に表示される
    });
  &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/array%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88?rev=1549575423&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-08T06:37:03+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Arrayオブジェクト</title>
        <link>https://wiki.nekotype.com/javascript/array%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88?rev=1549575423&amp;do=diff</link>
        <description>Arrayオブジェクト

Array オブジェクトは、配列を構築するためのグローバルオブジェクトで、配列とは複数の要素の集合を格納管理するリスト構造。

push


var nums=[];
nums.push(1); //[1]
nums.push(2); //[1,2]</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/class?rev=1551797753&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-03-05T23:55:53+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>class</title>
        <link>https://wiki.nekotype.com/javascript/class?rev=1551797753&amp;do=diff</link>
        <description>class

javascriptには厳密な型がない。そのためinterfaceはないが、interfaceっぽいことは簡単にできる。


export class Animal{
    constructor(name){
        this.name = name
    }
    cry(){
        return &quot;cry!&quot;
    }
}

export class Cat extends Animal{
    constructor(name){
        super(name)
    }
    cry(){
        return &quot;nyaa&quot;
    }
}

export class Dog extends Animal{
    constructor(name){
        super(name)
    }
    cry(){
        return &quot;bau&quot;
    }
}</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/export?rev=1577873120&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2020-01-01T19:05:20+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>export</title>
        <link>https://wiki.nekotype.com/javascript/export?rev=1577873120&amp;do=diff</link>
        <description>export

improt

【Q&amp;A】ReactJSのComponentをimport,exportする


・・・
    return (
      &lt;div&gt;
        &lt;Component1 /&gt;
        &lt;Component2 /&gt;
      &lt;/div&gt;
    );
・・・


constのexport


import * as React from 'react';　// これがないと&lt;li&gt;とかが
 
const Component1 = (props:any) =&gt; {
    const listItems = props.names.map((name: React.ReactNode) =&gt; 
        &lt;li&gt;{name}&lt;/li&gt;
    );
    return (
        &lt;ul&gt;{listItems}&lt;/ul&gt;
    );
};
 
export default Component1;</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/function?rev=1550764288&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-22T00:51:28+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>function</title>
        <link>https://wiki.nekotype.com/javascript/function?rev=1550764288&amp;do=diff</link>
        <description>function


// 関数式パターン
var sample = function() {
    // todo
}

// 関数宣言パターン
function sample() {
    // todo
}

// アロー関数パターン
var sample = () =&gt; {
    // todo
}

// アロー関数には関数宣言パターンはないようだ</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/jsdoc?rev=1549696495&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-09T16:14:55+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>JSDoc</title>
        <link>https://wiki.nekotype.com/javascript/jsdoc?rev=1549696495&amp;do=diff</link>
        <description>JSDoc

JSDoc / JSのドキュメント生成ツール

JSDoc使い方メモ

@use JSDoc

インストール


&gt; npm install jsdoc --save


使い方

に移動してからコマンドを実行する。


// バージョン確認
ode_modules\.bin&gt;jsdoc -v
JSDoc 3.5.5 (Thu, 14 Sep 2017 02:51:54 GMT)

// フォルダやファイルを指定して実行
node_modules\.bin&gt;jsdoc ../../compnent/GoogleSheetScreen.js</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/json%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9?rev=1550302942&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-16T16:42:22+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>jsonアクセス</title>
        <link>https://wiki.nekotype.com/javascript/json%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9?rev=1550302942&amp;do=diff</link>
        <description>jsonアクセス


let responseJson = await result.json();
　↓
}
Object {
  &quot;replies&quot;: Array [
    Object {
      &quot;addSheet&quot;: Object {
        &quot;properties&quot;: Object {
          &quot;gridProperties&quot;: Object {
            &quot;columnCount&quot;: 26,
            &quot;rowCount&quot;: 1000,
          },
          &quot;index&quot;: 8,
          &quot;sheetId&quot;: 162165881,
          &quot;sheetType&quot;: &quot;GRID&quot;,
          &quot;title&quot;: &quot;bk8&quot;,
        },
      },
    },
  ],
  &quot;spreadsheetId&quot;: &quot;1xOspY16-yGAa3WNWovLMhFexV4MsFT1RCGOVr_B-sbg&quot;,
}


// sheetId
let ret…</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/promise?rev=1550766538&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-22T01:28:58+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Promise</title>
        <link>https://wiki.nekotype.com/javascript/promise?rev=1550766538&amp;do=diff</link>
        <description>Promise

resolveは成功したPromiseオブジェクトを返し、thenが呼び出される。
rejectは失敗したPromiseオブジェクトを返す。</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/unixtime%E3%82%92date%E5%A4%89%E6%8F%9B%E3%81%97%E3%81%A6%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E3%81%99%E3%82%8B?rev=1557564025&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-05-11T17:40:25+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>UnixTimeをDate変換してフォーマットする</title>
        <link>https://wiki.nekotype.com/javascript/unixtime%E3%82%92date%E5%A4%89%E6%8F%9B%E3%81%97%E3%81%A6%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E3%81%99%E3%82%8B?rev=1557564025&amp;do=diff</link>
        <description>UnixTimeをDate変換してフォーマットする

JavaScript 日付を指定した書式の文字列にフォーマットする


// UnixTimeのtimestampを取得　timestamp:1557563656298
const {timestamp} = geoData 

// UnixTimeからDateオブジェクトを作成
date = new Date(timestamp)　

// Dateオブジェクトをフォーマットして表示する　2019/05/11 17:34:16
console.log(this.formatDate(date,&quot;yyyy/MM/dd HH:mm:ss&quot;))</description>
    </item>
    <item rdf:about="https://wiki.nekotype.com/javascript/yyyymmddhhmiss?rev=1550303786&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2019-02-16T16:56:26+0900</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>日時(yyyymmddhhmiss)</title>
        <link>https://wiki.nekotype.com/javascript/yyyymmddhhmiss?rev=1550303786&amp;do=diff</link>
        <description>日時(yyyymmddhhmiss)


    let nowTime = new Date();
    let time = nowTime.getFullYear();
    console.log(time)
    time += &quot;0&quot; + (nowTime.getMonth() + 1)
    console.log(time)
    time += &quot;0&quot; + (nowTime.getDate())
    console.log(time)
    time += &quot;0&quot; + (nowTime.getHours())
    console.log(time)
    time += &quot;0&quot; + (nowTime.getMinutes())
    console.log(time)
    time += &quot;0&quot; + (nowTime.getSeconds())
    console.log(time)

2019
201902
201902016
20190201607
20190201607053
20190201607053053</description>
    </item>
</rdf:RDF>
