Grunt + TypeScript + Middleman ã«ã‚ˆã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã‚’作ã£ã¦ã¿ã‚‹ | DevelopersIO
Middleman を使ã†ã‚ˆã†ã«ãªã£ã¦ã—ã°ã‚‰ã経ã¡ã¾ã™ãŒã€2014å¹´4月ç¾åœ¨ TypeScript ã«å¯¾å¿œã—ã¦ã„ãªã„ã¨ã„ã†ã®ãŒã©ã†ã‚‚æ°—ã«ãªã‚Šã¾ã™ã€‚Ruby on Rails ã‚„ Sinatra ã¨ã„ã£ãŸä»–ã® Ruby 製フレームワークã¨åŒæ§˜ã€Middleman ãŒå¯¾å¿œã—ã¦ã„ã‚‹ Alt JS 㯠CoffeeScript ã®ã¿ã§ã™ã€‚ CoffeeScript ã¯æ©Ÿèƒ½ãŒè»½é‡ã§ã‚ã‚‹ã“ã¨ã‹ã‚‰å¦ç¿’コストãŒä½Žãã€è¨˜è¿°ã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰é‡ã‚‚å°‘ãªããªã‚‹ã®ã§å€‹äººçš„ã«çµæ§‹æ°—ã«å…¥ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€Web アプリケーションã®è¦æ¨¡ãŒå¤§ãã複雑ã«ãªã‚‹ã«ã¤ã‚Œã¦é™çš„型付ã‘ã®æ©Ÿèƒ½ã‚’æŒã£ã¦ã„ãªã„ã“ã¨ãŒãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦æµ®ä¸Šã—ã¦ããŒã¡ã§ã™ã€‚案件ã®è¦æ¨¡ã«ã‚ˆã£ã¦ã¯é™çš„型付ã‘言語ã®æŽ¡ç”¨ã‚’検討ã—ãªã„ã¨å¾Œã€…ã§å¤§å¤‰ãªç›®ã«ã‚ã„ã‹ãã¾ã›ã‚“。 ã¯ã„。JavaScript ã‚„Â CSS 周りã®ãŠä¸–話ãªã‚‰ Grunt ã ã‘ã§å分ã«ã¾ã‹ãªãˆã‚‹ã®ã§ã™ãŒã€Midd
Three Middleman Hacks We’re Using On This Site - Discover Meteor
About Our book Discover Meteor teaches you how to build real-time web apps from scratch using the Meteor JavaScript framework. People are often surprised to hear that we don’t use Meteor for this very site. After all, if anybody should want to use Meteor everywhere, it should be us. But we’re also big believer in using the right tool for the right situation. And I personally think that when it com
[ Middleman ã§è¶…速プãƒãƒˆã‚¿ã‚¤ãƒ”ング ] #02 Middleman ã®ä¾¿åˆ©æ©Ÿèƒ½ 7 é¸ | DevelopersIO
ãã‚“ãªè¨³ã§ã€å‰å›žã¯ Middleman ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰åŸºæœ¬çš„ãªæ©Ÿèƒ½ã¾ã§å¦ç¿’ã—ã¾ã—ãŸã€‚今回ã¯ã‚ˆã‚Šæœ¬æ ¼çš„ã«ä½¿ã„ã“ãªã™ãŸã‚ã«ã€Middleman ã®æŒã¤è†¨å¤§ãªæ©Ÿèƒ½ã®ä¸ã‹ã‚‰åƒ•ãŒæ¯”較的多用ã—ã¦ã„る機能を7ã¤ã°ã‹ã‚Šç´¹ä»‹ã—ã¦ã„ãã¨ã—ã¾ã™ã€‚Middleman ã£ã¦ä½•ï¼Ÿã¨ã„ã†æ–¹ã¯ã€å…ˆã«ä»¥ä¸‹ã®è¨˜äº‹ã‚’ã”å‚ç…§ãã ã•ã„。 [ Middleman ã§è¶…速プãƒãƒˆã‚¿ã‚¤ãƒ”ング ] #01 Middleman ã®åŸºç¤Žã‚’一気ã«å¦ã¶ テンプレート - レイアウトを無効ã«ã™ã‚‹ ã™ã¹ã¦ã®ãƒ†ãƒ³ãƒ—レートファイルã¯ä½•ã‚‰ã‹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å›²ã‚ã‚ŒãŸçŠ¶æ…‹ã§å‡ºåŠ›ã•ã‚Œã¾ã™ãŒã€æ™‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å…¨ã使用ã—ãŸããªã„ã¨ã„ã†çŠ¶æ³ã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚具体例ã¨ã—ã¦ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å†…ã«èªã¿è¾¼ã‚€å¤–部ファイルãªã©ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ãã‚“ãªæ™‚ã¯ãƒ†ãƒ³ãƒ—レートファイルãŒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å›²ã‚ã‚Œãªã„よã†ã«ç„¡åŠ¹åŒ–ã™ã‚‹è¨³ã§ã™ãŒã€ä»¥ä¸‹ã®äºŒç¨®é¡žã®æ–¹æ³•ã§ã“れを解決ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ Fron
最新ã®frontend技術を使ã„ã¾ãれるé™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿Middleman
CoffeeScript を軽ã試ã—ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ã‚ã‚Œã“れ調ã¹ã¦ã„ã‚‹ã†ã¡ã«ãŸã©ã‚Šç€ã„㟠Middleman ã¨ã„ã†ãƒ„ールを紹介ã—ã¦ã¿ã‚‹ã€‚ Middleman: Hand-crafted frontend development ãŸã¶ã‚“試ã—ãŸã®ã¯ 2.0.3 ã ã‹ 2.0.4 ã ã‹ãã®è¾ºã€‚ 特徴Sinatra based ( ã¤ã¾ã‚Š ruby 製 )Sass 自動コンパイルCoffeeScript 自動コンパイル ( Sprockets を使ã£ãŸä¾å˜æ€§è§£æ±ºã‚‚ )Sinatra ã§ä½¿ãˆã‚‹ view ã®æ©Ÿèƒ½ HTML テンプレート㯠erb, haml, slim, markdown ãŒåˆ©ç”¨å¯èƒ½YAML ã§ã€Œãƒ‡ãƒ¼ã‚¿ã€ã‚’æŒã£ã¦ã“れを view ã«åæ˜ ã§ãã‚‹livereload 対応ãã—ã¦ã€é™çš„サイトã¨ã—ã¦å‡ºåŠ›ã§ãる。 利用技術CoffeeScriptSassEventMachineThinGua
é™çš„サイトã®æ§‹ç¯‰ã«ä¾¿åˆ©:MiddleMan - Qiita
#=>よã使ㆠ$ middleman init #=> ã‚µã‚¤ãƒˆæ§‹é€ ã‚’ä½œæˆã—ã¾ã™ $ middleman server #=> サーãƒãƒ¼ã‚’èµ·å‹•ã—ã¾ã™ $ middleman build #=> 最終出力ã—ã¾ã™ $ middleman --help middleman build [options] # Builds the static site for deployment middleman extension NAME [options] # Create Middleman extension scaffold NAME middleman init NAME [options] # Create new project NAME middleman server [options] # Start the preview server middleman upgrade # Up
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Adolfo Villafiorita
Search result of “middleman†- Qiita
Middleman: Hand-crafted frontend development
{{#tags}}- {{label}}
{{/tags}}