読者です 読者をやめる 読者になる 読者になる

CodeIQ Blog

自分の実力を知りたいITエンジニア向けの、実務スキル評価サービス「CodeIQ(コードアイキュー)」の公式ブログです。

「EmmetでHTML高速記述 Lv1/Lv2」問題の中間ランキング発表です!~神超えな人たちがたくさん! #emmet #html #css

CodeIQ中の人、millionsmileです。

コードゴルフといえば、コードを短く書いてその短さを競いあう遊びですが、今回はコードそのものがコードを短くするために工夫されているEmmetを使った問題です。

EmmetとはHTMLやCSSをかなり簡略化して記述できるツールです。

今回は、出題者の@tbpgrさんが文字数別にランキング(神級、上級、中級、初級)を定めていますが、どうやら最上級である神級を超える神越えな人たちがわさわさいたようです。怖いですね、競技プログラマーな方面な方たちって・・・

問題はLv1とLv2の2つのレベルで出題されています。

ではでは、@tbpgrさんからのちょっとしたヒント付きで、中間ランキングの発表をお楽しみください!

◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇

「EmmetでHTML高速記述 Lv1/Lv2」問題の中間発表です!

CodeIQ出題者の@tbpgrです。

2014/02/22終了時点のランキングとヒントを紹介します。

「EmmetでHTML高速記述 Lv1」問題 2014/02/22時点のランキング

はじめに

出題側の想定最短文字数である77文字は初日から突破され、75文字が現状の最短になっています。
ランキング内の同一文字数内は名前の昇順でソートしています。

内訳
人数
不正解 3
初級 0
中級 3
上級 12
神級 32

総数:50名

神級(神超え)

出題者の用意していた解答である77文字より短かった方たちです。

文字数 名前 備考
75 amama 様 --
75 BSD 様 --
75 ciel 様 --
75 EEL733 様 --
75 haisland 様 --
75 iehn 様 --
75 k.hamada 様 --
75 Kezy 様 --
75 midori 様 --
75 nobokko 様 --
75 orisano 様 初の75文字到達者
75 rotary-o 様 --
75 Theodore 様 --
75 Tの人。 様 --
75 zeosutt 様 --
75 あさりの味噌汁 様 --
75 ねじこ 様 --
75 電脳妖精 様 --
76 ryosy383 様 --
76 StupidDog 様 --
76 todaemon 様 --
神級

出題者の用意していた解答である77文字ぴったりだった方たちです。

文字数 名前 備考
77 ang 様 --
77 henachoko 様 --
77 jyasthin 様 --
77 mamekin 様 --
77 mdken 様 --
77 Mohe 様 --
77 Mu 様 --
77 oropon 様 --
77 suppy193 様 --
77 wakipedia 様 --
77 みけCAT 様 最初の挑戦者兼最初の神級達成者

「EmmetでHTML高速記述 Lv2」 2014/02/22時点のランキング

はじめに

出題側の想定最短文字数である150文字は初日から突破され、145文字が現状の最短になっています。
ランキング内の同一文字数内は名前の昇順でソートしています。

内訳
人数
不正解 2
初級 0
中級 3
上級 13
神級 26

総数:44名

神級(神超え)

出題者の用意していた解答である150文字より短かった方たちです。

文字数 名前 備考
145 ciel 様 --
145 iehn 様 初の145文字到達者
145 電脳妖精 様 --
146 k.hamada 様 --
146 Kezy 様 --
146 oropon 様 --
147 StupidDog 様 --
148 amama 様 --
148 todaemon 様 --
148 あさりの味噌汁 様 --
149 jyasthin 様 --
149 mamekin 様 --
149 mdken 様 --
149 Mu 様 --
149 orisano 様 --
149 Theodore 様 --
149 wakipedia 様 --
149 研究所大佐 様 --
神級

出題者の用意していた解答である150文字ぴったりだった方たちです。

文字数 名前 備考
150 ang 様 --
150 EEL733 様 --
150 haisland 様 --
150 henachoko 様 --
150 midori 様 --
150 rotary-o 様 --
150 suppy193 様 --
150 みけCAT 様 最初の挑戦者兼最初の神級達成者

ヒント

現状、神級へ到達していない方へ向けたヒント。

・文法のドキュメントをよく確認すること
必要な文法の情報は、問題文中でも紹介している下記サイトで全て揃います。
http://docs.emmet.io/

・エイリアス
・短縮系

Emmetについて少し補足

Emmetの学習コストの低さ

Emmetは必要な文法が少なく学習コストが低いです。
今回の問題はEmmetでHTMLを作成する際の基本的な文法を網羅するように意識して作りました。
この問題に挑戦して、神級を取っていれば普段の開発でEmmetを利用できるでしょう。

Emmet CSS版

HTML版とはまた違った高速記述の楽しみがあります。
今回の問題で、「Emmet面白い!」と思った方なら気に入って頂ける内容だと思いますので
ぜひCSSの記述も試してみてください。

EmmetってHTML,CSSしか利用できないの?

HTML、CSSの他にHamlやXMLの記述でも利用出来ます。

Emmetはどこで活用する?

・HTMLファイルの記述
・JSPなどの記述
・Hamlファイルの記述
・CSSファイルの記述
・XMLファイルの記述
・JavaDocなどAPIドキュメントにHTMLのタグ文字を含める際

◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇

Emmet問題はまだまだ挑戦受付中です!CodeIQでEmmetデビューしてはいかが?

■EmmetでHTML高速記述 Lv1(締切:3月10日(月)AM10:00まで)
https://codeiq.jp/ace/tbpgr/q725
f:id:codeiq:20140224153158p:plain

■EmmetでHTML高速記述 Lv2(締切:3月10日(月)AM10:00まで)
https://codeiq.jp/ace/tbpgr/q746
f:id:codeiq:20140224153205p:plain

エンジニアのための新しい転職活動!CodeIQのウチに来ない?の特集ページを見る