環境を整える

[Mac (Terminal)]
不可視ファイル表示
  • defaults write com.apple.finder AppleShowAllFiles TRUE
  • killall Finder
コマンドラインツール
MacOSでfinderからファイルのパスを簡単にクリップボードにコピーする
QuickLook
  • BrushViewQL
  • QLColorCode
  • QLMarkdown
  • QLStephen
  • QuickLookCSV
  • QuickLookJSON
  • qlImageSize

[Soft]
MAMP
Homebrew
  • /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
Sass

[nodejs]
 
nodejs
bower
browserify
gulp

gulpプラグイン
<CSS>
gulp-sass 又は gulp-ruby-sass 又は node-sass
gulp-plumber ※scssのコンパイルエラーを止めない
gulp-autoprefixer
gulp-csscomb ※CSSプロパティの順番整理
gulp-frontnote ※スタイルガイド作成
<JS>
gulp-concat ※jsファイル結合
gulp-uglify
gulp-browserify ※モジュール導入
<Other>
gulp-notify ※タスク完了時に通知
gulp-sourcemaps ※ソースマップ作成
gulp-pleeease

Font
Ricty Diminished
Migu 1M

Atom setting
Font
  • “Migu 1M”
  • “Ricty Diminished”
Theme

Atom plugin
  • Japanese Menu
  • japanese-zen-han-convert
  • highlight-line
  • highlight-selected
  • indent-guide-improved package
  • Minimap
  • minimap-autohide
  • file-icons
  • tag
  • Emmet plugin Atom editor
  • color-picker
  • atom-project-manager
  • atom-beautify
  • autocomplete ※
  • tree-view ※
  • atom-terminal
※デフォルト

Atom snippet
別ファイルで。

Photoshop CS6
グループレイヤーフォルダ書き出し
カット&スライス

Dreamweaver
DreamweaverでSass環境を整える
Emmet