HTMLコーディングの効率化とか最近の傾向とか

前編 : コードを書くということ、Dreamweaver以外の選択肢

矢部靖人

2012年10月12日第9回 Knock! Knock!勉強会

・ コードを書く、ということ・ Dreamweaver以外の選択肢・ CSSプリプロセッサー・ 画像軽量化とデザインデータからのCSS3生成

本日のお題

自己紹介

名 前 ： ゃべ ゃすひと年 齢 ： 三十路のなかば住 所 ： 長泉町（静岡県の東部）職 業 ： 兼業主夫 → 一児の父ちゃん 個人事業主（フリーランス） Web制作全般、制作の下請け 広告デザイン全般

Webデザイナー↓

Web/DTPデザイナー、フリーペーパーの編集↓

Webディレクター / プランニング / 営業↓

フリーランスのWeb制作者

フェレット飼ってます

よろしくお願いします

１） コードを書く、ということ

金額

市場

１） コードを書く、ということ

アプリが及ぼす市場インパクト

アッパー市場

ミドル市場

主要顧客

みんビズBiND

ローワー市場

100,000円

1,000,000円

hpb

コードを書かなくてもWebサイトは作れる

コードを書くことで、それ以上にできることがある

１） コードを書く、ということ

クロスブラウザ対応とか

１） コードを書く、ということ

87 9 10

アプリにのってない要望対応とか

１） コードを書く、ということ

Webサイトにおいてコード（HTML・CSS）は最終納品物

１） コードを書く、ということ

2） Dreamweaver以外の選択肢

Dreamweaverって重くないですか？

2） Dreamweaver以外の選択肢

Dreamweaverを高速化する方法→ 速いマシンを買うCSS Nite in OKAYAMA, Vol.3 にて

2） Dreamweaver以外の選択肢

Dreamweaverはたしかに便利・ サイト管理とリンクの再設定・ テンプレート / ライブラリ機能・ デザインビュー（特にテーブル！）・ 入力補助 / ソースフォーマットの適用

2） Dreamweaver以外の選択肢

しかし普段使いには如何せん重いそれなら…

「エディタを使い分ける」という方法論

2） Dreamweaver以外の選択肢

普段のコーディング → 別のエディタDWでしかできないこと → DWで

2） Dreamweaver以外の選択肢

・ DWは専らコードビューという人にオススメ・ 何より軽快・ FTPも使えます（サイト機能）・ データベース（MySQL）にもアクセス可能・ コードシンタックス / 入力補助（サジェスト）・ Git / Subversionのクライアント機能

Coda 2という選択肢

サイトごとに管理できます

Coda内でFTPが使えます（Transmitなみの高機能）

コード入力時には入力補助機能が便利

画面分割もできます

プレビューではSafariが動いてます

2） Dreamweaver以外の選択肢

詳しくはCSS Nite in Ginza, Vol.65を（ http://cssnite.jp/ginza/vol65/ ）

2） Dreamweaver以外の選択肢

WinならSublime TextがいいらしいですCoda 2は、Mac専用です、残念ながら。

後編に続く

本日はありがとうございました

ご連絡・ご質問など下記までお願いしますE-mail : info@hamnaly.comFacebook / Twitter : yabecchy