Skip to content

Instantly share code, notes, and snippets.

@mitomex
mitomex / fundamental.markdown
Created January 27, 2013 21:42
Mac OSX fundamental

環境整備

Mac OS 10.7.5 です。 http://protean.cc/osx-web-development-fundamental こちらのページを参考に。

準備

Homebrew を入れるための準備として、

  1. Xcode を App Store からインストール
  2. Xcode をインストールしたら、Xcode の環境設定を立ちあげて、Download タブから Command Line Tool をインストール
@mitomex
mitomex / st2snippet.markdown
Created February 3, 2013 10:53
Sublime Text 2 - How to create snippets
@mitomex
mitomex / .bowerrc
Created February 5, 2013 11:20
.bowerrc
{
"directory": "app/vendor"
}
@mitomex
mitomex / styledocco.markdown
Created February 22, 2013 16:50
How to Styledocco
@mitomex
mitomex / Gruntfile.js
Created February 23, 2013 21:06
Gruntfile.js Stylus
module.exports = function(grunt) {
grunt.initConfig({
stylus: {
compile: {
options: {
compress: false
},
files: {
'./css/style.css': ['./styl/style.styl']
}

ローカルサーバー構築

MAMP XAMPP を使わずにローカルサーバーを構築する。

手順

  1. Apache の起動
  2. バーチャルホストの設定
  3. PHP のインストール
  4. MariaDB のインストール

Bootstrapunch

ソースコードはこちら

Bootstrapunch で Less をいじるときの手順

  1. /bootsrapunch/bower/bootstrap/ディレクトリで、npm installを行う
  2. /bootsrapunch/bower/bootstrap/less/ディレクトリ内の.lessファイルを適宜いじる
  3. いじり終わったら、/bootstrapunch/bower/bootstrap/ディレクトリでmake bootstrapを行う

そうすると、/bootstrapunch/bower/bootstrap/Makefileに記載されているルールに則り、/bootstrapunch/bower/bootstrap/less/にあるファイルが、bootstrapunch/templates/css/に展開される。

@mitomex
mitomex / setting_sublime.markdown
Last active December 19, 2015 14:19
Sublime Text 2 を Terminal から使う時の設定

Sublime Text 2

Terminal で subl コマンドを使えるようにするには。

ln -s /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl

注意事項

.bash_profile で PATH に追加が必要。

@mitomex
mitomex / fnsws03.md
Last active November 15, 2015 13:40
Sketch 3

ふにセミ Sketch 3

Sketch 3

基本操作(知っておくと便利なもの)

  • 選択ツールがない。操作を選択していない状態が選択ツール
  • 各操作のショートカットをもう一回押せば、操作の解除になる
  • グループ化すると、左カラムでフォルダとして表示される
  • グループ化解除は、フォルダの外に出せば良い

これから重要視されるコンテンツの話をしよう

メモ

  • 長谷川恭久さんの講座
  • バズワードになっている、コンテンツ
  • SEOの方も言っている
  • コカ・コーラのコーポレートサイト、コンテンツを通して体感してもらう
  • コンテンツを作って配信する方向に予算を
  • ここまではマーケ寄り