[B! haml] reponã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

repon id:repon

hamlã«é–¢ã™ã‚‹reponã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

æ±ºå®šç‰ˆ!!Hamlå°æŠ€ã¾ã¨ã‚ï¼ï¼ - Qiita
æœ¬è¨˜äº‹ã®ã‚µãƒžãƒª ã‚ã‚Œã€ã“ã‚Œã£ã¦hamlã§ã¯ã©ã†ã™ã‚‹ã‚“ã ã£ã‘ï¼Ÿã£ã¦ãªã£ãŸäººã«ã€hamlã®åŸºæœ¬ãŒæ€ã„å‡ºã›ã‚‹ã‚ˆã†ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚é–“é•ã„ã‚„ã€ç´ æ•µãªtipsç‰ã‚ã‚Œã°æ˜¯éžæ•™ãˆã¦ãã ã•ã„ã€‚ (hamlã®å¤‰æ›çµæžœã¯ã€é©å®œè¦‹ã‚„ã™ã„ã‚ˆã†ã«ã€ç©ºç™½ã‚„æ”¹è¡Œã‚’å…¥ã‚Œã¦ã„ã‚‹ãŸã‚ã€å®Ÿéš›ã®å¤‰æ›çµæžœã¨ç•°ãªã‚‹å ´åˆãŒã”ã–ã„ã¾ã™ã®ã§ã€ã”ç•™æ„ãã ã•ã„ã€‚) è‹±èªžãŒè‹¦æ‰‹ã˜ã‚ƒãªã‘ã‚Œã°ã€å…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’èªã¿ã¾ã—ã‚‡ã†ï¼ï¼ å¯¾è±¡èªè€… hamlã£ã¦ã„ã„ã£ã¦ã‚ˆãèžãã‘ã©ã€ã‚ã‚“ã¾ã‚Šä½¿ã£ãŸã“ã¨ãªãã¦ã©ã†ã—ãŸã‚‰ã„ã„ã‹ã‚ã‹ã‚‰ãªã„æ–¹å‘ã‘ã€‚ hamlã‚’ã¡ã‚‡ã„ã¡ã‚‡ã„ä½¿ã£ã¦ã‚‹ã‘ã©ã€ã¾ã ã€Œé¦´æŸ“ã‚€ã€é¦´æŸ“ã‚€ãžã‰ã‰ã€ã£ã¦ãªã„äººå‘ã‘ã€‚ å‹•ä½œç¢ºèªãƒãƒ¼ã‚¸ãƒ§ãƒ³ ruby --version ruby 2.2.3p173 (2015-08-18 revision 51636) [x86_64-darwin15] rails -v Rails 4.1.1 gem list --lo
repon 2018/06/11
haml

ruby
ãƒªãƒ³ã‚¯
HamlãŒ5åˆ†ã§åˆ†ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ [Railsåˆå¿ƒè€…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«]
ä»Šå›žã¯Rubyã®ä»£è¡¨çš„ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã€Œhamlã€ã‚’ä½¿ã£ã¦ã€Railsã®Viewã‚’æ›¸ãæ›ãˆã¦ã¿ã¾ã™ã€‚ã¾ãŸã€Hamlã‚’ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººå‘ã‘ã«ã‚‚é©ã—ãŸTipsçš„ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸï¼ ðŸ„ Railsã®Viewã¨ã¯ï¼ŸRailsã§ã¯æ¬¡ã®ã‚ˆã†ãªMVC(Model, View, Controller)ã®ã—ãã¿ä½¿ã£ã¦Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã„ãã¾ã™ã€‚ Model(ãƒ¢ãƒ‡ãƒ«): ä¸»ã«ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹(MySQLã‚„PostgreSQL)ã¨ã®ã‚„ã‚Šã¨ã‚Šã‚’æ‹…å½“ View(ãƒ“ãƒ¥ãƒ¼): ä¸»ã«Webãƒ–ãƒ©ã‚¦ã‚¶ã®htmlã®è¡¨ç¤ºã‚’æ‹…å½“ Controller(ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©): View(ãƒ“ãƒ¥ãƒ¼)ã¨Model(ãƒ¢ãƒ‡ãƒ«)ã¨ã®é–“ã®æ©‹æ¸¡ã—ã‚’æ‹…å½“ ä»Šå›žã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§ç°¡å˜ã«ç¢ºèªã§ãã‚‹Viewã®éƒ¨åˆ†ã‚’å¤‰æ›´ã—ã¦ã¿ã¾ã™ã€‚ ðŸ˜Ž Hamlã¨ã¯ï¼Ÿã€ŽHamlã€ã¨ã¯ç°¡å˜ã«ã„ã†ã¨HTMLã‚’ã‚ˆã‚Šç°¡å˜ã«æ›¸ããŸã‚ã®ãƒ“ãƒ¥ãƒ¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã§ã™ã€‚
repon 2015/08/16
haml

