Your Friendly Web Development CompanionYour Friendly Web Development Companion Prepros compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.
Hamlã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—｜Sublime text 2ã§ãƒ“ルドã—ã¦ã¿ã¾ã—ãŸã€‚ | DevelopersIO
先日ã€å¼Šç¤¾ã§é–‹å‚¬ã—ã—ã¦ã„る勉強会:ã€èª²å¤–授æ¥5日目】「Sublime Text 2ã¨Sass&Compassã§åŠ¹çŽ‡çš„ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ©ã‚¤ãƒ•ã€ã®ã‚¹ãƒ”ーカーを務ã‚ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 人生åˆã®ã‚¹ãƒ”ーカーã¨ã„ã†ã“ã¨ã§ã€ç·Šå¼µã—ã¦æ™‚é–“ã‚’10分巻ã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚。。 ã•ã¦ä»Šå›žã¯Haml with Sublime text 2ã¨é¡Œã—ã¾ã—ã¦ã€ã”紹介ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ アジェンダ Hamlã¨ã¯ï¼Ÿ Hamlã®æ›¸ãæ–¹ Sublime text 2ã§ãƒ“ルド(ファイル出力) ãŠã¾ã‘ Hamlã¨ã¯ï¼Ÿ XHTML Abstraction Markup Languageã®ç•¥ç§°ã§ã™ã€‚ ã¨è¨€ã‚ã‚Œã¾ã—ã¦ã‚‚ãªã‚“ã®ã“ã¨ã ？？ã£ã¦ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ 日本Hamlã®ä¼šã¨ã„ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—ã§ä»¥ä¸‹ã®ã‚ˆã†ã«ã€èª¬æ˜Žã—ã‚Œãã‚Œã¦ã¾ã™ã€‚ Hamlã¯HTML/XHTMLを生æˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語ã§ã™ã€‚インデントや簡略構文ã«ã‚ˆã£ã¦ç°¡æ½”ãªè¨˜è¿°
マークアッパー的 Haml入門21ã®æ‰‹å¼•ã - Webå¦ã³
2012å¹´ 4月 11æ—¥ Hamlã¯HTMLを効率的ã«ç”Ÿæˆã™ã‚‹ãŸã‚ã®è¨˜æ³•ã§ã™ã€‚ ã‚€ãšã‹ã—ã„ã¨æ€ã£ã¦ã„る方も多ãã†ãªã®ã§ã€ã‹ã„ã¤ã¾ã‚“ã§ã‚·ãƒ³ãƒ—ルã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Hamlを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ Macã®å ´åˆã¯ アプリケーション＞ユーティリティ＞ターミナルを開ãã¾ã™ã€‚ é–‹ã„ã¦ã™ãã®ä½ç½®ã«æ¬¡ã®ä¸€è¡Œã‚’入力ã—ã¾ã™ã€‚ gem install haml 処ç†ãŒæ•°åˆ†ã»ã©ã‹ã‹ã‚Šã¾ã™ã€‚ターミナルã¯ãã®ã¾ã¾ã«ã—ã¦ãã ã•ã„。 HamlファイルをHTMLã«å¤‰æ›ã™ã‚‹ ã¾ãšã¯æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒã©ã®ã‚ˆã†ã«HTMLã¨ãªã‚‹ã®ã‹ç¢ºèªã§ãるよã†ã«ã—ã¾ã—ょã†ã€‚ 試ã—ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«test.hamlã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’作りã¾ã™ã€‚ Hamlã‚’HTMLã«ã™ã‚‹ãŸã‚ã€å…ˆã»ã©ã®ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é–‹ãã¾ã™ã€‚ファイルを置ã„ãŸéšŽå±¤ã¾ã§cdã§ç§»å‹•ã—ã¾ã™ã€‚ cd desktop ã“れを入力ã—Enter(return)ã‚ーを押ã—㦠haml test.haml tes
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}