ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãƒšãƒ¼ã‚¸ã‚’ Middleman ã§ä½œã‚Šç›´ã—㟠- @kyanny's blog
http://kyanny.me/ ã¨ã„ã†ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãƒšãƒ¼ã‚¸ã‚’ Middleman ã§ä½œã‚Šç›´ã—ãŸã€‚ 元々 Jekyll を使ã£ã¦ã„ãŸãŒã©ã†ã‚‚ã†ã¾ã使ã„ã“ãªã›ãªãã¦ã€è¦‹æ „ãˆã‚‚悪ã„ã¾ã¾ã ã£ãŸã€‚ Middleman ã¯ä¸€åº¦ä½¿ã£ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸã®ã§ã€ã¡ã‚‡ã†ã©ã„ã„é¡Œæã«ãªã£ãŸã€‚ Middleman ã«ç‰¹æœ‰ã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã¯ä¸€åˆ‡ä½¿ã£ã¦ã„ãªã„ã®ã§ã€ Jekyll ã§ã‚‚ä»–ã® static site generator ã§ã‚‚事足りãŸã¯ãšã ã—ã€ãã‚‚ãも一枚ペラã®ãƒšãƒ¼ã‚¸ãªã®ã§ãƒ„ールを導入ã™ã‚‹ã¾ã§ã‚‚ãªã„ã‚“ã ã‘ã©ã€ Middleman ã¯ãªã‚“ã¨ãªã使ã„ã‚„ã™ãã¦ã‚ˆã†ã‚„ã多少ã¯è¦‹æ „ãˆã®ã™ã‚‹ãƒšãƒ¼ã‚¸ã‚’作れãŸã€‚ Middleman ã¯ã‚µã‚¤ãƒˆä½œæˆæ™‚ã«ãƒ†ãƒ³ãƒ—レートをé¸ã¶ã“ã¨ãŒã§ã〠HTML5 Boilerplate ã‚’é¸ã‚“ã§ã¿ãŸã®ã ã‘ã©ã€ CSS を自分ã§æ›¸ã„ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹æ°—ãŒã—ãªã‹ã£ãŸã®ã§çµå±€ Bootstrap を入れ
blog.katsuma.tv
去年ã®ç§‹é ƒã€å‹äººçµŒç”±ã§ã€Fishmansファンã®ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒãŠå½¼å²¸ãƒŠã‚¤ãƒˆã€ã‚’開催ã—ã¦ã„ã‚‹ALOHA FISHMANSã®äººãŸã¡ã‚’紹介ã—ã¦ã‚‚らã£ãŸã®ã§ã™ãŒã€ä½•ã‹åƒ•ã§æ‰‹ä¼ãˆã‚‹ã“ã¨ãŒã‚ã‚Œã°ã€ã€ã¨ã„ã†ã‚ã‘ã§ã‚µã‚¤ãƒˆã®ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’手ä¼ã‚ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ALOHA FISHMANS 今回利用ã—ãŸæŠ€è¡“ã¨ã—ã¦ã¯ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ middleman middleman-blog Haml Sass Foundation ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ Sinatra インフラ ã•ãらã®VPS nginx unicorn unicorn-worker-killer ã‚³ãƒ¼ãƒ‰ç®¡ç† github(ã®ãƒ—ライベートレãƒã‚¸ãƒˆãƒª) ãªã€æ„Ÿã˜ã€‚ 今回ã€ã“ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã„ã‚ã„ã‚ãƒãƒžã£ãŸã¨ã“ã‚や工夫ã§ããŸã“ã¨ãŒã‚ã£ãŸã®ã§ã€ã‚‚ã‚ã‚‚ã‚ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSSフレームワーク 以å‰ã®ã‚µã‚¤ãƒˆã¯ã€PCã§ã®é–²è¦§ã®ã¿æ„è˜ã—ã¦ã„ãŸã‚ˆã†ãªä½œã‚Šã«ãª
[ Middleman ã§è¶…速プãƒãƒˆã‚¿ã‚¤ãƒ”ング ] #00 Haml å†å…¥é–€ | DevelopersIO
Web アプリケーション開発ã®åˆæœŸæ®µéšŽã«ãŠã„ã¦ã¯ã€ãã®ã‚¢ãƒ—リã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—をよã作ã£ãŸã‚Šã—ã¾ã™ã€‚ã„ã‚ゆるプãƒãƒˆã‚¿ã‚¤ãƒ”ングã¨ã„ã†ãƒ¤ãƒ„ã§ã™ã。本実装ã¨ãªã‚‹ã¨ã‚‚ã¡ã‚んサーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ Java ã‚„ PHP ãªã©ã§å®Ÿè£…ã—ã€ãã‚Œã«ä¼´ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚ãれらã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ã‚ˆã‚‹ãƒ†ãƒ³ãƒ—レートエンジンをベース㫠HTML ã§ä½œã‚Šä¸Šã’る訳ã§ã™ã€‚ã—ã‹ã—プãƒãƒˆã‚¿ã‚¤ãƒ”ングã®æ®µéšŽã§ã¯ãã†ã„ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«é ¼ã‚‹ã“ã¨ãªãã€HTML ã ã‘ã§ä¸€é€šã‚Šã®é™çš„㪠Web ページを作るã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 実ã¯ã“ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—作æˆã¨ã„ã†åã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングã€HTML ã ã‘ã§ä½œã‚‹ã¨ã„ã†ç†ç”±ã‹ã‚‰ã‹ãªã‚Šã®é‡åŠ´åƒã ã£ãŸã‚Šã—ã¾ã™ã€‚ç”»é¢æ•°ã®å°‘ãªã„å°è¦æ¨¡ãª Web アプリケーションã§ã‚ã‚Œã°ã©ã†ã£ã¦ã“ã¨ãªã„ã§ã™ãŒã€æ¥å‹™ç³»ã® Web アプリケーションã¨ãªã‚‹ã¨10ç”»é¢ã€20ç”»é¢ã¯å½“ãŸã‚Šå‰ã€‚時ã«ã¯40ç”»é¢ä»¥ä¸Šã«ã‚‚åŠã¶ã“ã¨ã‚‚å°‘ãªãã‚ã‚Šã¾ã›ã‚“。
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
タグ：middleman | Webデザインã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç³»ã®æŠ€è¡“ã«é–¢ã™ã‚‹å‚™å¿˜éŒ² - whiskers
Middleman: Hand-crafted frontend development
{{#tags}}- {{label}}
{{/tags}}