あああ
かかか
さささ
たたた
ななな
ABC
環境を整える
[Mac (Terminal)]
不可視ファイル表示
- defaults write com.apple.finder AppleShowAllFiles TRUE
- killall Finder
コマンドラインツール
- 参考— http://tweeeety.hateblo.jp/entry/2014/10/03/195429
- xcode-select –install
- xcode-select: note: install requested for command line developer tools
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
- http://sass-lang.com/
- sudo su -c “gem install sass”
[nodejs]
nodejs
bower
- http://bower.io/
- sudo npm install -g bower
browserify
- http://browserify.org/
- sudo npm install -g browserify
gulp
- http://gulpjs.com/
- sudo npm install -g gulp-cli
gulpプラグイン
<CSS>
gulp-sass 又は gulp-ruby-sass 又は node-sass
- https://www.npmjs.com/package/gulp-sass
- npm install –save-dev gulp-sass
- https://www.npmjs.com/package/gulp-ruby-sass
- npm install –save-dev gulp-ruby-sass
- https://www.npmjs.com/package/node-sass
- npm install –save-dev node-sass
gulp-plumber ※scssのコンパイルエラーを止めない
- https://www.npmjs.com/package/gulp-plumber
- npm install –save-dev gulp-plumber
gulp-autoprefixer
- https://www.npmjs.com/package/gulp-autoprefixer
- npm install –save-dev gulp-autoprefixer
gulp-csscomb ※CSSプロパティの順番整理
- https://www.npmjs.com/package/gulp-csscomb
- npm install gulp-csscomb –save-dev
gulp-frontnote ※スタイルガイド作成
- https://www.npmjs.com/package/gulp-frontnote
- https://github.com/frontainer/frontnote
- npm install –save-dev gulp-frontnote
<JS>
gulp-concat ※jsファイル結合
- https://www.npmjs.com/package/gulp-uglify
- npm install –save-dev gulp-concat
gulp-uglify
- https://www.npmjs.com/package/gulp-uglify
- npm install –save-dev gulp-uglify
gulp-browserify ※モジュール導入
- https://www.npmjs.com/package/gulp-browserify
- npm install –save-dev gulp-browserify
<Other>
gulp-notify ※タスク完了時に通知
- https://www.npmjs.com/package/gulp-notify
- npm install –save-dev gulp-notify
gulp-sourcemaps ※ソースマップ作成
- https://www.npmjs.com/package/gulp-sourcemaps
- npm install –save-dev gulp-sourcemaps
gulp-pleeease
- https://www.npmjs.com/package/gulp-pleeease
- npm install –save-dev gulp-pleeease
Font
Ricty Diminished
Migu 1M
Atom setting
Font
- “Migu 1M”
- “Ricty Diminished”
Theme
- Base16 Tomorrow Dark
- http://chriskempson.github.io/base16/#tomorrow
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