macにfish+anyenv+nodenvの環境構築

Node.js JavaScript fish

クリーンインストールしたmacに環境構築してるんですが、これ何回やってもハマるのでメモです. anyenvのインストール homebrewでインストールしました。 brew install anyenv とくに何もせず、anyenvのコマンドが使える様になる。けど、nodenv使うときにこ…

2019-12-29

SelectionSort

C アルゴリズム JavaScript

今年も残すところあと3日ですね〜早い。 SelectionSortについて勉強したので、メモです。前提 SelectionSortもInsertionSortやBubbleSortと同じく、未ソート部分とソート済み部分に分けて考えます。手順次の処理を入力された配列の長さ-1繰り返す。未ソ…

2019-12-27

Reactフラグメント

React JavaScript

恥ずかしながらReactフラグメントってこの間知りました。メモします。できること Reactの場合、一つのコンポーネントが描画するDOMは一つの親要素にまとめなければいけません。下のやつはNG例です。 const sample = () => { return ( <h1>サンプルコンポーネ</h1>…

2019-12-26

Bubble sort(バブルソート)

C++ アルゴリズム JavaScript

相変わらずアルゴリズムの本を読んでいます〜いつか役に立つと信じて... 今回はバブルソートです。前提バブルソートも前回の挿入ソートと同じく、ソート済み部分と未ソート部分に分けて考えます。手順配列の後ろから、隣り合う要素を順番に比較して、大…

2019-12-25

Insertion Sort(挿入ソート)

C アルゴリズム JavaScript

寒い〜〜クリスマスですね〜〜最近、これを読み始めました。 https://www.amazon.co.jp/dp/4839952957/ref=cm_sw_em_r_mt_dp_U_qW0aEbEYV3WQF メモ的に学んだことを残していきたいと思います。前提このアルゴリズムはソート対象の配列を、未ソート部分と…

2019-11-16

Node.jsでPOSTされたデータをパースする

JavaScript Node.js

const http = require('http'); const fs = require('fs'); const server = http.createServer((req, res) => { const url = req.url; const method = req.method; if (url === '/message' && method === 'POST') { const body = []; req.on('data', functio…

2019-11-08

初めてのThree.jsを読む #3

JavaScript Three.js

つづきです Chapter3 AmbientLight 基本的なライト。ライトの色がオブジェクトの色に追加される。影を落とさない AmbientLightはシーンのゆういつの光源として使われることはない。 AmibentLIghtはコンストラクタに指定するのは色だけ。 PointLight すべての…

2019-11-07

初めてのThree.jsを読む #2

Three.js JavaScript

1 の続き 2章シーンの基本要素シーンの表示に必要な3つのコンポーネントは、カメラ、ライト、オブジェクト Three.jsのオブジェクトはTHREE.Object3Dを継承している。 THREE.Scene.addはオブジェクトをシーンに追加 THREE.Scene.removeはオブジェクトをシー…

2019-11-05

JavaScriptでスクロールさせる

JavaScript

JavaScriptでスクロールさせる方法のメモです！ var target = document.getElementById('スクロールさせたい先の要素のId').getBoundingClientRect().top; scrollTo(0, target); getBoundingClientRect()について少しだけ調べました。 CSSで定義されている、…

2019-10-31

初めてのThree.jsを読む #1

Three.js JavaScript

オライリーから出ている「初めてのThree.js」を買ったので、学んだことをまとめていきます。あくまで自分用のメモ。 1章初めての3Dシーン作成 Sceneオブジェクトがなければ何も描画されない Cameraオブジェクトはシーンを描画するときに何が見えるかを決定…

2019-10-30

Chart.js を使う

JavaScript

Chart.jsの使い方のメモ www.chartjs.org Chart.jsとは？？デザイナーおよび開発者向けのシンプルかつ柔軟なJavaScriptチャート (公式より) 使い方ソースコードは公式サイトから Canvasを使うので、HTMLに追記 <canvas id="myChart" width="400" height="400"></canvas> JavaScriptからデータや、グラフの種類など…