Your SlideShare is downloading. ×
  • Like
Htmlコーディングの効率化 前編
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Htmlコーディングの効率化 前編

  • 1,527 views
Published

「9th Knock!」 第9回Knock! Knock! 勉強会(2012年10月12日、B-nest静岡市産学交流センターにて) …

「9th Knock!」 第9回Knock! Knock! 勉強会(2012年10月12日、B-nest静岡市産学交流センターにて)

http://knock3.hamnaly.com/vol09/

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,527
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
3
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTMLコーデ ングの効率化 ィ とか最近の傾向とか 前編 : コードを書く う と、 とい こ Dreamweaver以外の選択肢 2012年10月12日 第9回 Knock! Knock!勉強会 矢部靖人
  • 2. 本日のお題・ コードを書く、 う と とい こ・ Dreamweaver以外の選択肢・ CSSプリプロセッサー・ 画像軽量化とデザイ ンデータからのCSS3生成
  • 3. 自己紹介
  • 4. 名 前:ゃべ ゃすひと年 齢:三十路のなかば住 所:長泉町 (静岡県の東部)職 業:兼業主夫 → 一児の父ちゃん 個人事業主 リーランス) (フ Web制作全般、 制作の下請け 広告デザ ン全般 イ
  • 5. Webデザ イナー ↓Web/DTPデザイナー、 リーペーパーの編集 フ ↓ Webデ レク ィ ター / プランニング / 営業 ↓ フリーラン のWeb制作者 ス
  • 6. フ レット飼 っ ェ てます
  • 7. よろしく 願いし お ます
  • 8. 1)コードを書く、 う と とい こ
  • 9. 1)コードを書く、 う と とい こアプリが及ぼす市場インパクト 金額 アッパー市場 1,000,000円主要顧客 ミドル市場 hpb 100,000円みん ズ ビ ローワー市場 BiND 市場
  • 10. 1)コードを書く、 う と とい こコードを書かな てもWebサ トは作れる く イ コードを書く とで、 こ それ以上にでき こ る とがある
  • 11. 1)コードを書く、 う と とい こク ブラウザ対応とか ロス 7 8 9 10
  • 12. 1)コードを書く、 う と とい こアプリにのってない要望対応とか
  • 13. 1)コードを書く、 う と とい こ Webサ トにおいて イコード (HTML・CSS)は最終納品物
  • 14. 2)Dreamweaver以外の選択肢
  • 15. 2)Dreamweaver以外の選択肢Dreamweaver って重くないですか? Dreamweaverを高速化する方法 → 速いマシンを買う CSS Nite in OKAYAMA, Vol.3 にて
  • 16. 2)Dreamweaver以外の選択肢Dreamweaverはたしかに便利 ・ サイト管理と ンクの再設定 リ ・ テンプレート / ライブラリ機能 ・ デザイ ュー ンビ (特にテーブル !) ・ 入力補助 / ソースフォーマットの適用
  • 17. 2)Dreamweaver以外の選択肢 しかし普段使いには如何せん重いそれなら…「エデ タ ィ を使い分ける」 う方法論 とい
  • 18. 2)Dreamweaver以外の選択肢普段のコーデ ング → 別の ィ ィ エデ タDWでしかできないこ → DWで と
  • 19. 2)Dreamweaver以外の選択肢 Coda 2という選択肢・ DWは専らコードビ ューとい 人にオススメ う・ 何よ り軽快・ FTPも使え (サイ ます ト機能)・ データベース (MySQL) アにも クセス可能・ コードシンタ ス / 入力補助 ック (サジェスト)・ Git / Subversionのクライ ト機能 アン
  • 20. サイ ごとに管理でき ト ます
  • 21. Coda内でFTPが使え ます(Transmitなみの高機能)
  • 22. コード入力時には入力補助機能が便利
  • 23. 画面分割もできます
  • 24. プレビューではSafariが動いてます
  • 25. 2)Dreamweaver以外の選択肢詳しくはCSS Nite in Ginza, Vol.65を( http://cssnite.jp/ginza/vol65/ )
  • 26. 2)Dreamweaver以外の選択肢Coda 2は、Mac専用です、 残念ながら。WinならSublime Textがいいらしいです
  • 27. 後編に続く
  • 28. 本日はあ がと ございま り う した ご連絡 ご質問など下記までお願いし ・ ます E-mail : info@hamnaly.com Facebook / Twitter : yabecchy