Enviar pesquisa
Carregar
Emmetで楽々コーディング
•
Transferir como PPTX, PDF
•
1 gostou
•
180 visualizações
M
Maiko Imanishi
Seguir
2017.5.28
Leia menos
Leia mais
Internet
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 17
Baixar agora
Recomendados
自己紹介とWebサービスAPI勉強会について
自己紹介とWebサービスAPI勉強会について
脇村 隆
40
40
Shiho Sue
XMPP and Tornado
XMPP and Tornado
Kazunori Sato
HTML初心者向け勉強会
HTML初心者向け勉強会
SakiKomuro
マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!
Mitsuo Kawashima
Emmet 入門 〜HTMLを卒業しよう〜
Emmet 入門 〜HTMLを卒業しよう〜
Yuki Sato
Emmetの使い方
Emmetの使い方
Yossy Taka
Lightweight CMS
Lightweight CMS
温 小久保
Recomendados
自己紹介とWebサービスAPI勉強会について
自己紹介とWebサービスAPI勉強会について
脇村 隆
40
40
Shiho Sue
XMPP and Tornado
XMPP and Tornado
Kazunori Sato
HTML初心者向け勉強会
HTML初心者向け勉強会
SakiKomuro
マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!
Mitsuo Kawashima
Emmet 入門 〜HTMLを卒業しよう〜
Emmet 入門 〜HTMLを卒業しよう〜
Yuki Sato
Emmetの使い方
Emmetの使い方
Yossy Taka
Lightweight CMS
Lightweight CMS
温 小久保
進化したZen coding "Emmet"
進化したZen coding "Emmet"
Taku Inoue
HTML5 Will Take You Higher! ~HTML5は実務で使える段階へ~
HTML5 Will Take You Higher! ~HTML5は実務で使える段階へ~
Fuminori Mori
Lt 20130302 1
Lt 20130302 1
Tomoyuki Obi
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
Atsushi Miura
モダンなモバイル開発のススメ
モダンなモバイル開発のススメ
Daichi Kamemoto
2011 PHPカンファレンス関西 懇親会LT
2011 PHPカンファレンス関西 懇親会LT
Takako Miyagawa
コーディング速度向上のためのおさらい
コーディング速度向上のためのおさらい
春奈 真井
エンタープライズパッケージを利用しました〜HTML Exporter編〜
エンタープライズパッケージを利用しました〜HTML Exporter編〜
Yuzuru Sano
AlphabetBootCamp 第1回勉強スライド
AlphabetBootCamp 第1回勉強スライド
Sawada Makoto
Html1
Html1
Jun Chiba
フルマネージドのポイントシステム
フルマネージドのポイントシステム
Masayuki Kato
Oxygen Cloud 活用事例
Oxygen Cloud 活用事例
Yoshito Maki
Html part1
Html part1
job one
Koi::Bana〜恋に落ちたエンジニア〜
Koi::Bana〜恋に落ちたエンジニア〜
Munenori Sugimura
Mais conteúdo relacionado
Semelhante a Emmetで楽々コーディング
進化したZen coding "Emmet"
進化したZen coding "Emmet"
Taku Inoue
HTML5 Will Take You Higher! ~HTML5は実務で使える段階へ~
HTML5 Will Take You Higher! ~HTML5は実務で使える段階へ~
Fuminori Mori
Lt 20130302 1
Lt 20130302 1
Tomoyuki Obi
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
Atsushi Miura
モダンなモバイル開発のススメ
モダンなモバイル開発のススメ
Daichi Kamemoto
2011 PHPカンファレンス関西 懇親会LT
2011 PHPカンファレンス関西 懇親会LT
Takako Miyagawa
コーディング速度向上のためのおさらい
コーディング速度向上のためのおさらい
春奈 真井
エンタープライズパッケージを利用しました〜HTML Exporter編〜
エンタープライズパッケージを利用しました〜HTML Exporter編〜
Yuzuru Sano
AlphabetBootCamp 第1回勉強スライド
AlphabetBootCamp 第1回勉強スライド
Sawada Makoto
Html1
Html1
Jun Chiba
フルマネージドのポイントシステム
フルマネージドのポイントシステム
Masayuki Kato
Oxygen Cloud 活用事例
Oxygen Cloud 活用事例
Yoshito Maki
Html part1
Html part1
job one
Koi::Bana〜恋に落ちたエンジニア〜
Koi::Bana〜恋に落ちたエンジニア〜
Munenori Sugimura
Semelhante a Emmetで楽々コーディング
(14)
進化したZen coding "Emmet"
進化したZen coding "Emmet"
HTML5 Will Take You Higher! ~HTML5は実務で使える段階へ~
HTML5 Will Take You Higher! ~HTML5は実務で使える段階へ~
Lt 20130302 1
Lt 20130302 1
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
モダンなモバイル開発のススメ
モダンなモバイル開発のススメ
2011 PHPカンファレンス関西 懇親会LT
2011 PHPカンファレンス関西 懇親会LT
コーディング速度向上のためのおさらい
コーディング速度向上のためのおさらい
エンタープライズパッケージを利用しました〜HTML Exporter編〜
エンタープライズパッケージを利用しました〜HTML Exporter編〜
AlphabetBootCamp 第1回勉強スライド
AlphabetBootCamp 第1回勉強スライド
Html1
Html1
フルマネージドのポイントシステム
フルマネージドのポイントシステム
Oxygen Cloud 活用事例
Oxygen Cloud 活用事例
Html part1
Html part1
Koi::Bana〜恋に落ちたエンジニア〜
Koi::Bana〜恋に落ちたエンジニア〜
Emmetで楽々コーディング
1.
Emmetで 楽々コーディング 2017.5.28 かとさん
2.
About me WEBシステム受託開発会社 勤務 UIデザインとHTML/CSSコーディングを主に担当 jQuery、PHP、CakePHPも少し。 専門学校や取引先会社でHTML/CSSの講師経験あり Emmet歴:始めたばかり twitter かとさん @mk9ueen お気軽にフォローしてください 趣味 ゲーム音楽コンサート ゲーム実況を見る 神社巡り、登山など。
3.
Emmetとは?
4.
HTMLやCSSの記述を 楽にしてくれるプラグイン
5.
導入がラク おすすめする理由①
6.
導入がラク 対応エディタですぐ使える コンパイル環境不要
7.
学習コスト超低 おすすめする理由②
8.
学習コスト 超低 3分で理解できる(!?) よく使う文法だけ覚えればOK
9.
使ってみる Let’s Enjoy Emmet!
10.
省略語+tabキー で展開 基本 tabキー
11.
実際にコーディング してみます
12.
紹介した文法 ! h1 .header input inp input:c select>option*5 nav>ul>li*5>a[href=#]>{link$} c c:r fz fz16 m0 p0 m100p bgc d d:n HTML CSS 実際に 使ってみよう
13.
対応エディタ Sublime Text Atom Ecllipse/Aptana
TextMate Chocolat Komodo Edit Notepad++ PSPad textarea CodeMirror Brackets NetBeans Adobe Dreamweaver など * SPECIAL THANKS * emmet@JAPAN http://emmet.56doc.net/#part5
14.
学習方法 公式のチートシート(文法をサクッと探せる) https://docs.emmet.io/cheat-sheet/ Emmet@JAPANさん(日本語での解説がありがたい) http://emmet.56doc.net/ ドットインストールさん(動画でマスター) http://dotinstall.com/lessons/basic_emmet/25101
15.
上手に活用するには エディタの補完機能の方が 優れている場合もある 使い分けよう
16.
まとめ まずは覚えた文法だけでも 使ってみる価値あり
17.
ありがとうございました Thanks for listening.
Notas do Editor
学生の頃はゲーム業界を目指していた ゲーム実況見ながらランチが最近のマイブーム
対応エディタについては後述 Sassなんかはコンパイル環境のインストールだけでめんどくさい
Sassなどと併用して使うと便利
学習にも時間がかからない 導入も簡単 やって見て損はない 覚えた文法だけでもまずは使ってみよう
Baixar agora