HTML&CSS Tableの使い方詳説〜HTML & CSS（１）
テーブルの記述はHTMLもCSSも面倒な設定や思う通りに行かない場合があったり、思わぬ落とし穴に悩むこともあります。
今回はテーブルについてしっかりと学習していきます。
HTMLでのテーブル関連タグの使い方
テーブル作成に最低限必要な...
HTML&CSS 
PhotoShop PhotoshopCCの画像アセットの生成機能の使い方
PhotoshopCCの画像アセットの生成を使えば、カンプを作成する最中にWebで必要な画像がどんどん書き出される便利な機能があります。これを使うとスライスの必要がほば無くなります。
今回の例はPhotoshopCC2017を使用していま...
PhotoShop Photoshop レイヤーマスクと選択範囲作成小技
人や動物の選択を行う方法です。
ペンツールのパスで大まかに選択してレイヤーマスクを作成
パスを選択範囲に変更するにはctrl(command)+return
毛並みなど複雑なところは色域指定など使って別途選択範囲を作...
HTML&CSS Dreamweaver CC 2017.5で新しく加わったGit機能を使う方法
2017年6月にDreamweaver CC 2017にいよいよGitの機能が標準で搭載されました。さっそく使ってみることにします。
今回の記事はすでにGitの使用経験がありSorceTreeなどから乗り換えたいとお考えの方対象です。
...
lecture Node.js入門（２）Gulpの導入と使い方
GulpとはNode.jsをベースにした開発ワークフローで苦労したり時間のかかるタスクを自動化するためのツールキットです。
Gulpでできること
Sassのコンパイル
コードの連結と圧縮
画像の圧縮
...
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 アスペクト比を保ちながら拡大縮小できるブロックの作成
レスポンシブサイトを作成するときに、アスペクト比（縦横比）を保ったまま拡大縮小するブロックを作成したい場合があります。簡単そうで結構ハマるところです。
今回はアスペクト比を保ちながら拡大縮小できるブロック領域の作成テクニックです。
...