AipoのCSSコーディング環境(Grunt/Sass/Compass)のおさらい Grunt/Sass/Compassとは何なのか、どのように設定され動いているのかを社内向けにおさらいの意味で記します。 Gruntとは node.jsで動くタスクランナー(監視自動実行プログラム) できること Sass… ゴトーハック2014.12.09 286
vimの最低限の使い方 Macでターミナルを使うにあたってたまに必要になるvimというエディタ。 Unix/Linuxでは標準となるエディタですが、そもそもコマンドを覚えないと使うことができないので最低限必要な操作やコマンドについてメモ。 vi… ゴトーハック2014.12.08 363
自分が最初に行うMacの初期設定 新しいMacを使い始めるにあたって、自分が最初に行う設定や最低限必須としているソフトなどを紹介します。 個人の好みレベルの設定も含まれるので参考程度に! Dockの設定 りんごボタン→システム環境設定→Dock 画面上の… ゴトーハック2014.12.04 280
MacのFinderのフォルダから直接ターミナルを開く Windowsでは対象のフォルダ内でShift+右クリックで「コマンドウィンドウをここで開く」というメニューからターミナルを開けましたが、Macでも同様のことができます。 Mac環境設定 左上りんごボタンより「システム環… ゴトーハック2014.12.02 1,203
MacOSのWebStormでGrunt環境をつくる WebStormはインストールされており、既存プロジェクトのGruntfileを流用することを前提としています。 Homebrewのインストール パッケージ管理システム Homebrew こちらの「3. Homebrew… ゴトーハック2014.12.02 374
Git:新しいブランチを作ってすぐ切り替える git checkout -b {ブランチ名} ブランチ作成は branch コマンドで、 checkout はブランチ切り替えのコマンドだが、-b を付けることで新規ブランチを作りつつ切り替えができる。 ゴトーハック2014.12.01 757
Sass:変数ファイルを作って変数を活用しよう Sassでは変数を使ってCSSプロパティの共通化を行うことができます。 例えばこんな形。 $fontSize: 14px .class1 { font-size: $fontSize; } .class2 { font-… ゴトーハック2014.11.28 3,110
【WebStormでSassを使おう】3:Grunt実行とSassの編集 前回まででGruntのプラグインを入れ設定まで行いました。 Gruntの実行 WebStorm画面下の「Grunt」を開いてください。 もし表示されていない場合はプロジェクトビューからGruntfile.jsを右クリック… ゴトーハック2014.11.27 222
【WebStormでSassを使おう】2:Gruntプラグインのインストールと設定 前回まででプロジェクトにGruntの基本パッケージをインストールしました。 下記コマンドでGrunt用プラグインをインストールします。 量が多いので多少時間がかかります。 npm install grunt-contri… ゴトーハック2014.11.26 219