Htmlコーディングの効率化 前編
-
Upload
yasuhito-yabe -
Category
Technology
-
view
1.677 -
download
1
description
Transcript of Htmlコーディングの効率化 前編
HTMLコーディングの効率化とか最近の傾向とか
前編 : コードを書くということ、Dreamweaver以外の選択肢
矢部靖人
2012年10月12日第9回 Knock! Knock!勉強会
・ コードを書く、ということ・ Dreamweaver以外の選択肢・ CSSプリプロセッサー・ 画像軽量化とデザインデータからのCSS3生成
本日のお題
自己紹介
名 前 : ゃべ ゃすひと年 齢 : 三十路のなかば住 所 : 長泉町(静岡県の東部)職 業 : 兼業主夫 → 一児の父ちゃん 個人事業主(フリーランス) Web制作全般、制作の下請け 広告デザイン全般
Webデザイナー↓
Web/DTPデザイナー、フリーペーパーの編集↓
Webディレクター / プランニング / 営業↓
フリーランスのWeb制作者
フェレット飼ってます
よろしくお願いします
1) コードを書く、ということ
金額
市場
1) コードを書く、ということ
アプリが及ぼす市場インパクト
アッパー市場
ミドル市場
主要顧客
みんビズBiND
ローワー市場
100,000円
1,000,000円
hpb
コードを書かなくてもWebサイトは作れる
コードを書くことで、それ以上にできることがある
1) コードを書く、ということ
クロスブラウザ対応とか
1) コードを書く、ということ
87 9 10
アプリにのってない要望対応とか
1) コードを書く、ということ
Webサイトにおいてコード(HTML・CSS)は最終納品物
1) コードを書く、ということ
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 : [email protected] / Twitter : yabecchy