リファクタリングするときに気をつけること
リファクタリング対象が巨大であればあるほど、想定通りに動かない可能性が高くなります。
そして、動かなくなったときにどの辺りが原因なのかを特定することが難しくなります。
結果とし ...
コードレビュー時に気をつけること
命名が適切か
変数のスコープが広すぎないか
ファイルの行数が多すぎないか
処理の責務が適切か
実装とコメントに解離がないか
undefinedやnullになる ...
!value のようなコードはお勧めしない理由
!value のようなコードを使う時はよく考える必要があると思っています。
if(!value){//do something}このコードで、具体的にvalueがどういう時にifの処理を行いたいのでしょうか。
...
Webページをつくるときに気にするとよいレイヤーの話
Webページには以下の3つのレイヤーがあるとされています。
コンテンツ(HTML)プレゼンテーション(CSS)
ふるまい(JavaScript)
これらのレイヤーは境界がはっきりしていると良いとされてい ...
プログラミングの命名とゴミ箱の話
プログラミングをする上で変数・クラス・関数の命名は非常に重要です。
はじめの命名でその処理の運命が決まってしまいます。
例えば日常で言うと、「ゴミ箱」という箱があった場合に、人はなんでも捨ててしまいます。
Puppeteerを使って簡単に自動でサイトのスクリーンショットを保存してみる
PuppeteerはブラウザのChromeをプログラムから動かすことができるNode.jsのライブラリです。
今回はPuppeteerを使って、Googleのトップ画面のスクリーンショットを保存してみます。
インスト ...
display flex で子要素の高さを揃えない方法
display flex を使った場合、デフォルトでは以下のようにAAAとCCCも、BBBの高さに揃います。
高さを揃えたくない場合は、align-items: baseline; を指定します。
<div s ...
JavaScript 関数かどうかをチェックする場合は typeof func === ‘function’
JavaScript では関数の引数に関数を渡せることが強力です。
例えば、以下のような関数をつくることができます。
function hoge(func, str) { func(str);}hoge は引数 ...
JavaScript setTimeout の第三引数について
以下のような関数があるとします。
const log = message => {console.log(message);};setTimeout を使って3秒後にこの関数を実行したいとします。
以下の ...
プログラミングのモチベーションが上がらないときでも、毎日これだけはやっておくと良いこと
プログラミング学習の難関の一つとしてはモチベーションの維持だと思います。
今回は毎日数分でできるプログラミング学習方法のご紹介です。
方法github で人のコードを読むこと、です。
github ...