Skip to content

Instantly share code, notes, and snippets.

View kenmori's full-sized avatar
🏠
Working from home

KenjiMorita kenmori

🏠
Working from home
View GitHub Profile
@kenmori
kenmori / JavaScript.md
Last active April 12, 2024 12:25
JavaScript練習問題集(ECMAScript2015,2016,2017,2018,2019,2020,other Library)

JavaScript練習問題集

JavaScript

更新情報

・問題を追加(2024/4/12)
・リファクタリング(2023/4/22)
・Decoratorsに関する問題を追加(2020/6/6)
@kenmori
kenmori / TypeScriptPractice.md
Last active March 16, 2024 12:15
TypeScript 練習問題集
@kenmori
kenmori / environmentvaluableandnpmscript.md
Last active March 13, 2024 05:27
環境変数とnpm scriptとかpackage.json周りの話

環境変数(UnixやNode)周りの話

https://kenjimorita.jp/wp-content/uploads/2018/08/8908D37B-2647-4249-B21E-A84887117D52.jpeg

index

  • nodeの環境変数
  • process.envとは、何か、なぜ、いつ、どのように、効果的に使うのか
  • ブラウザの中での環境変数の取り方
  • 環境変数の表示
@kenmori
kenmori / reactであるページのstate状態を保持して遷移先からのhistory-back(ブラウザバック)に対応する.md
Last active March 4, 2024 00:42
Reactであるページのstate状態を保持して遷移先からのhistory-back(ブラウザバック)に対応する

Reactであるページのstate状態を保持して遷移先からのhistory-back(ブラウザバック)に対応する

方法の概要

globalなstateとして管理するのではなく、 Aページ -> Bページ -> Aページ と関連するページ内だけで状態を参照しあう風にする。

@kenmori
kenmori / styled-components-howtouse.md
Last active February 15, 2024 21:29
styled-componentsの使い方(パッとわかりやすく、色々なパターンを説明することを目指しています)

styled-componentsの使い方(パッとわかりやすく、色々なパターンを説明することを目指す記事)

styled-compoents

本家ドキュメント

こちらはStyled-componentsの使い方、ユースケースを集めた端的なページです。
なにかの問題解決、参考になりましたらスターを押してくださいませ。励みになります。
@kenmori
kenmori / performance.md
Last active February 11, 2024 03:29
パフォーマンス改善まとめ

ブラウザの仕事

→HTML、CSS、JSファイルを取り込み画面上にピクセルをレンダリングさせること

パフォーマンスの最適化とは

→各ファイルのバイトの受信からこれらをピクセルとしてレンダリングするために必要な処理までの中間段階(クリティカルレンダリングパス)を最適化すること

https://t32k.me/mol/log/style-class-conference/

@kenmori
kenmori / error Your lockfile.md
Last active December 4, 2023 14:58
error Your lockfile needs to be updated, but yarn was run with `--frozen-lockfile`

error Your lockfile needs to be updated, but yarn was run with `--frozen-lockfile`.

if you update your package.json only. and then run yarn install --frozen-lockfile

The above error show you on console.

it's say that you need to run just yarn install.

@kenmori
kenmori / how_to_use_direnv.md
Last active September 16, 2023 09:22
how to use direnv

how to use direnv

The direnv is package which only use to set environment values in any directory.

When you use 'cd' command for running in some project.

It will set environment values.

@kenmori
kenmori / おすすめ!Macを新調した際の開発環境構築.md
Last active August 28, 2023 02:07
おすすめ!Macを新調した際の開発環境構築

おすすめ!Macを新調した際の開発環境構築

今後、Macを変えなくてはいけない、もしくは業務用で支給された場合に新たに設定をしなくてはならない場合 どこかに環境構築順を書き留めておいて順番にやるように書いたもの。手順書。

※言わずもがなですが、業務で支給されたMacを使う場合セキュリティや会社規則にお気をつけくださいね。

@kenmori
kenmori / TwitterWithMarkDown.md
Last active April 20, 2023 18:27
How to write a Twitter link in Markdown

How to write a Twitter link in Markdown

Twitter URL


[![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/bukotsunikki.svg?style=social&label=Follow%20%40bukotsunikki)](https://twitter.com/bukotsunikki)

author