フリーã®é«˜æ©Ÿèƒ½HTMLエディタ「Aptana Studio3ã€ã®æ—¥æœ¬èªžåŒ–ã¨ã€ŒZen-Codingã€ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€‚
Home > 便利ãªãƒ„ール > フリーã®é«˜æ©Ÿèƒ½HTMLエディタ「Aptana Studio3ã€ã®æ—¥æœ¬èªžåŒ–ã¨ã€ŒZen-Codingã€ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€‚ ãŸã„ã¸ã‚“é…ã‚Œã°ã›ãªãŒã‚‰ã€ã¨ã‚る本ã§ã€ŒAptanaã€ã®å˜åœ¨ã‚’知ã£ã¦ã€æ°—ã«ãªã£ã¦ä½¿ã£ã¦ã¿ãŸã‚‰ã€ã™ã”ーã„ï¼ä¾¿åˆ©ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‹ã£ã“ã„ã„ï¼ã‚¢ãƒ—タナã£ã¦åå‰ã‚‚å¯æ„›ã„ï¼ã“ã‚ŒãŒç„¡æ–™ã¨ã‹ä¿¡ã˜ã‚‰ã‚Œãªã„ï¼ã¨ã€çœŸå¤œä¸ã«ä¸€äººãƒ†ãƒ³ã‚·ãƒ§ãƒ³ãŒä¸ŠãŒã£ã¦ã—ã¾ã„ã€ç¿Œæ—¥è¦‹äº‹ã«å¯åŠã—ãŸç§ã§ã™ã€‚ ã¾ã 入れãŸã¦ã»ã‚„ã»ã‚„ã§ã€ä½¿ã„ã“ãªã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§ã™ãŒã€ã‚‚ã—ã¾ã ã”å˜ã˜ãªã„æ–¹ãŒã„ãŸã‚‰ãŠã™ã™ã‚ã—ãŸã„ãªãƒ¼ã¨æ€ã£ã¦ã€æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« åŒã˜ã‚ˆã†ã«Aptanaã®è¨˜äº‹ã‚’書ã„ã¦ãã ã•ã£ã¦ã„るブãƒã‚°ã‚‚ã„ãã¤ã‹æ‹è¦‹ã—ãŸã®ã§ã™ãŒã€å¤ã„記事ãŒå¤šãã€ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„方法ã¨ã¯å°‘ã—ç•°ãªã‚‹ç‚¹ãŒã‚ã£ãŸã®ã§ã€ã‚らãŸã‚ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ã¤ã¾ã‚Šã€ã“ã®è¨˜äº‹ã‚‚執ç†æ™‚点（2012å¹´2月）ã®ã‚‚ã®ã§ã™ã®ã§ã€
Dreamweaver CCã«ã‚¢ãƒƒãƒ—デートï¼CS6ã‹ã‚‰å„種è¨å®šã‚„拡張機能を移行ã™ã‚‹ | Cappee Design
å°é¢¨ã“ã‚ã„ã€@cappeeã§ã™ã€‚ 6月18æ—¥ã«Â Adobe Creative Cloud ã®ã‚½ãƒ•ãƒˆãŒãƒ¡ã‚¸ãƒ£ãƒ¼ã‚¢ãƒƒãƒ—デートã—〠Dreamweaver ã‚„ Photoshopã€Illustrator ãªã©ãŒã€ŒCC〠ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ 今後ã¯ã‚¢ãƒ—リã®ã‚ˆã†ã«ã€ŒCCã€å†…ã®æ©Ÿèƒ½ã‚’アップデートã™ã‚‹å½¢ã«ãªã‚‹ã®ã§ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³åã¯ãšã£ã¨ã€ŒCCã€ã®ã¾ã¾ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã¯ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ã‚ˆã‚‹ç§»è¡Œä½œæ¥ã¯ã“ã‚ŒãŒæœ€å¾Œï¼ã§ã™ã€‚ãã£ã¨ã€‚ ã¨ã„ã£ã¦ã‚‚ã‚る程度自動ã§è¨å®šã‚’引ã継ã„ã§ãã‚Œã¦ã„ãŸã®ã§ã€ 移行作æ¥ã¯ã¨ã¦ã‚‚楽ã§ã—ãŸã€‚ サイト管ç†ã‚‚引ã継ãŒã‚Œã¾ã™ï¼ ã“ã‚Œã‹ã‚‰ç§»è¡Œã™ã‚‹ã¨ã„ã†æ–¹ã®ãŸã‚ã«æ‰‹å‹•ã§ç§ãŒè¡Œã£ãŸä½œæ¥ã‚’メモã—ã¦ãŠãã¾ã™ã€‚ ã¯ã˜ã‚㫠以å‰æŠ•ç¨¿ã—ã¦å¥½è©•ã ã£ãŸã€Œ[Dreamweaver]CS6ã§ã‚ªã‚¹ã‚¹ãƒ¡ã®æ‹¡å¼µã¾ã¨ã‚ã€ã§ã”紹介ã—ãŸæ‹¡å¼µã‚‚ç¾æ™‚点ã§ã¯ã€ŒCCã€ã§ã»ã¼ä½¿ãˆã¾ã›ã‚“。 使ãˆãªã„ã¨ã„ã†ã®ã‚‚ã‚
Zen-Codingã§æ¥½ã€…コーディング! + コツ1ã¤
話題ã®HTMLã‚„CSSコーディングã‚ã—ã™ã¨ãƒ„ールã®zen-codingを触ã£ã¦ã¿ã¾ã—ãŸã€‚ã™ã”ã„楽ã¡ã‚“ã“! zen-codingã£ã¦ä½•ï¼Ÿä½¿ã„æ–¹ã¯ï¼Ÿã¨ã„ã†äººã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã‚’見ã¦ãã ã•ã„ã。 Zen-Codingã§ã§ãã‚‹ã‚ã‚“ãªã“ã¨ã“ã‚“ãªã“㨠知らãªã„人ã¯æã—ã¦ã‚‹ï¼Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹Zen-Codingã‚’å°Žå…¥ã—ã¦ã¿ãŸ ã‚る程度HTML/CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«æ…£ã‚ŒãŸäººãªã‚‰ã€ãƒ“ジュアルデザインをå«ã‚“ã 文書ãŒã‚ã‚Œã°ã€ãれをもã¨ã«è„³å†…ã§HTMLæ§‹é€ ã«ç½®ãæ›ãˆã‚‰ã‚Œã¾ã™ã‚ˆã。デザインã‹ã‚‰èˆˆã™äººã¯ã€Photoshopを触りãªãŒã‚‰ã€åŒæ™‚ã«é ã®ä¸ã§HTMLを組ã¿ç«‹ã¦ã¦ã‚‹äººã‚‚多ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ ãŸã„ã¦ã„ã®æ–‡æ›¸ã¯ã€å°ã•ãªãƒ‘ターンã¨å¤§ããªãƒ‘ターンã®ç¹°ã‚Šè¿”ã—ã ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã—ã¦ã®è©¦è¡ŒéŒ¯èª¤ã¯ã‚ã£ã¦ã‚‚ã€HTMLã®è¨˜è¿°ã§è©¦è¡ŒéŒ¯èª¤ã™ã‚‹ã£ã¦ã“ã¨ã¯ç„¡ã„ã‚“ã§ã™ã‚ˆã。(CSSã®ãƒ–ラウザã®å®Ÿè£…ã®é–¢ä¿‚ã¨ã‹ã“ã®éš›å¿˜ã‚Œã‚ˆã†)
zen codingã¯è¶…便利ï¼Dreamweaverã§ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ – VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
先日ã€ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®PHP入門ã¨ã„ã†ç´ 敵ãªUSTを見ã¦ã„ãŸã®ã§ã™ãŒã€ãã®ä¸ã§å‡ºã¦ããŸzen coding。 å‰ã€…ã‹ã‚‰çŸ¥ã£ã¦ã„ãŸã‚‚ã®ã®ã€ã“れ使ã†ãªã‚‰ã‚¨ãƒ‡ã‚£ã‚¿ã”ã¨ä¹—ã‚Šæ›ãˆãªã„ã¨ã„ã‘ãªã„ã‚“ã ï¼ã¨ãšã£ã¨å‹˜é•ã„ã—ã¦ã„ã¦ã€ãªã‚“ã ã‹ã‚“ã ã§ã¾ã Dreamweaver使ã£ã¦ã‚‹ã—…サイトã®å®šç¾©ã¨ã‹ã‚‚ã—ã¦ã‚‹ã‹ã‚‰ãªã‚“ã ã‹ã‚“ã ã§ã‚¨ãƒ‡ã‚£ã‚¿ä¹—ã‚Šæ›ãˆã‚‹ã®é¢å€’ã ã—ãªã…ã¨ã‹ã”ã«ã‚‡ã”ã«ã‚‡æ€ã£ã¦ã„ãŸã®ã§ã™ãŒâ€¦ Dreamweaverã§ã‚‚使ãˆã‚‹ã‚‰ã—ã„よï¼çŸ¥ã‚‰ãªã‹ã£ãŸï¼ç„¡çŸ¥ã£ã¦æ€–ã„ï¼ï¼žï¼œ Dreamweaver用ã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸZen Coding.mxpをダブルクリックã™ã‚‹ã¨ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãŒç«‹ã¡ä¸ŠãŒã‚‹ã®ã§ã€æ‰¿è«¾ã™ã‚‹ã‚’クリックã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ ã“ã‚Œã ã‘ã§OK。 インストールãŒçµ‚ã‚ã£ãŸã‚‰ã€æ—©é€Ÿä½•ã‹å…¥åŠ›ã—ã¦ã¿ã¾ã—ょã†ã€‚ ã™ã”ã„ï¼æ„Ÿå‹•ï¼ 展開ã¯controlã‚ーã¨,(カンマ)ã‚
知らãªã„人ã¯æã—ã¦ã‚‹ï¼Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ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
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
{{#tags}}- {{label}}
{{/tags}}