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-29

jestに入門してみた

プロジェクトにインストール。 yarn add —-dev jest テストするfunctionを用意する。 sum.js function sum(a, b) { return a + b; } module.exports = sum; テストコードを書く。 sum.test.js const sum = require('./sum'); test('1 + 2 = 3になること', ()…

2019-11-27

オブジェクト指向JavaScript

最近、あんまりアウトプットできてない... 反省... オブジェクト指向JavaScriptについて勉強したのでメモです。ほぼ↓に書いてあることをまとめただけの備忘録的なものです。 developer.mozilla.org 用語 ⁃ ネームスペース開発者があらゆる機能をアプリケー…

2019-11-17

Node.jsでルーティング

素のNode.jsでルーティングをするときのメモリクエストされたurlは const url = req.url; でとれる。メソッドは const method = req.method; でとれる。全体は下のような形になる const http = require('http'); const server = http.createServer((req, …

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-16

Node.jsでサーバーを立てる

簡単にメモ素のnodeでやったことがなかったので const http = require('http'); const server = http.createServer((req, res) => { console.log(req); }); server.listen(3000); htmlをレスポンスとして返す const http = require('http'); const server =…

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-31

WWW sql Designerがとてもよい

ツール SQL

メモです。めちゃくちゃ良いER図作成ツールを見つけました。 webベースでありながらJavaScriptメインで書かれているので、ローカルでサーバー立てれば使えるという素晴らしい仕様。ダウンロードは↓から GitHub - ondras/wwwsqldesigner: WWW SQL Designer,…

2019-10-31

Laravelで外部キーを設定する

Laravel PHP

忘れそうなのでメモ user table カラム型 id increments performance table カラム型 user_id integer みたいなリレーションをもたせたいときのmigrationの書き方 performance tableへ変更を加えるmigrationファイル public function up() { Schema::table…

2019-10-31

LaravelでDBの既存カラムを変更しようとしたらエラー

Laravel PHP

エラー内容 Laravelのmigrationを使って、既存カラムをnull許容に変更しようとしたら、下記エラーが出ました。 RuntimeException : Changing columns for table "テーブル名" requires Doctrine DBAL; install "doctrine/dbal". 解決方法 composerで"doctrin…

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からデータや、グラフの種類など…