CodaでClipを使ってWordPress開発を早くするススメ。

19

Transcript of CodaでClipを使ってWordPress開発を早くするススメ。

Page 1: CodaでClipを使ってWordPress開発を早くするススメ。
Page 3: CodaでClipを使ってWordPress開発を早くするススメ。

me

shinichiN

WordPress Love!

http://colog.jp/

発表した時の動画 → http://www.ustream.tv/recorded/23642140 の 2:04:30 あたりから

Page 4: CodaでClipを使ってWordPress開発を早くするススメ。

ころぐ

Page 5: CodaでClipを使ってWordPress開発を早くするススメ。

menuエディタとしての使いやすさ

zen-coding, その他の便利プラグイン

WordPress の関数を覚えてもらう

clip

database connect

ssh

Page 6: CodaでClipを使ってWordPress開発を早くするススメ。

エディタとしての使いやすさ

階層構造を見ながらファイルブラウジング

画面を分割にする

→左にCSS, 右にプレビューで快適スタイリング。→左にhtml, 右にテンプレートファイルで快適テーマ作り

動画の中でしゃべってます

Page 7: CodaでClipを使ってWordPress開発を早くするススメ。

zen coding

zen coding ができるようになる

http://code.google.com/p/zen-coding/downloads/list?q=label:Featured 、からダウンロード → 解凍 → TEA for

Coda.codapluginをダブルクリックで入ります。

Page 8: CodaでClipを使ってWordPress開発を早くするススメ。

coda plugins

http://panic.com/jp/coda/plugins.phpに色々あります。

Page 9: CodaでClipを使ってWordPress開発を早くするススメ。

plugin > gist

public gist

private gist

Page 10: CodaでClipを使ってWordPress開発を早くするススメ。

plugin > php & Web Toolkit

Page 11: CodaでClipを使ってWordPress開発を早くするススメ。

WordPressの関数

Page 12: CodaでClipを使ってWordPress開発を早くするススメ。

WordPress の関数http://danielkoskinen.com/fix-wordpress-syntax-mode-for-coda-2/ ↑ダウンロードして、解凍、~/Library/Application Support/Coda 2/Modes/に入れて、再起動。

デモ

Page 13: CodaでClipを使ってWordPress開発を早くするススメ。

clip

Page 14: CodaでClipを使ってWordPress開発を早くするススメ。

clip 目次

基本のやつ

WordPressのやつ

一気にやるやつ

Page 15: CodaでClipを使ってWordPress開発を早くするススメ。

clip

使い方は、http://www.ustream.tv/recorded/

23642140 の 2:04:30 あたりから解説してます

http://nskw-style.com/wp-content/uploads/2012/07/nskw-clips.zip で動画の中で触れているclipを配布してます。→ 解凍してダブルクリックで入ります。

Page 16: CodaでClipを使ってWordPress開発を早くするススメ。

その他

Page 17: CodaでClipを使ってWordPress開発を早くするススメ。

database connect

繋がるし、速いし、綺麗

phpMyAdminいらないです

Page 18: CodaでClipを使ってWordPress開発を早くするススメ。

ssh

繋がる!!

Page 19: CodaでClipを使ってWordPress開発を早くするススメ。

結論!

自分で色々、足して、どんどん速く楽しく。