Zen-Codingã§æ¥½ã€…コーディング! + コツ1ã¤
話題ã®HTMLã‚„CSSコーディングã‚ã—ã™ã¨ãƒ„ールã®zen-codingを触ã£ã¦ã¿ã¾ã—ãŸã€‚ã™ã”ã„楽ã¡ã‚“ã“! zen-codingã£ã¦ä½•ï¼Ÿä½¿ã„æ–¹ã¯ï¼Ÿã¨ã„ã†äººã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã‚’見ã¦ãã ã•ã„ã。 Zen-Codingã§ã§ãã‚‹ã‚ã‚“ãªã“ã¨ã“ã‚“ãªã“㨠知らãªã„人ã¯æã—ã¦ã‚‹ï¼Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹Zen-Codingã‚’å°Žå…¥ã—ã¦ã¿ãŸ ã‚る程度HTML/CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«æ…£ã‚ŒãŸäººãªã‚‰ã€ãƒ“ジュアルデザインをå«ã‚“ã 文書ãŒã‚ã‚Œã°ã€ãれをもã¨ã«è„³å†…ã§HTMLæ§‹é€ ã«ç½®ãæ›ãˆã‚‰ã‚Œã¾ã™ã‚ˆã。デザインã‹ã‚‰èˆˆã™äººã¯ã€Photoshopを触りãªãŒã‚‰ã€åŒæ™‚ã«é ã®ä¸ã§HTMLを組ã¿ç«‹ã¦ã¦ã‚‹äººã‚‚多ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ ãŸã„ã¦ã„ã®æ–‡æ›¸ã¯ã€å°ã•ãªãƒ‘ターンã¨å¤§ããªãƒ‘ターンã®ç¹°ã‚Šè¿”ã—ã ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã—ã¦ã®è©¦è¡ŒéŒ¯èª¤ã¯ã‚ã£ã¦ã‚‚ã€HTMLã®è¨˜è¿°ã§è©¦è¡ŒéŒ¯èª¤ã™ã‚‹ã£ã¦ã“ã¨ã¯ç„¡ã„ã‚“ã§ã™ã‚ˆã。(CSSã®ãƒ–ラウザã®å®Ÿè£…ã®é–¢ä¿‚ã¨ã‹ã“ã®éš›å¿˜ã‚Œã‚ˆã†)
知らãªã„人ã¯æã—ã¦ã‚‹ï¼Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹Zen-Codingã‚’å°Žå…¥ã—ã¦ã¿ãŸ - EC studio デザインブãƒã‚°
最近ã«ãªã£ã¦æ€¥ã«ç››ã‚Šä¸ŠãŒã£ã¦ãã¦ã„ã‚‹Zen-Codingã‚’ã¿ãªã•ã‚“ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ Zen-Codingã¯HTML/CSSをショートカット＋スニペットã§ç°¡ç•¥åŒ–ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’書ãã“ã¨ãŒã§ãるライブラリã§ã™ã€‚ 独立ã—ãŸãƒ†ã‚ストエディタソフトã§ã¯ãªãã€æ—¢å˜ã®HTML/CSSエディタã«ãƒ—ラグイン的ã«å°Žå…¥ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ Zen-Codingã¨ã„ã†ã®ã‚‚ãŒã©ã†ã„ã†ã‚‚ã®ã§ã€ã©ã‚“ãªã™ã”ã„ã‚‚ã®ãªã‚“ã ã€ã¨ã„ã†ã®ã¯ã“ã¡ã‚‰ã®å‹•ç”»ã‚’見ã¦ãã ã•ã„。 ※音ãŒå‡ºã¾ã™ã®ã§ã”注æ„ãã ã•ã„。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何ãŒãŠã“ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ï¼Ÿã¨ã„ã†æ„Ÿã˜ã ã¨æ€ã‚ã‚Œã¾ã™ãŒã€ä»Šå›žã®è¨˜äº‹ã§ã¯ã“ã®Zen-Codingã®å°Žå…¥æ–¹æ³•ã¨ä½¿ã„æ–¹ã®ä¸€ä¾‹ã‚’紹介ã—ã¾ã™ã€‚ Zen-Codingã«å¯¾å¿œã—ã¦ã„るエディタã¯è‰²ã€…ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯å¼Šç¤¾ã®é–‹ç™ºç’°å¢ƒã—ã¦ã„ã‚‹Aptana Studio
Aptanaã‚„Textmateã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è£œå®Œæ©Ÿèƒ½ãŒå¼·åŠ›ã«ãªã‚‹zen-codingã®æ載ã«ã¤ã„㦠| デジタル料ç†äºº
moongiftã•ã‚“ã®æ‰€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹zen-codingã§ã™ãŒã€ç§ã®ç’°å¢ƒãŒãŠã‹ã—ã„？ã®ã‹ã†ã¾ãå‹•ãã¾ã›ã‚“ã§ã—ãŸãƒ»ãƒ»ãƒ»ã€‚ ã§ã€é–‹ç™ºè€…ã®æ–¹ã«Google Code経由ã§å•ã„åˆã‚ã›ã¦ã¿ãŸã‚Šã‚‚ã—ã¦ã¨ã‚Šã‚ãˆãšå‹•ãã¾ã—ãŸã€‚ ãƒã‚¤ãƒ³ãƒˆã¯1ã¤ã€‚ ãƒã‚·ã‚¢èªžã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’全部ã¯ãšã™ã€‚ ãã®çŠ¶æ…‹ã§Aptana HTMLエディタã§ä½¿ãˆã°OKï¼ å®Ÿéš›ã«Aptanaã§åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’書ã„ã¦ãŠãã¾ã™ã€‚ã“れより簡å˜ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒãƒ»ãƒ»ãƒ»ã€‚ãã‚Œã¯æ˜¯éžãƒ¬ã‚¹ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšAptanaã‹EclipseãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„る事å‰æã§è©±ã‚’進ã‚ã¾ã™ã€‚ æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€Œmonkeyã€ã¨ã„ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåã‚’ä½œæˆ åŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå†…ã«ã€Œscriptsã€ã¨ã„ã†ãƒ•ã‚©ãƒ«ãƒ€ã‚’ä½œæˆ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚½ãƒ¼ã‚¹ä¸€å¼ã‚’scriptsフォルダ以下ã«å±•é–‹ ã™ã‚‹ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€Œã‚¹ã‚¯ãƒªãƒ—トã€ä»¥ä¸‹ã«Zen CodingãŒè¿½åŠ Aptana
Aptanaãªã‚‰é–‹ç™ºç’°å¢ƒã¨ã‚¯ãƒ©ã‚¦ãƒ‰ã®é€£æºãŒè¶…ãŠæ‰‹è»½ï¼
Aptanaãªã‚‰é–‹ç™ºç’°å¢ƒã¨ã‚¯ãƒ©ã‚¦ãƒ‰ã®é€£æºãŒè¶…ãŠæ‰‹è»½ï¼ï¼šãƒ¦ã‚«ã‚¤ã€ãƒ„ーカイã€ã‚«ã‚¤ãƒãƒ„環境ï¼ï¼ˆ4）（1/4 ページ） 最近ã€ã€ŒAmazon EC2ã€ã«å§‹ã¾ã‚Šã€ŒGoogle App Engineã€ã€ŒWindows Azureã€ã¨ã„ã£ãŸã‚¯ãƒ©ã‚¦ãƒ‰ã‚³ãƒ³ãƒ”ューティングãŒæ³¨ç›®ã‚’æµ´ã³ã¦ãŠã‚Šã€IT関連ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã§ã‚¯ãƒ©ã‚¦ãƒ‰ã«é–¢ã™ã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒãªã„週ã¯ã‚ã‚Šã¾ã›ã‚“。クラウドコンピューティングã«èˆˆå‘³ã¯ãªãã¦ã‚‚ã€Amazon EC2ã‚„Google App Engineã¨ã„ã†è¨€è‘‰ã¯èžã„ãŸã“ã¨ãŒã‚る方も多ã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã€æœ¬ç¨¿ã§ã¯PHPã¨Ruby on Rails（以下ã€Rails）ã€Javaã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptエンジン「Aptana Jaxerã€ï¼ˆã•ã‚‰ã«ã€Pythonも対応予定）ã«å¯¾å¿œã—ãŸã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スをæä¾›ã™ã‚‹ã€ŒAptana Cloudã€ã‚’利用ã—ã¦ã€PHPアプリケーションã®ä½œæˆã¨ä½œæˆã—ãŸã‚¢ãƒ—リケーシ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
2010-11-17
{{#tags}}- {{label}}
{{/tags}}