tutorial
ãƒªãƒ³ã‚¯
Sublime Text 2 + Sass + Compass + Emmet æœ€å¼·èª¬ï¼å°Žå…¥æ–¹æ³•ã¨è‡ªå‹•ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®è¨å®šã¾ã¨ã‚ | Cappee Design
æœ¬æ—¥ãŒæ±ºç®—æ—¥ã®@cappeeã§ã™ã€‚ Sublime Text 2 + Sass(SCSS) + Compass + Emmet(Zen-Coding) æœ€å¼·èª¬ï¼ ã¤ã„ã«ãŸã©ã‚Šç€ã„ã¦ã—ã¾ã£ãŸã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»Šè©±é¡Œã«ã‚‚ãªã£ã¦ã„ã‚‹é€šã‚Šä¸Šã®4ã¤ãŒã‚¿ãƒƒã‚°ã‚’çµ„ã‚€ã“ã¨ã§ã‚‚ã®ã™ã”ã„åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã§ãã¾ã™ã€‚ï¼ˆãã“ã¾ã§ã¾ã ä½¿ã„ã“ãªã—ã¦ãªã„ã®ã§ã€æ£ã—ãã¯ã€Œã§ããã†ã§ã™ã€ã€‚ï¼‰ ã›ã£ã‹ããªã®ã§å°Žå…¥ã™ã‚‹ã«ã‚ãŸã‚Šå‚è€ƒã«ã•ã›ã¦ã„ãŸã ã„ãŸã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ã¨ã¤ã¾ã¥ã„ãŸã¨ã“ã‚ãªã©ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ å°Žå…¥ã®ã‚ãƒƒã‚«ã‚± è©±é¡Œã™ãŽã‚‹ã»ã©äººæ°—ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã®ã§å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ãŸã‚ã«èª¿ã¹ã¦ã¿ãŸã‚Šã¯ã¿ãªã•ã‚“ã™ã§ã«ã—ã¦ã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ç§ã¯Dreamweaverã‚’ä½¿ç”¨ã—ã¦ã„ã¦Emmet(Zen-Coding)ã¯ä»Šã¾ã§ã‚‚æ´»ç”¨ã—ã¦ããŸã®ã§ã€ã•ã‚‰ãªã‚‹ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã‚’æ±‚ã‚ã¦Sass+Compassã®å°Žå…¥ã‚’ã—ã‚ˆã†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ S
repon 2015/01/07
Sass

sublime text 2

compass

haml

