2. 自己紹介 • ã‹ã¿ã‚„ã‚“ (Twitter@kamiyam) http://nantokaworks.com • Engineer • 主ã«JavaScriptã§ãŠä»•äº‹ã‚’ã—ã¦ã„る人 • ボルダリング/人狼/カメラ/自動車
Gruntã®ç½ªã¨ç½°
2. 自己紹介 • ã‹ã¿ã‚„ã‚“ (Twitter@kamiyam) http://nantokaworks.com • Engineer • 主ã«JavaScriptã§ãŠä»•äº‹ã‚’ã—ã¦ã„る人 • ボルダリング/人狼/カメラ/自動車
Gruntを使ã£ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’自動化ã™ã‚‹ã€Myタスクメモ | tipsBear
Gruntã§å‡ºæ¥ã‚‹ã“ã¨ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã”紹介ã™ã‚‹ã®ã¯ç§ãŒã‚ˆã使ã†Gruntã®è¨å®šã®ãƒ¡ãƒ¢ã«ãªã‚Šã¾ã™ã€‚ ã¡ãªã¿ã«ã€Gruntã®å°Žå…¥æ–¹æ³•ã‚„基本的ãªè§£èª¬ã¯ä¸‹è¨˜ã®è¨˜äº‹ãŒã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã紹介ã—ã¦ãã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã—ãŸã„ã¨ã„ã†æ–¹ãŒã„ã¾ã—ãŸã‚‰æ˜¯éžå‚考ã«ã©ã†ãžã€‚ Web制作ã§é¢å€’ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドツールã€Grunt v0.4 入門 – Web Design KOJIKA17 コピペãŒå‡ºæ¥ã‚‹ãªã‚‰èª°ã§ã‚‚出æ¥ã‚‹ã€Web制作タスク自動化ツール「Gruntã€å°Žå…¥æ‰‹é † – OZPAã®è¡¨4 今更ã ã‘ã©ã‚„ã‚‹grunt入門編・インストールã‹ã‚‰åŸºæœ¬çš„ãªä½¿ã„æ–¹ – WEB Drawer Web デザイナーã•ã‚“å‘ã‘ Grunt を使ã£ãŸ コーディング作æ¥ã®åŠ¹çŽ‡åŒ–ã€ã¯ã˜ã‚ã®ä¸€æ© – WWW WATCH ã¾ãŸã€ã“ã®è¨˜äº‹ã¯Sass/Compassã€ãƒ–ラウザã®liveReloadを使用ã™ã‚‹ã“ã¨ã‚’å‰æã«æ›¸ã„ã¦ã„
ブラックãªWeb開発ç¾å ´ã®æ•‘世主ã€Gruntã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ä½¿ã„æ–¹
連載目次 一昔å‰ã§ã‚ã‚Œã°ã€HTMLï¼JavaScriptï¼CSSを使用ã—ã¦Webアプリを作æˆã™ã‚‹å ´åˆã€ï¼ˆç†è€…ã®çµŒé¨“ã§ã¯ï¼‰æ‰€å®šã®ä½ç½®ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç½®ãã ã‘ã§ã—ãŸã€‚最近ã¯HTMLï¼JavaScriptï¼CSS関連ã®æŠ€è¡“も複雑化ï¼å¤šæ§˜åŒ–ã—ã€ã„ã‚ã„ã‚ãªã“ã¨ã‚’考慮ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 例ãˆã°JavaScriptファイルã®å ´åˆã¯ã€ä»¥ä¸‹ã®ä½œæ¥ã‚’è¡Œã†ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚ minify（圧縮）やçµåˆ å˜ä½“テストã®å®Ÿè¡Œ JSLint（構文ãƒã‚§ãƒƒã‚¯ï¼‰ã®å®Ÿè¡Œ ã•ã‚‰ã«ã€CoffeeScriptã‚„TypeScriptを使用ã—ã¦ã„ã‚‹å ´åˆã«ã¯ã‚³ãƒ³ãƒ‘イル（JavaScript変æ›ï¼‰ã‚’è¡Œã†å¿…è¦ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€SCSS（Sass）やLESSãªã©ã®CSS拡張メタ言語を使用ã—ã¦ã„ã‚‹å ´åˆã«ã‚‚ã€ã‚³ãƒ³ãƒ‘イル（CSS変æ›ï¼‰ä½œæ¥ãŒå¿…è¦ã§ã™ã€‚ ファイルを修æ£ã—ã¦ãƒ“ルドã™ã‚‹ãŸã³ã«ã€ã“れらã®ä½œæ¥ã‚’ã„ã¡ã„ã¡æ‰‹ä½œæ¥ã§è¡Œã£ã¦ã„ã¦ã¯éžå¸¸ã«é¢å€’ã§ã—ょã†
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è‡ªå‹•åŒ–ツールをã¾ã¨ã‚ã¦ç†è§£ã™ã‚‹ - ワザノム| wazanova
http://www.youtube.com/watch?v=1OAfGm_cI6Y 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„4æ™‚é–“å‰ Googleã®Addy Osmaniã«ã‚ˆã‚‹Future of Web Appã®ã‚ーノートスピーãƒã§ã™ã€‚ 49分間 [Video]ã§ä¸‹è¨˜ã®è©±é¡Œã‚’å…¨ã¦ã¾ã¨ã‚ã¦ã¾ã™ã€‚フãƒãƒ³ãƒˆé–¢é€£ã®ä¾¿åˆ©ãƒ„ールãŒä¸€é€šã‚Šç¶²ç¾…ã•ã‚Œã¦ã¾ã™ã€‚ãŠã‹ã’ã§ã€Yeoman (Yo/Grunt/Bower) ã®æ¦‚è¦ã‚‚ã™ã£ãã‚Šç†è§£ã§ãã¾ã—ãŸã€‚スライド（236枚）ã§ç¢ºèªã•ã‚ŒãŸã„æ–¹ã¯ã“ã¡ã‚‰ã€‚ Codekit Hammer Prepros Koala Mixture compass.app scout-app Yeoman / Grunt grunt-image: JPG/PNG/Gifを最é©åŒ–ã—ã¦è»½é‡åŒ– grunt-
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼ˆä»®ï¼‰ 〜ãˆã€ã¡ã‚‡ã£ã¨ãƒ•ãƒãƒ³ãƒˆã‚„ã‚‹ã“ã¨å¤šã™ãŽã˜ã‚ƒãªã„ï¼ï¼Ÿã€œ
Koji Ishimoto gives a presentation on front-end engineering. He defines a front-end engineer's responsibilities as including JavaScript, version control with Git, modular code, browser developer tools, command line, templating, CSS preprocessors, testing, automation, code quality and manuals. He discusses common front-end tools, managing tools with Grunt, and tracking speed with tools like WebPage
Node.jsã®é–‹ç™ºã‚’超速化ã™ã‚‹GitHubé€£æº ä¸‰ç¨®ã®ç¥žå™¨ - teppeis blog
Node.js Advent Calendar 2013 - Adventar 9日目ã§ã™ã€‚ ã‚ã¾ã‚Šãƒã‚¿ã‚’用æ„ã™ã‚‹æ™‚é–“ãŒãªã‹ã£ãŸã®ã§ã€GitHubã«Node.jsã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ç½®ã„ãŸã‚Šnpmã«ãƒ‘ッケージを公開ã—ãŸã‚Šã—ãŸã¨ãã«ä¾¿åˆ©ãªå®šç•ªã‚µãƒ¼ãƒ“スを3ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ Travis CI Coveralls David タイトルã¯é‡£ã‚Šã§ã™ãŒã€ç‰¹ã«Travisã¨Coverallsã¯ä¸€åº¦ä½“験ã™ã‚‹ã¨é›¢ã‚Œã‚‰ã‚Œãªã„ãらã„ã»ã‚“ã¨ã«life changing。コードをpushã—ãŸã‚‰ãƒ–ランãƒã®ãƒ“ルドçµæžœã‚’プルリクã«è¡¨ç¤ºã—ã¦ãã‚ŒãŸã‚Šã€ã‚«ãƒãƒ¬ãƒƒã‚¸çµæžœã‚’コメントã§æ›¸ã込んã§ãれるã®ã§ã€ãれを見ãªãŒã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’進ã‚ã¦ã„ã‘ã¾ã™ã€‚ã“ã‚ŒãŒç„¡æ–™ãªã®ã¯æ„味ä¸æ˜Žãªãらã„ã®ç¥žã§ã™*1。 サンプルコードã¯ã“ã¡ã‚‰ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§è¦‹ã¦ãã ã•ã„。 Github: https://github.com/teppeis/fixclosure
今ã©ãã®Gruntを使ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSS編） - MOL
Sassãªã©ã®CSSプリプãƒã‚»ãƒƒã‚µã‚’使ã†WebデザイナãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚Sassをコンパイルã™ã‚‹ã ã‘ãªã‚‰é»’ã„ç”»é¢ï¼ˆã‚¿ãƒ¼ãƒŸãƒŠãƒ«ï¼‰ã‚’使ã‚ãšã¨ã‚‚GUIアプリã‹ã‚‰ã®åˆ©ç”¨ã§å•é¡Œã‚ã‚Šã¾ã›ã‚“。ãŒã€ã“ã“ã¯ä¸€æ©è¸ã¿è¾¼ã‚“ã§Grunt（JavaScript製ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ï¼‰ã‚’使ã£ã¦ã€Sass以外ã®ã‚³ãƒ³ãƒ‘イルやライブリãƒãƒ¼ãƒ‰ã€ç”»åƒæœ€é©åŒ–ã€CSSã®ãƒªãƒ³ãƒˆã‚„スタイルガイド生æˆãªã©ã€ã‚らゆる作æ¥ã‚’Gruntã«ä»»ã›ã¦ã‚ˆã‚ŠåŠ¹çŽ‡çš„ãªé–‹ç™ºç’°å¢ƒã‚’手ã«å…¥ã‚Œã¦ã¿ã¾ã›ã‚“ã‹ã€‚ ã©ã‚‚ã€Front-end Developerã‚’ã—ã¦ãŠã‚Šã¾ã™@t32kã§ã™ã€‚今日ã¯ãŒã‚“ã°ã‚Šã¾ã™ã€‚ Frontrendã¨ã„ã†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹•ã‚’ã—ã¦ã„ã¾ã™ã€‚通常ã¯æ±äº¬ã§3~4ヶ月ã®å‘¨æœŸã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’テーマã«ã—ãŸå‹‰å¼·ä¼šã‚’開催ã—ã¦ã„ã¾ã™ã€‚良ã‹ã£ãŸã‚‰ã¿ãªã•ã‚“ã‚‚ã”å‚åŠ ãã ã•ã„ã¾ã›ã€‚ Agenda 今日ã®è©±ã™å†…容ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ãªãœGruntを使ã†ã®ï¼Ÿ Gruntã®ä½¿
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}