【エンジニア勉強会】議事録

$palettes: (
  'blue': (
    'default': #0075d1,
    'l1': #e6f8ff,
    'l2': #23445e
  ),
  'green': (
    'default': #1ed535,
    'd1': #10b02b
  ),
);

@function p($group, $val: 'default') {
  @return map-get(map-get($palettes, $group), $val);
}

-webkit-app-region: drag;

button {
  cursor: pointer;
  -webkit-app-region: no-drag;
}

textarea {
  word-break: break-all;
  -webkit-app-region: no-drag;
}

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">

new BrowserWindow({
  webPreferences: {
    nodeIntegration: true,
    contextIsolation: false,
    preload: path.join(__dirname, 'preload.js')
  }
});

win.loadURL(`file://${__dirname}/index.html`);

import { RecoilRoot } from 'recoil';

function App() {
  return (
    <RecoilRoot>
      <Component />
    </RecoilRoot>
  );
}

// Atom を作成
const fontSizeState = atom({
  key: 'fontSizeState',
  default: 14, // 初期値
});

function FontButton() {
  const [fontSize, setFontSize] = useRecoilState(fontSizeState);
  return (
    <button
      onClick={() => setFontSize((size) => size + 1)}
      style={{ fontSize }}
    >
      Click to Enlarge
    </button>
  );
}

// Selector を作成
const fontSizeLabelState = selector({
  key: 'fontSizeLabelState',
  get: ({ get }) => {
    const fontSize = get(fontSizeState);
    const unit = 'px';

    return `${fontSize}${unit}`;
  },
});

<--- JS stacktrace --->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0xa24ed0 node::Abort() [node]
 2: 0x966115 node::FatalError(char const*, char const*) [node]
 3: 0xb9acde v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [node]
 4: 0xb9b057 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [node]
 5: 0xd56ea5  [node]
 6: 0xd57a2f  [node]
 7: 0xd65abb v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [node]
 8: 0xd6967c v8::internal::Heap::AllocateRawWithRetryOrFailSlowPath(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v8::internal::AllocationAlignment) [node]
 9: 0xd2ee1d v8::internal::Factory::AllocateRaw(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [node]
~

watch -n 1 free -h

npm run build 2>&1 | tee build.log

node --max-old-space-size=4096 $(which npm) run build

sudo fallocate -l 2G /swapfile
sudo chmod 600 /swapfile
sudo mkswap /swapfile
sudo swapon /swapfile

/swapfile swap swap defaults 0 0

export default {
  buildModules: [
    // '@nuxtjs/eslint-module',  // 使用していない場合コメントアウト
  ],
  modules: [
    // '@nuxtjs/axios',  // 使用していない場合コメントアウト
  ],
}

xport default {
  build: {
    // Webpackのキャッシュを有効にする
    cache: true,

    // メモリ使用量を抑えるために並列ビルドを制限する
    parallel: false,

    // プラグインの最適化
    optimization: {
      splitChunks: {
        chunks: 'all',
      },
    },

    // トランスパイルするモジュールを限定する
    transpile: [
      // 'your-module-name',  // 必要に応じて追加
    ],
  },
}

import { debounce } from 'lodash';

const handleMouseMove = debounce((event) => {
  // サーバーに問い合わせ
}, 300);

window.addEventListener('mousemove', handleMouseMove);

import { throttle } from 'lodash';

const handleMouseMove = throttle((event) => {
  // サーバーに問い合わせ
}, 300);

window.addEventListener('mousemove', handleMouseMove);

let timeoutId = null;

const handleMouseMove = (event) => {
  if (timeoutId) {
    clearTimeout(timeoutId);
  }
  timeoutId = setTimeout(() => {
    // サーバーに問い合わせ
  }, 300);
};

window.addEventListener('mousemove', handleMouseMove);

import { fromEvent } from 'rxjs';
import { debounceTime } from 'rxjs/operators';

const mouseMove$ = fromEvent(window, 'mousemove')
  .pipe(debounceTime(300))
  .subscribe(event => {
    // サーバーに問い合わせ
  });

function replaceWords(dictionary: string[], sentence: string) {
  const findRoot = (root: string) => {
    let matched = []
    for (let word of dictionary) {
       if(root.startsWith(word)) {
        matched= [...matched, word]
       } 
    }
    matched.sort((a, b) => a.length - b.length)
    return matched.length > 0 ? matched[0] : root
  }
  const replaceWord = sentence.split(' ').map((word) => findRoot(word))
  return replaceWord.join(' ');
};