tips
ãƒªãƒ³ã‚¯
Middleman: ä½œæ¥ã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒ„ãƒ¼ãƒ«
ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« gem ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—, æ–°ãŸã« Middleman ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã« CLI ã‹ã‚‰ middleman init my_project ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’å‚ç…§ã™ã‚‹ ã‚µã‚¤ãƒˆã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º cd my_project ã—ã¦ãã ã•ã„ã€‚ Middleman ã¯ç´°ã‹ã„è¨å®šãªã—ã«å‹•ä½œã—ã¾ã™ã€‚å„ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®æ„å‘³ã‚„ ã‚µã‚¤ãƒˆã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®è¡Œã„æ–¹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã§ãã ã•ã„ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã‚’å‚ç…§ã™ã‚‹
repon 2015/01/07
ruby

haml

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼
ãƒªãƒ³ã‚¯
Hamlã¨Slimã‚’Middlemanä¸Šã§æ¯”è¼ƒã™ã‚‹ - Tech-Sketch
æ˜¨ä»Šã®é–‹ç™ºã§ã¯HTMLã‚’ãã®ã¾ã¾è¨˜è¿°ã™ã‚‹ã®ã§ã¯ãªãã€ç°¡æ½”ã«è¨˜è¿°ã™ã‚‹ç‚ºã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯Hamlã¨Slimã¨ã„ã†ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ã€Middlemanã¨ã„ã†é–‹ç™ºã‚µãƒ¼ãƒãƒ¼ãƒ„ãƒ¼ãƒ«ã‚’åˆ©ç”¨ã—ã¦æ¯”è¼ƒã—ã¦ã„ãã¾ã™ã€‚ Hamlã¨Slimã¨ã¯ï¼Ÿ Haml ã¨ Slim ã¯HTMLã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã§ã™ã€‚ HTMLã‚’ãã®ã¾ã¾è¨˜è¿°ã™ã‚‹ã®ã¨æ¯”ã¹ã€ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚„ç°¡ç•¥æ§‹æ–‡ã«ã‚ˆã£ã¦ç°¡æ½”ãªè¨˜è¿°ãŒè¡Œãˆã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ Hamlã¯Ruby On Railsãªã©ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§åˆ©ç”¨ã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€Slimã¯èžããªã‚Œãªã„æ–¹ã‚‚ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ â€»Ruby On Railsã§åˆ©ç”¨ã™ã‚‹ã«ã¯ãã‚Œãžã‚Œã€ haml-rails ã€ slim-rails ã¨ã„ã†gemã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ ä»¥ä¸‹ã§Hamlã¨Slimã«ã¤ã„ã¦ã€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ç”¨ã„ã¦æ¯”è¼ƒã—
repon 2013/10/16
haml

slim
ãƒªãƒ³ã‚¯
æ©‹æœ¬å•†ä¼š Â» Sinatra+Haml+jQueryå…¥é–€
ç ”ç©¶å®¤ã®å¾Œè¼©ã«Sinatraã¨hamlã¨jQueryã‚’æ•™ãˆã‚‹ãŸã‚ã«ä½œã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ã¤ã„ã¦ã€ã“ã“ã«ã‚‚æ›¸ã„ã¦ãŠã ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ https://github.com/shokai/sinatra-template å®Ÿéš›å‹•ã„ã¦ã„ã‚‹ã‚‚ã® http://masui.sfc.keio.ac.jp/sinatra-template/ git clone git://github.com/shokai/sinatra-template.git â– Sinatraã‚’ä½•ã«ä½¿ã†ã‹ Sinatra+haml+jQueryãŒä¾¿åˆ©ã€‚ Railsã¨ä¼¼ã¦ã‚‹ã‘ã©ã€ã¡ã‚‡ã£ã¨é•ã†ã€‚ å€‹äººçš„ã«ã¯ Rails â†’ HTMLã®ãƒšãƒ¼ã‚¸ã‚’ã„ã£ã±ã„ä½œã‚‹ã®ã«ä¾¿åˆ© Sinatra â†’ ç”»é¢é·ç§»ã‚ã¾ã‚Šã—ãªãã¦ã€åŒã˜URLã®ã¾ã¾jsonã®APIã‚’jQueryã®ajaxã§å–å¾—ã—ã¦å‹•çš„ã«è¡¨ç¤ºã‚’å¤‰ãˆã‚‹webãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã®ã«ã¯ä¾¿åˆ© ã«æ„Ÿã˜ã‚‹ã€‚ ã§ã‚‚Si
repon 2013/06/26
sinatra

