lecture Node.js入門（２）Gulpの導入と使い方
GulpとはNode.jsをベースにした開発ワークフローで苦労したり時間のかかるタスクを自動化するためのツールキットです。
Gulpでできること
Sassのコンパイル
コードの連結と圧縮
画像の圧縮
...
dororo
lecture lecture Node.js入門（１）環境づくりと少しだけ試してみる
Node.jsのページ
Node.jsについて
Nodeとは何か？これは本家のページの「NODE.JSとは」のページに記述されています。
Node はスケーラブルなネットワークアプリケーションを構築するために設計された非同...
lecture MySQLをコマンドで操作〜Mac編
MySQLの操作をphpMyAdminでは行ったことがあるが、コマンドでは操作できないという脱初心者向けのコマンドによるMySQLの基本操作を紹介します。
環境はMacでMAMPを使用したものです。MySQLバージョン： 5.5.42
...
lecture Redmineのインストール方法〜Mac用
Redmineはチームでシステム開発を進める場合に誰がいつまでに何をやるのか、また現在どのくらい進んでいるのかをRedmineに記録することでタスク管理することができるオープンソースソフトウェアのツールです。
チーム作業を行うときに必須に...
lecture Photoshopの描画モードを理解する〜「乗算」を理解すれば「スクリーン」もわかる
Web素材を作成するときに、ネットや本などのチュートリアルでPhotoshopの「描画モード」を使用する事は多いと思いますが、「描画モード」の仕組みをしっかりと理解しないまま終わっていませんか。
今回はPhotoshopの描画モードの中で...
HTML&CSS アスペクト比を保ちながら拡大縮小できるブロックの作成
レスポンシブサイトを作成するときに、アスペクト比（縦横比）を保ったまま拡大縮小するブロックを作成したい場合があります。簡単そうで結構ハマるところです。
今回はアスペクト比を保ちながら拡大縮小できるブロック領域の作成テクニックです。
...
jQuery スマートフォンサイトのイベント〜jQuery
スマートフォンなどのモバイルサイトを作成するときには専用のイベントが必要になります。
今回はタップ、スワイプのイベントに対応する方法を解説します。
タップイベント
タップとは、画面を指先で短く1回叩くことをさします。通常はPC用ペ...
HTML&CSS CSSで表現するブレンドモード〜CSS3
ブレンドモードは２つの画像や画像と塗りをブレンドして表現するものです。
Photoshopなどで頻繁に活用される手法ですが、CSSでも使用することができます。
background-blend-modeプロパティ
注）IEもEdg...
PhotoShop Mac Retina ディスプレイでPhotoshopの作業を行う時に解像度を変更する方法
最近のMacBook ProなどはRetina ディスプレイが標準になってきています。Retina ディスプレイでは解像度が驚くほど高くなっていることが売りです。
そしてこれまたRetina対応したPhotoshop（CS6から対応）で画...
HTML&CSS CSS3でフィルター効果をつける
フィルター効果は本来SVGのグラフィック効果として実装されました。しかし、フィルター効果はCSSからも利用することができます。
CSSでフィルター効果をつけるのは非常に簡単な上にその効果も大きくPhotoshopなどでの一手間を省けるかも...