ウェブ制作

mongodbをcentos6にインストール(vagrant)メモ

今回は、centos6系でmongodb環境を作る機会があったのでそれのメモ。テスト環境のためvagrantで作った仮想環境で行った。
ウェブ制作

nodejs環境をcentos6で作る(vagrant)メモ

今回は、centos6系でnodejs環境を作る機会があったのでそれのメモ。テスト環境のためvagrantで作った仮想環境で行った。
ウェブ制作

Symfony2 app/consoleコマンドヘルプを見やすく機械翻訳したリスト化しただけ!

Symfony2のヘルプコマンドで英語読めないのでGoogle翻訳にかけてテーブル化しました。自力で翻訳一切してません。
ウェブ制作

gulp で haml を使える様子にするメモ 超快適になった!

hamlが使えるようになったので、さっそくgulpに追加したいと思いました。そしたらいくつかhamlプラグインがあったので使えた一つを紹介というかメモ。
ウェブ制作

hamlをインストールから応用まで遊んだのでメモ

なぜこんなことやるかというと、導入しようと思ってinstallコマンドを入力したらうまくインストールできなかったの僕みたいな超入門者用にまとめます。hamlインストール方法コマンドラインから行いますコマンドで以下のことを実行してください。ま...
ウェブ制作

サッとサイズ決定!黄金比の正方形サイズ計算ツールが便利

デザインで美しいとされるものは黄金比を意識されていることが多かったりします。逆に、黄金比を使いデザインすると手軽に美しいものをつくれます。そんな黄金比サイズを計算してくれるツールを紹介したいと思います。
ウェブ制作

簡単に12グリッドのガイド引く フォトショプのプラグインCC2015メモ

普段私はFoundation5フレームワークを使用しています。デザイン案を考えるときは12グリッドを元に制作することが多くなります。そこで、グリッドを引くときとても便利なプラグンを紹介します。※導入方法はPhotoshopCC2015での方...
ウェブ制作

AtomのTerm2でcompass(gulp)コマンドが文字コードで通らないときの対処法

私は、gulpコマンド実行すればcompassの処理がされるようにしている。今回は、AtomのTerm2でcompass(gulp)をコマンドを実行した際、ターミナルでは何もエラーが出なかったにもかかわらずエラーが出た時の対処法をメモ
ウェブ制作

AtomのTerm2でコマンドが通らないときの対処法

AtomのTerm2をいざ使おうと思い、gulpコマンドを実行したら『commandnotfound』と出てしまったので対処法をメモします。
ウェブ制作

CSSルールまとめ SMACSS. OOCSS. BEM

今回、何気なくフレームワークを使うことでなんとなく使っていたCSSルールをしっかり学んでみたので大まかな部分をメモしておきます。理解した上で使っていき気づきがあったら追記していく予定です。今回はSMACSS・OOCSS・BEMの3つルールに...
ウェブ制作

【emacs】Macエンジニアで知らないとダメ?カーソル移動ショートカットメモ

Macユーザーの方テキストエディター使っていますか?最近、私はAtomと一回お別れしたんですがGitを使いバージョン管理もするようになりAtomが便利で戻り今はAtom一筋です。今回はMacのほとんどのソフトで使えるemacs操作のショート...
ウェブ制作

単純なボーダーストライプ柄はCSSでやるときのまとめメモ

CSS3だけで単純なストライプ柄はさっと作れないかなと思い検索したらかなり簡単にできるようでした。