ruby

haml

jQuery
ãƒªãƒ³ã‚¯
AngularJSãªã©Javascriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’è©¦ã—ã¦ã¿ã‚‹ç’°å¢ƒã«ã¤ã„ã¦ä½œã£ã¦ã¿ã‚‹ - Life on Rails
Ruby, Railsã‚„Rubygemsã®ä»•çµ„ã¿ãŒã‚ã‚‹ç¨‹åº¦ã€ã‚ã‹ã£ã¦ã„ã‚‹äººå‘ã‘ã«æ›¸ãã€‚ ã‚ã¨ã€ä½œã£ã¦ã¿ãŸã ã‘ã§ã‚ã£ã¦ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¯ã„ãªã„ã®ã§ã€è‰²ã€…ã¨å•é¡Œã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ ã€ŒHTMLã‚„CSSã‚„Javascriptã‚’1ã€œ2å¹´å‰ãã‚‰ã„ã®çŸ¥è˜ã§ã¯ã©ã†æ›¸ãã®ã‹ãªã€ã®å‚è€ƒç¨‹åº¦ã«è¦‹ã¦ã‚‚è‰¯ã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ å‰èª¬ Backbone.jsã‚„AngularJSãªã©Javascriptã§ã‚‚MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå‡ºã¦ãã¦ã„ã‚‹ã€‚ç‰¹ã«AngularJSã¯DIã®ä»•çµ„ã¿ã‚’æŒã¤ãªã©ã€ActionScript3ã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Robotlegsã«æ„Ÿå‹•ã—ãŸèº«ã¨ã—ã¦ã¯èˆˆå‘³æ·±ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ã€‚ ãã®ã‚ˆã†ãªJavascirptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è©¦ã™å ´åˆã€è‰²ã€…ãªä»•çµ„ã¿ãŒæ¬²ã—ããªã‚‹ã€‚ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã ã€‚ HTMLã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ coffee scriptã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ© assetsã‚¨ãƒ³ã‚¸ãƒ³ ã“ã‚Œã‚’å®Ÿç¾ã™ã‚‹ã«ã¯Rai
repon 2013/06/26
ã€Œ%html{"ng-app" => ""}ã€

angularjs

haml
ãƒªãƒ³ã‚¯
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ã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚„ç°¡ç•¥æ§‹æ–‡ã«ã‚ˆã£ã¦ç°¡æ½”ãªè¨˜è¿°
repon 2013/02/18
ã„ã„ãªãƒ¼

haml

