リキッドレイアウトの特定行へ差し込み要素を入れる

Vue.js JavaScript

リキッドレイアウトで並べられたアイテムの特定行に差し込み要素を入れたい。イメージ: 赤枠がアイテム、青枠が差込要素リキッドレイアウトでは横幅によって1行に並ぶアイテム数が可変となる。表示するウィンドウの横幅によっては1行3個の場合もあれば、1…

2018-10-03

サーバサイドレンダリング(SSR)について [Nuxt.js]

JavaScript Nuxt.js

サーバサイドレンダリング (SSR) とは何か? Vue SSR ガイド | Vue.js サーバサイドレンダリングガイド通常では、Vue コンポーネントはブラウザで DOM を生成し操作がされます。しかし、同じ Vue コンポーネントをサーバ上の HTML 文字列に描画し、ブラウザ…

2018-10-01

計算量(O記法)について [30seconds of interviews]

JavaScript

O記法は、コンピュータサイエンスにおいてアルゴリズムの複雑さを表すために使用される。優秀なアルゴリズムは高速に結果を返し、かつ複雑度は低いと言える。アルゴリズムは常に同じ結果にはならず、与えられるデータによって異なる結果になる場合がある。…

2018-09-30

仮想DOMはなぜライブラリ/FWに使われるのか [30seconds of interviews]

JavaScript

仮想DOMとは仮想DOM(virtual DOM)は、DOMをJavaScriptオブジェクトの形式で表現したもの。これらのオブジェクトには、ノード名/属性/子ノードなど、実際に表示されるDOMノードを記述するプロパティがある。 <div class="counter"> <h1>0</h1> <button>-</button> <button>+</button> </div> 上記マークアップの仮想DOMは、次のよう…

2018-09-28

JavaScript 0.1 + 0.2 === 0.3 はなぜfalseと評価されるのか [30seconds of interviews]

JavaScript

0.1 + 0.2 === 0.3 // false 一見trueになるように見えるが結果はfalseになる。これはJavaScriptがIEEE 754*1を採用し、64ビット浮動小数点数を使用するためである。要するに、コンピュータは2進数ベースで動いているため10進数の少数を計算する場合、正し…

2018-09-27

JavaScriptでパイプ関数を作成する [30seconds of interviews]

JavaScript

以下の挙動をする pipe関数を作成する const square = v => v * v const double = v => v * 2 const addOne = v => v + 1 const res = pipe(square, double, addOne) res(3) // 19; addOne(double(square(3))) 与えられた全ての関数をスプレッド演算子...を…

2018-09-27

JavaScriptの純粋関数とは何か？[30seconds of interviews]

JavaScript

純粋関数とは何か？純粋関数(pure function)とは、これら２つの条件を満たす関数を指す。同じ入力が与えられると、その関数は同じ出力を返す。関数は、その関数のスコープにおいて副作用を起こさない。純粋関数は、上記の2つの条件を満たす限り、関数内…

2018-09-26

Javascriptオブジェクトをクローンする [30seconds of interviews]

JavaScript

How do you clone an object in JavaScript? スプレッド構文...を使うと、オブジェクト自身の列挙可能なプロパティを新しいオブジェクトにコピーできる。オブジェクトの浅いクローン(shallow clone)が作成される。 const obj = { a: 1, b: 2 } const shallow…

2018-03-08

js勉強会用資料

JavaScript

ちょっとした勉強会用に書いたやつ太古のコード See the Pen jzNaoa by tic40 (@ccpzjoh) on CodePen. 特徴 DOMの状態管理がない DOMを手作業で直接更新 DOMの状態を毎回把握しないといけないデータバインディング See the Pen dmbJPy by tic40 (@ccpzjoh)…

2017-12-15

error while loading shared libraries: libfontconfig.so.1

JavaScript PhantomJS

環境 CentOS release 6.5 事象 karmaでPhantomJSを起動しようとするとエラーでこけた。エラーは以下。 ERROR [launcher]: Cannot start PhantomJS xx/node_modules/phantomjs-prebuilt/lib/phantom/bin/phantomjs: error while loading shared libraries: li…