Yuhei Yasuda yuheiy

エンジニア向け研修

CARTA HOLDINGS（旧VOYAGE GROUP）
- 技術広報が新卒研修<Open AIハッカソン>をスパイしてみた - (2023/04/11)
- @t_wadaに学ぶテスト駆動開発【CARTA 23新卒研修】 - (2023/04/19)
- 【新卒研修】監修者@t_wadaと読む！プログラマが知るべき97のこと読書会 - (2024/04/09)
Classi
- 当たり前にリリースしていく ~ 新卒研修編 - (2021/05/20)
- リモートワークのための質問力向上研修を実施しました - (2021/12/07)
- Classi 2025年新卒エンジニア研修「そーだい塾」を開催しました - (2025/06/18)
CyberZ

前提: 完成していて、比較的支持を集めていて、JavaScriptを中心にした書籍 (DOM APIよりは言語を中心とした内容)

追記: JavaScriptの入門書 #jsprimerを書いている

最初からES2015で学ぶことを前提にした初心者〜中級者向けのJavaScript本がなかったので書いてる。 ES2015でJavaScriptという言語のコア部分は大きく変わったので、それを前提とした内容にする予定。

Make it easy to include SVG strings inline via node-sass.

Escapes SVG (via encodeURIComponent + node-sass custom function).

Wraps <svg/> with appropriate url(data...) which I can never remember.

Call:

node-sass --source-map=true --functions=./node-sass-functions.js in.scss out.css

express実践入門

自己紹介

小川充

mitsuruog

Chromeのシェアが50%を超え、それと相反するようにIEのシェアが低迷し、
ついにFirefoxのシェアと並びました。
(10年前なら誰も信じてくれませんね、このグラフ)

IEがシェアを失い続け、Chrome がシェアを獲得し続ける事が見えてしまっているため、
第三次ブラウザ戦争もそろそろフィナーレ、閉幕となります。

標準化から分化と特化へ

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Files

The basic structure of a React+Flux application (see other examples)

 - /src/actions/AppActions.js     - Action creators (Flux)
 - /src/components/Application.js - The top-level React component
 - /src/constants/ActionTypes.js  - Action types (Flux)
 - /src/core/Dispatcher.js        - Dispatcher (Flux)
 - /src/stores/AppStore.js        - The main store (Flux)

sublimetextのスニペット

http://docs.sublimetext.info/en/latest/reference/snippets.html

書式

<snippet>
    <content><![CDATA[]]></content>

	'use strict';

	import * as React from 'react';
	import * as assign from 'object-assign';
	import * as debounce from 'lodash.debounce';
	import { appLogger as log } from '../../../utils/Log';
	import BaseComponent from '../../base';

	const EVENT_SCROLL = 'scroll';
	const EVENT_POP_STATE = 'popstate';

	// プリミティブ値

	// undefined
	hoge === undefined; // strict mode のみ
	hoge === void 0;
	typeof hoge === "undefined";
	Object.prototype.toString.call(hoge) === "[object Undefined]"; // 他に Symbol.toStringTag が "Undefined" なオブジェクトがないときのみ

	// null
	hoge === null;