SublimeText2
ãƒªãƒ³ã‚¯
hamlå†…ã®rubyã‚³ãƒ¼ãƒ‰ - æ©‹æœ¬è©³è§£
blogã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã¨ã‹ã§ã€æ–°ç€5ä»¶ã¨ã‹ã‚’forã§å›žã—ã¦è¡¨ç¤ºã™ã‚‹æ™‚ã€ãã‚Œãžã‚Œã®è¨˜äº‹ã«idã‚’æŒ¯ã£ãŸã‚Šã¨ã‹ã—ãŸã„ã€‚ å…ˆã«ã¾ã¨ã‚ å…ˆé ã« - ãŒã‚ã‚‹è¡Œã¯rubyã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦è©•ä¾¡ã•ã‚Œã‚‹ tagã®å¾Œã« = ãŒã‚ã‚‹ã¨ã€ãã‚Œä»¥é™ã¯rubyã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦è©•ä¾¡ã•ã‚Œã‚‹ã€‚ tagã®attributeã¨ã—ã¦hashã§æ¸¡ã™éƒ¨åˆ†ã¯ã€hashã®å€¤ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ã‚ªãƒ¼ãƒˆã—ã¦#{rubyã‚¹ã‚¯ãƒªãƒ—ãƒˆ}ã¨ã—ã¦æ¸¡ã™ã¨idé€£ç•ªã‚’å®Ÿç¾ã§ãã‚‹ï¼ˆblogentryã€entrytitleã®éƒ¨åˆ†ï¼‰ å…ˆé ã« = ã¤ã‘ãŸè¡Œã§ã€ãã®å¾Œã«ãƒ€ãƒ–ãƒ«ã‚¯ã‚ªãƒ¼ãƒˆä»˜ã‘ã¦ä¸ã«#{}ã§rubyã¨ã—ã¦è©•ä¾¡ã•ã›ã‚‰ã‚Œã‚‹ã€‚ å…ˆé ã« = ãŒç„¡ãã¦ã‚‚ã€#{}ã§å›²ã‚“ã ä¸ã¯rubyã¨ã—ã¦å®Ÿè¡Œã•ã‚Œã‚‹ã€‚ãƒ€ãƒ–ãƒ«ã‚¯ã‚ªãƒ¼ãƒˆã§å›²ã‚€å¿…è¦ã¯ç„¡ã„ã€‚ï¼ˆæŠ•ç¨¿æ—¥æ™‚ã®éƒ¨åˆ†ï¼‰ãŸã ã—tagã®attributeã®å¼•æ•°ã®hashä»¥å¤–ã®å ´æ‰€ã§æœ‰åŠ¹ã€‚ ã“ã†æ›¸ãã¨ !!! XML %html %head %ti
repon 2013/01/21
haml

rb
ãƒªãƒ³ã‚¯
node.jsã®ã„ã‚ã„ã‚ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«10 â€“ haml-coffee | DevelopersIO
hamlã¨ã¯? hamlã¯HTMLã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã¨ã‚¿ã‚°ã‚’ç°¡ç•¥åŒ–ã—ãŸæ§‹æ–‡ã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã‚Šã€ç°¡æ½”ãªè¨˜è¿°ã§HTMLãŒè¨˜è¿°ã§ãã¾ã™ã€‚ å…ƒã¯Ruby on Railsã®ãƒ“ãƒ¥ãƒ¼ã§ä½¿ç”¨ã•ã‚Œã¦ã„ãŸã‚ˆã†ã§ã™ãŒã€ç¾åœ¨ã¯node.jsã¨ã¯ã˜ã‚ã€ã„ã‚ã„ã‚ãªè¨€èªžã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«hamlã§è¨˜è¿°ã™ã‚‹ã¨ã€ !!! %html %head %title Hello, Haml! %body #header %h1 Hello, Haml! #content %p I use Haml %span.version= Haml::VERSION <!DOCTYPE html> <html> <head> <title>Hello, Haml!</title> </head> <body> <div id='header'> <h1>Hello, H
repon 2012/11/08
node

js

CoffeeScript

haml
ãƒªãƒ³ã‚¯
Sinatra + Twitter Bootstrap + Haml Â« ãƒ„ãƒ¼ãƒ«å·¥æˆ¿ è¦šæ›¸
Twitterç¤¾ãŒå…¬é–‹ã—ãŸCSS/HTMLãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ç°¡å˜ã«æ´’è½ãŸwebãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‡ºæ¥ãªã„äººã«ãƒ”ãƒƒã‚¿ãƒªã€‚ http://twitter.github.com/bootstrap/ HTML/XHTMLã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚„ç°¡ç•¥æ§‹æ–‡ã«ã‚ˆã£ã¦ç°¡æ½”ãªè¨˜è¿°ãŒè¡Œãˆã¾ã™ã€‚ http://haml.ursm.jp/ ã“ã®3ã¤ã‚’çµ„ã¿åˆã‚ã›ã¦ç°¡å˜ãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ å‹•ä½œä¾‹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ãƒã‚°ã‚¤ãƒ³ç”»é¢(ãƒˆãƒƒãƒ—ç”»é¢) â†“ã€€ãƒã‚°ã‚¤ãƒ³ ã‚½ãƒ¼ã‚¹ ã‚½ãƒ¼ã‚¹ã¯githubã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ https://github.com/icchi/sina_chat æº–å‚™ Twitter Bootstrapã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã€ŒBootstrapã€ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ gemã‹ã‚‰Sinatraã¨Hamlã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« g
repon 2012/10/17
haml

