Javascriptで配列Arrayの中身がobject{xxx:1, yyy:"hoge"} のものを.filterする記述例。 const books = [ { id: 1, title: "title1 […]
研鑽の記録
-
-
Java Script Map の基本
Map関数は配列に対して処理をする。valueとindexを返す。 const array1 = [0, 1, 2, 3, 4]; const newArray1 = array1.map((value, index) […]
-
React Component と import / export の基本記述
index.jsファイルに、同階層のhogeCompo.jsの中のReact Component を読み込んで使う index.js import React from "react"; import ReactDOM […]
-
React Component の基本記述
Component名の頭を大文字に。renderのJSX表記をタグ<xxxx />にする import React from "react"; import ReactDOM from &quo […]
-
Reactでアロー関数をrenderする
Reactでアロー関数をrenderするパターンをいくつかメモ。こういうことの積み重ねが大事なのです。 import React from "react"; import ReactDOM from […]
-
Javascript ES2015 アロー関数の書き方のパターン
こういうことは時々、あれ?ってなるからメモがてら残しておく。 //通常の関数 function hoge1() { console.log("hoge1"); } hoge1(); const hoge2 = () =& […]
-
Java Script ES2015 のクラスとインスタンス
考え方としては、classは[設計図/型/フォーマット/テンプレート]的なものとして捉えて問題ない。インスタンスはそれを元に作ったもの。 まずは記述の最小単位 class Human{ constructor(){} / […]
-
JavaScriptで関数を書くならこの3通り。function命令/関数リテテルで定義/アロー関数
JavaScriptで関数を書く場合、この3通りをおさえておけばvue.jsもreact.jsも理解できる。 //function命令 function getTriangle(base,height){ return […]
-
[脱gulp]npm scriptを使おう。sass / browser-sync / ejs / postcss / uglify
gulpを使わず、 npm scriptで書けば、 チームで環境を整えるのが楽だし なんといっても、可読性ですよ。何をしてるのかわかりやすい。脱Gulp!!Gulp必要ないって。 その一歩として、 gulpでよく使うsc […]
-
[wordpress]投稿分割・ページ送りで「数字」と「続き」を同時表示
ページ送りのナンバーと、「戻る」「続きを読む」を同時に表示したいってとき。 このようにしたいとき。・・・・結論から書くと、2個PHPを書けばよい <?php wp_link_pages( array( ' […]