リファクタリング 実例
最近このようなコードに出会った。
data = falseif (service.foo !== undefined) { data = service.foo === undefined ? false : true}s ...
Node.jsでコマンドライン引数を取得するときに便利なCommanderの紹介
Node.jsでコマンドライン引数を取得するときに Commander を利用すると便利だったので紹介。
やりたいこと例えばあるNode.jsアプリで、以下をコマンドラインのオプションとして指定したいとする。
ボット ...
ローカルでWebサーバーを起動するとても簡単な方法
初めてHTML/CSSでサンプルを作成したけど、それを動かすWebサーバーの構築でつまづいてしまったというケースは多いと思う。
そんな時は Chrome 拡張の Web Server for Chrome でとても簡単にW ...
30分でMacにDrupalをセットアップする
開発環境のダウンロードする
Drupalの環境を構築するために、Acquia Dev Desktopという開発環境のセットが提供されています。
以下のURLからAcquia Dev Desktopをダウンロードします。
CSS 擬似要素をつかってborderの二重線を引く
以下のようなHTML/CSSがある。
<div class="test">test</div>.test { position: relative; margin: 5px; padd ...
ボタンを押せる範囲を広げてユーザーエクスペリエンスをあげる
ボタンの見た目は変えずに、ボタンを押せる領域を広げる場合には、background-clip を利用すると便利。
<button class="btn"> button </button&g ...
CSSだけでスムーズなスクロールを実装する方法
scroll-behaviorプロパティーにsmoothを指定します。
html { scroll-behavior: smooth;}2020/04/25時点ではIEとSafariが対応していないようです。
二番目以降のliにのみスタイルを適用したい場合
以下のようなHTMLがあり、二番目以降のliにのみmargin-top:5px;を入れたい場合。
<ul><li>line1</li><li>line2</li>< ...
Node.jsでconsole.logのObjectをすべて表示する方法
Node.jsでconsole.logを実行すると引数に渡したオブジェクトのネストが深い部分は[Object]と表示されてしまい、プロパティーや値が表示されない。
オブジェクト全体を出力させたい場合は、util.inspe ...
なぜシステム開発はうまくいかないのか
システム開発がうまくいかない理由とは何か
システム開発は往々にしてうまくいかないもので、要因は複数ある。
それを端的に表した絵があったのでご紹介する。
何やら木にブランコが吊るされているが、これが開発するシステム ...