bootstrap

sinatra

css
ãƒªãƒ³ã‚¯
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ‘ãƒ¼çš„ 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
repon 2012/10/10
haml
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚° | ç„¡æ–™ãƒ–ãƒã‚°ã‚’ä½œæˆã—ã‚ˆã†
2025å¹´8æœˆå°æ¹¾ãƒ»é«˜é›„ã£ã¦ã¾ã˜ã„ã„ã‚“ã ã‚ˆãªï½žå¥³ä¸€åŒ¹14æ—¥é–“ï¼ˆã¡ã‚‡ã£ã¨ã ã‘å°ä¸å¥³äºŒåŒ¹ï¼‰è¨˜ ã¿ã‚“ãªï½žï½žï½žï½žï½žï½žï½žï¼å…ˆã«è¨€ã†ã‘ã©é«˜é›„ã¯æœ€é«˜ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ å¯æ„›ã„ã‚¢ã‚¤ã‚¹ã‚¯ãƒªãƒ¼ãƒ ã‚‚ã€Œãã†ã ãã†ã ã€ã¨è¨€ã£ã¦ã„ã¾ã™ å°æ¹¾è‡ªä½“ã¯ä½•åº¦ã‚‚è¡Œã£ãŸã“ã¨ãŒã‚ã‚‹ã‚“ã ã‘ã©ã€é«˜é›„ã¯2åº¦ç›®ã§ã™ã€‚ åŽ»å¹´å¤ä¼‘ã¿ã«åˆã‚ã¦10æ—¥æ»žåœ¨ã—ã¦ã‚ã¡ã‚ƒãã¡ã‚ƒå¥½ãã«ãªã£ã¦ã—ã¾ã£ãŸã®ã§ã€ä»Šå¹´â€¦
repon 2012/10/09
haml

tips

ruby
ãƒªãƒ³ã‚¯
Route 477
GitHubindexHello source: index.md View on github | Report issue Generated by middleman 3.1.6. Powered by Ruby 2.2.2.
repon 2012/10/09
haml

ruby
ãƒªãƒ³ã‚¯
GT Nitro: ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ãƒ»ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã‚²ãƒ¼ãƒ - Google Play ã®ã‚¢ãƒ—ãƒª
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ãƒ‘ãƒ¯ãƒ¼ã€ã‚¹ã‚ãƒ«å…¨é–‹ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãƒ–ãƒ¬ãƒ¼ã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ãƒ¼ï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ãƒ¼ã‚¹ãƒˆã¾ã§ã€æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ã§é€Ÿã„è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚·ãƒ•ãƒˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ãä½¿ã£ã¦ç«¶äº‰ã‚’æ‰“ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ æ™´ã‚‰ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚ãªãŸã®å¿ƒã‚’çˆ†ç™ºã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—ãƒ¬ã‚¤ã—ãŸã“ã¨ã®ãªã„ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è©¦ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„çž¬é–“ã«ã‚®ã‚¢ã‚’ã‚·ãƒ•ãƒˆã—ã€ã‚¬ã‚¹ã‚’æ€ã„åˆ‡ã‚Šè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚‚è¡Œã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä¸–ç•Œä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
repon 2012/10/08
ruby

tutorial

haml
ãƒªãƒ³ã‚¯
1