プログラミング - Node.js

nodist で管理する npm のバージョンアップWindows 上の node は、nodist でバージョン管理しているのですが、node をバージョンアップしても npm のバージョンがあがりません。...

タッチデバイスでもないのに ontouchstart でタッチデバイスの振りをするノートがある別ブログ「そんなには褒めないよ。映画評」のトップページのデザインで、マウスオーバーのイベントをタッチデバイスの場合に...

モーダルの背景のスクロールを止めるはてなブログのテーマをレスポンシブで作る際に、あれ？ なぜ？ と、ちょっと手間取った CSS ２題です。どちらもモバイルのメニューなど、モーダルウィンドウに関してです。...

はてなブログ／touch, mouse を振り分け、hover イベントを統一する:hover のないタッチデバイスで同等のイベントをどう実装するかの記事です。タッチデバイスでの実装については、すでに「...

はてなブログ／スマホなどタッチデバイスの :hover イベント対応映画のレビューを書いている別ブログ「そんなには褒めないよ。映画評」のデザインを変更しようとしているのですが、スマホの UI で停滞しています。...

Node.js から MongoDB への接続テスト関連記事結局、前記事（上記関連記事）の「The file system cache of this machine is configured to ...

Windows に Node.js 環境を構築しようと思います。思い立った理由は、しばらく前から cssのコーディングを less から sass に変えたのですが、lessで作ったものを見直す機会があり、この...

Ruby は、あまり記憶がない随分昔、何かの折にちょっと触ってみた程度には見知っており、まつもとさんという方が開発された国産の言語というものです。で、Ruby on Rails ですが、WEBアプリ開発に特化（...

前記事 > git add, commit 後の履歴を git log で見る「プログラマーじゃないけど Git 入門」前記事で日本語が文字化けしていたのは、サンプルテキストが sjis で保存さ...

前記事 > Git をローカルで試してみる（使い方 初歩の初歩）「プログラマーじゃないけど Git 入門」ローカルでもう少し試してみます。ファイルに変更を加え add, com...

前記事 > Git 初期設定「プログラマーじゃないけど Git 入門」次は、ローカルで Git を使ってみましょう。git initGit bash（インストールによっ...

前記事 > Git for Windows インストールGit for Windows がインストールできましたので、初期設定としてユーザ名とメールアドレスを設定します。通常、G...

GitHub を使ってはいますが、Git 自体をあまり理解していませんし、有効活用しているようには思えませんので、Dropbox の Public フォルダから GitHubページに移行したのを機会に少し理解を深めよう...

まだ先だと思っていた Dropbox の Public フォルダの終了が間近に迫ってきました。www.imuza.com結局、GitHub ページを利用することにしました。私はプログラマではあり...

CSS3 の Flex レイアウトをご存じですか？当サイトでも、過去記事、www.imuza.comで紹介しているのですが、Flex レイアウトとは、これまでレイアウトに floatを使っていた...

www.imuza.comSass をインストールできましたので、開発環境（大層？）を整えます。scss ファイルの変更を監視する --watch オプション.scssファイル...

CSS メタ言語 LESS は、Joomla!のテーマやはてなのサンプルテーマ「Boilerplate」でも使われてしますので、ここしばらく使っていたのですが、Bootstrap4 が Sass 一本になったということ...

スクリプトなしでアニメーションをスタートさせるトリガーに、:hover や :checked はよく使っています。たとえば、公開中のはてなブログのテーマでは、:checked を使ってモバイルのハンバーガーメニ...

ホバーエフェクトでググれば、かっこいいアニメーションのものがたくさんヒットします。ただ、スマホなどタッチデバイスの場合、a 要素にエフェクトをつけても、エフェクトが始まる前にリンク先に飛んでしまいます。他の要素...

LESS で calc を使う方法LESS で calc を使おうと、たとえば、height: calc(100vh - 80px);として、コンパイルしますと、...