sakurachiro.com 2024 著作権. ä¸è¨±è¤‡è£½ プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
zen-codingã¨Dreamweaverメモ « 乱雑モックアップ
sakurachiro.com 2024 著作権. ä¸è¨±è¤‡è£½ プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
Zen-Codingã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—㟠- EC studio デザインブãƒã‚°
å‰å›žã®è¨˜äº‹ã§ã¯Zen-Codingã®å°Žå…¥æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ 今回ã¯Zen-Codingã®æ©Ÿèƒ½ã¨ãれを実行ã™ã‚‹ãŸã‚ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®è§£èª¬ã‚’ã—ã¾ã™ã€‚ ※2010/02/22ç¾åœ¨ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ŒZen Coding for Aptana v0.6.0.1ã€ã‚’対象ã«ã—ã¦ã„ã¾ã™ã€‚ ãªãŠAptana（Eclipse）ã®å ´åˆã ã¨Aptanaã®æ–¹ã®æ©Ÿèƒ½ã«å¤šãã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€åˆ©ç”¨ã™ã‚‹ç’°å¢ƒã«ã‚ˆã£ã¦ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’変更ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚Zen-Codingã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒæ©Ÿèƒ½ã—ãªã„å ´åˆã¯ã€è¨˜äº‹æœ€å¾Œã«ã¾ã¨ã‚る変更方法をå‚考ã«ã—ã¦ãã ã•ã„。 Expand Abbreviation（çœç•¥ã‚³ãƒ¼ãƒ‰ã®å±•é–‹ï¼‰ Win：Ctrl+E mac：Command+E Zen-Codingã®ä¸»ãªæ©Ÿèƒ½ã®ã²ã¨ã¤ã§ã™ã€‚
マークアップ効率化 - zen-codingã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å€é€Ÿã«
HTMLã®è¨˜æ³•ã«ã¤ã„㦠基本的ã«ã¯ã€Œdivã€ã®æ§˜ã«è¦ç´ ã‚’çœç•¥ã›ãšã«è¨˜è¿°ã—ã¦ã€ãれを展開ã™ã‚‹ã¨ã€Œ<div></div>ã€ã¨ã„ã†å½¢ã«å±•é–‹ã•ã‚Œã¾ã™ã€‚ ã“ã®ã¨ãã«å±•é–‹ã§ãã‚‹è¦ç´ ã¯ä»¥ä¸‹ã®å…¬å¼ãƒ‰ã‚ュメントã«æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’見るã¨ã‚ˆã„ã§ã™ã€‚ Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的ãªè¨˜æ³• ã²ã¨ã¤ãšã¤é †ç•ªã«è¨˜è¿°ã—ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ã—ã°ã‚‰ãåˆæ©çš„ãªèª¬æ˜Žã«ãªã‚‹ã®ã§ã‚る程度知ã£ã¦ã„ã‚‹æ–¹ã¯é£›ã°ã—ã¦ã„ãŸã ã„ã¦è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã‚‚ã®ã™ã”ã基本的ãªè¨˜æ³•ã§ã‚ã‚‹ã€å˜ç‹¬ã‚¿ã‚°ã®è¨˜æ³•ã«ã¤ã„ã¦èª¬æ˜Žã‚’è¡Œã„ã¾ã™ã€‚ cssã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’イメージã—ãªãŒã‚‰è¦‹ã¦ã„ãã¨ç´å¾—ã—ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¿ã‚°ã ã‘å¤‰æ› å¤‰æ›å‰ div 変æ›å¾Œ <div></div> デモ 文末ã§tabを押ã—ã¦ãã ã•ã„ div 変æ›å¾Œã€divè¦ç´ ã®é–“ã«ã‚«ãƒ¼ã‚½ãƒ«ãŒç§»å‹•ã™ã‚‹ã®ã§ã€ã™ãã«ãƒ†ã‚
WordPressã«Zen Codingã‚’å°Žå…¥ã™ã‚‹ãƒ—ラグイン「WP Zen-Coding〠- Rewish
ã“ã®ãƒ—ラグインã¯ä»Šå¾Œæ›´æ–°ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。代ã‚ã‚Šã«WP Emmetを使用ã™ã‚‹ã¨çš†å¹¸ã›ã€‚ WordPressã®ç®¡ç†ç”»é¢ã§Zen codingを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ—ラグインを書ãã¾ã—ãŸã€‚良ã‹ã£ãŸã‚‰ä½¿ã£ã¦ã¿ã¦ä¸‹ã•ã„。 ダウンãƒãƒ¼ãƒ‰ WP Zen-Coding - v0.3.1 ライセンス MIT License Zen Codingã®è¨å®š è¨å®šã¯ã€è¨å®šã€‘メニューã®ã€Zen Coding】より行ãˆã¾ã™ã€‚ 既知ã®ä¸å…·åˆ Zen Coding for textareaã®ãƒã‚°ãªã®ã‹ä»•æ§˜ãªã®ã‹ã€textareaã«ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒå‡ºã¦ã„ã‚‹å ´åˆã€ã‚¿ã‚°ã®å±•é–‹ãªã©ã‚’è¡Œã†ã¨æœ€ä¸Šéƒ¨ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¾ã™ã€‚ カーソルã¯å…ƒã®ä½ç½®ã«ã‚ã‚‹ã®ã§ã€æ–‡å—を入力ã™ã‚Œã°å…ƒã®ä½ç½®ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¾ã™ã€‚ ãŠã™ã™ã‚ Zen Coding for textarea ã‚’ Movable Type ã§ç°¡å˜ã«ä½¿ã†ãƒ—ラグイン - ã‹ãŸã¤ã‚€ã‚Šãã‚“ã®
世界åˆï¼Ÿã®Zen Coding本ãŒç™ºå£²ã•ã‚Œã¾ã—㟠| gaspanik weblog
今年ã®é ã«ä¸€éƒ¨ã§è©±é¡Œã«ãªã£ãŸZen Codingã€å¤šãã®æ–¹ãŒãƒ–ãƒã‚°ã«è§£èª¬ã‚’書ã„ã¦ä¸‹ã•ã£ã¦ã„ã‚‹ã®ã§ç›®ã«ã—ãŸæ–¹ã‚‚多ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ãã®Zen Codingã®ä¸–ç•Œåˆã¨ãªã‚‹è§£èª¬æœ¬ã€ŒHTML+CSSコーディングãŒ10å€é€Ÿããªã‚‹ Zen Codingã€ãŒæœ¬æ—¥11月26æ—¥ã«ç™ºå£²ã•ã‚Œã¾ã—ãŸã€‚ 今回ã¯å…±è‘—者ã¨ã—ã¦ã€ã€ŒDreamweaver Town Meeting in Tokyoã€ã§åŒã˜ãZen Codingã‚’å–り上ã’ãŸYahoo! JAPANã®å²¡éƒ¨ã•ã‚“ã«å”力ã„ãŸã ãã¾ã—ãŸã€‚ 本書ã¯ã€Zen Codingを知らãªã„Web制作ã«æºã‚ã£ã¦ã‚‹æ–¹ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚‚ã†å°‘ã—敷居を低ãã¨ã„ã†ã‹ã€æ¥å‹™ä¸Šã¡ã‚‡ã£ã¨ã—ãŸHTMLを書ã‹ãªãã¦ã¯ãªã‚‰ãªã„Webディレクターã®çš†ã•ã‚“ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã‚„ä¼æ¥ã®ãƒ–ãƒã‚°ã®æ›´æ–°æ‹…当ã®çš†ã•ã‚“ã«ã‚‚ã€ã„ã‚ã„ã‚ãªã‚¨ãƒ‡ã‚£ã‚¿ã«å¯¾å¿œã—始ã‚ã¦ã„ã‚‹Zen Codingを使ã£ã¦ã„ãŸã ããŸã比較的やã•ã—ã‚ãªå†…容ã«ãª
Zen-Codingã§ã§ãã‚‹ã‚ã‚“ãªã“ã¨ã“ã‚“ãªã“㨠| gaspanik weblog
先日超速コーディング？ã¨ã—ã¦TextMateã«Zen-Codingã‚’è¿½åŠ ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ‰‹æ³•ã®æ¦‚è¦ã‚’紹介ã—ã¾ã—ãŸã€‚ã§ã€å®Ÿã¯Zen-Codingã€å‰å›žç´¹ä»‹ã—ãŸå…¥åŠ›æ–¹æ³•ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 HTMLã®ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£çš„ãªã‚‚ã®ãŒã‚ã‹ã£ã¦ã„ã‚Œã°ã€ç‰¹å®šã®è¨˜è¿°ã‚’ã—ã¦å±•é–‹ã™ã‚‹ã¨ä¸€æ°—ã«ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã¡ã‚ƒã£ãŸã‚Šã—ã¾ã™ï¼ˆã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ã€ã“ã£ã¡ãŒæœ¬å½“ã®Zen-Codingãªã‚“ã§ã—ょã†ï¼‰ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ãã®ç‰¹å®šã®è¨˜è¿°ã¨ã‚„らã®è©±ã‚’ã—ã¦ã¿ã¾ã—ょã†ã€‚ã“ã“ã¾ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãã‚‹ã¨å®Ÿã«é€Ÿã„…（ã¯ãš 笑）。 æ–‡æ›¸æ§‹é€ ãŒã‚ã‹ã£ã¦ã‚Œã°ã€1行書ã„ã¦ä¸€æ°—ã«å±•é–‹ã§ãã‚‹Zen-Codingã¯ã€å‰å›žç´¹ä»‹ã—ãŸã‚ˆã†ãªç™»éŒ²ã•ã‚ŒãŸç•¥èªžã‚’使ã£ã¦HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‰ã‚’展開ã™ã‚‹ä½¿ã„æ–¹ã ã‘ã§ãªãã€ç‰¹å®šã®è¨˜è¿°ã‚’使ã£ã¦æ§‹é€ を書ã上ã’ã¦ä¸€æ°—ã«å±•é–‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚TextMateを使ã£ã¦ã„ã‚‹æ–¹ã¯ã“ã¡ã‚‰ã®ãƒªã‚¹ãƒˆã«ã‚る「Zen.Coding-Text
zen codingã¯è¶…便利ï¼Dreamweaverã§ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ – VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
先日ã€ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®PHP入門ã¨ã„ã†ç´ 敵ãªUSTを見ã¦ã„ãŸã®ã§ã™ãŒã€ãã®ä¸ã§å‡ºã¦ããŸzen coding。 å‰ã€…ã‹ã‚‰çŸ¥ã£ã¦ã„ãŸã‚‚ã®ã®ã€ã“れ使ã†ãªã‚‰ã‚¨ãƒ‡ã‚£ã‚¿ã”ã¨ä¹—ã‚Šæ›ãˆãªã„ã¨ã„ã‘ãªã„ã‚“ã ï¼ã¨ãšã£ã¨å‹˜é•ã„ã—ã¦ã„ã¦ã€ãªã‚“ã ã‹ã‚“ã ã§ã¾ã Dreamweaver使ã£ã¦ã‚‹ã—…サイトã®å®šç¾©ã¨ã‹ã‚‚ã—ã¦ã‚‹ã‹ã‚‰ãªã‚“ã ã‹ã‚“ã ã§ã‚¨ãƒ‡ã‚£ã‚¿ä¹—ã‚Šæ›ãˆã‚‹ã®é¢å€’ã ã—ãªã…ã¨ã‹ã”ã«ã‚‡ã”ã«ã‚‡æ€ã£ã¦ã„ãŸã®ã§ã™ãŒâ€¦ Dreamweaverã§ã‚‚使ãˆã‚‹ã‚‰ã—ã„よï¼çŸ¥ã‚‰ãªã‹ã£ãŸï¼ç„¡çŸ¥ã£ã¦æ€–ã„ï¼ï¼žï¼œ Dreamweaver用ã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸZen Coding.mxpをダブルクリックã™ã‚‹ã¨ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãŒç«‹ã¡ä¸ŠãŒã‚‹ã®ã§ã€æ‰¿è«¾ã™ã‚‹ã‚’クリックã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ ã“ã‚Œã ã‘ã§OK。 インストールãŒçµ‚ã‚ã£ãŸã‚‰ã€æ—©é€Ÿä½•ã‹å…¥åŠ›ã—ã¦ã¿ã¾ã—ょã†ã€‚ ã™ã”ã„ï¼æ„Ÿå‹•ï¼ 展開ã¯controlã‚ーã¨,(カンマ)ã‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ZenCSSPropertiesEn - zen-coding - CSS-properties and its aliases for Zen CSS plugins - Project Hosting on Google Code
ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for Zen HTML plugins - Project Hosting on Google Code
ZenHTMLSelectorsEn - zen-coding - Selectors and aliases for Zen HTML plugins - Project Hosting on Google Code
Downloads - zen-coding - Project Hosting on Google Code
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting
{{#tags}}- {{label}}
{{/tags}}