ã¾ãšã¯ã€Œgulpã€ã‚’å‹•ã‹ã—ã¦ã¿ã‚ˆã†ï¼ ～セットアップã¨ã¯ã˜ã‚ã¦ã®ã‚¿ã‚¹ã‚¯å®Ÿè¡Œ
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
EditorConfig
What is EditorConfig? EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs. The EditorConfig project consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles. EditorConfig files are easily readable and they
Aptana Studio 3 ã®ã“ã¨
ç¾æ™‚点ã§ã¯betaãƒãƒ¼ã‚¸ãƒ§ãƒ³ã ã‘ã©ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ãŸã‚‰ã„ã„æ„Ÿã˜ã ã£ãŸAptana3ã«ã¤ã„ã¦ã€‚ Aptanaã§æ¤œç´¢ã™ã‚‹ã¨çµæ§‹ãªä¸Šä½ã«ã“ã®è¨˜äº‹ãŒãƒ©ãƒ³ã‚¯ã—ã¦ã‚‹ã‚ˆã†ãªã®ã§ã€ ã¡ã‚‡ã£ã¨è£œè¶³ã—ã¤ã¤ä½¿ã„方メインã®è¨˜äº‹ã‚’è¿½åŠ ã€‚ 比較検討ã—ãŸã„人å‘ã‘ã®ãƒ¡ãƒ¢ Aptana Studio 3ã¨ã¯è‰²ã€…ãªè¨€èªžã«å¯¾å¿œã—ã¦ã„ã‚‹ç„¡æ–™ã®IDEã§ã™ã€‚ベースã¯Eclipse(Helios)。 開発ã¯ã‚‚ã¨ã‚‚ã¨Aptanaã¨ã„ã†ä¼šç¤¾ã ã£ãŸã‚“ã ã‘ã©ã€Appceleratorã«è²·åŽã•ã‚Œã¦ä»¥é™ã¯ã‚³ãƒ”ーライト表記ãŒAppcelerator, Inc.ã«å¤‰ã‚ã‚Šã€Aptanaをベースã«Titanium Studioを出ã—ã¾ã—ãŸã€‚ HTML5, CSS3, JavaScript, Ruby, Rails, PHP, Java, Pythonãªã©ã‚’サãƒãƒ¼ãƒˆã€‚ Sassã€HAMLã€CoffeeScriptã€Sell Scriptãªã©ã«ã‚‚対応ã—ã¦ã¾
Python: テã‚ストファイルã«æ›¸ã込㿠– write()ã€writelines()メソッド
テã‚ストファイルã¸ã®æ›¸ãè¾¼ã¿å‡¦ç†ã¯Fileオブジェクトã®ä»¥ä¸‹ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用ã„る。 write() – æ–‡å—列を引数ã«å–ã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã込む。 writelines() – シーケンス型を引数ã«å–ã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã込む。 write() – æ–‡å—列を引数ã«å–ã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã込む ソースコード #!/usr/bin/python # coding: UTF-8 # 書ã込む文å—列 str1 = """It is meaningless only to think my long further aims idly. It is important to set my aims but at the same time I should confirm my present condition. Unless I set the standard where I am in any leve
Emmet　CSSショートコード
Emmetã¯ã€Zen-Codingã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®åå‰ã§ã™ã€‚ Zen-Codingã¯HTMLã®è¨˜è¿°æ–¹æ³•ãŒå–り上ã’られるã“ã¨ãŒå¤šã„ã§ã™ãŒã€å€‹äººçš„ã«ã¯ã€CSSã®å…¥åŠ›è£œåŠ©ã“ã真価ãŒç™ºæ®ã•ã‚Œã‚‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ç§ã¯ã€Emmetã¾ãŸã¯Zen-CodingãŒãªã‘ã‚Œã°ã€CSSã®ãƒ—ãƒãƒ‘ティを打ã¤ã®ãŒè‹¦ç—›ãªã»ã©ã§ã™ã€‚ Emmetã‹ã‚‰ã€ã•ã‚‰ã«å¤šãã®ãƒ—ãƒãƒ‘ティã«å¯¾å¿œã—ã€æ•°å€¤ã‚‚å«ã‚ã¦å±•é–‹ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚CSSã®è¨˜è¿°ãŒã‚ˆã‚Šä½¿ã„ã‚„ã™ããªã£ãŸã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ Zen-Codingã‹ã‚‰ä½¿ãˆã‚‹ CSSã®å±•é–‹ã¯ã€ã»ã¨ã‚“ã©ã®Zen-Codingã‹ã‚‰ä½¿ãˆã¾ã™ã€‚ Emmetã§ã¯ã•ã‚‰ã«ä½¿ã„ã‚„ã™ããªã‚Šã¾ã—ãŸãŒã€Emmetã¯ç¾åœ¨é–‹ç™ºä¸ã®ãŸã‚ã€ä¸å®‰å®šãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã€‚ä¸å®‰ãªæ–¹ã¯ã€Zen-Codingã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ プãƒãƒ‘ティã«ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€+ã§ã¤ãªã„ã§å±•é–‹(Expand Abbreviation)ã™ã‚‹å½¢
使ãˆãã†ãªCodaã®ãƒ—ラグイン – Kamurogi Blog
ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã®ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã‚’Codaã«ã—ã¦ã¿ã¾ã—ãŸã€‚ Codaã®æ—¥æœ¬èªžãƒ‰ã‚ュメントã¯ã¾ã ã¾ã å°‘ãªã„å°è±¡ãŒã‚ã‚Šã¾ã™ãŒã€ã‚µãƒ¼ãƒ‰ãƒ‘ーティプラグインã«ç€ç›®ã—ã¦ã¿ã‚‹ã¨ãã“ãã“充実ã—ã¦ã„るよã†ã§ã™ã€‚ ãã“ã§Codaã®ãƒ—ラグインã®ä¸ã§ã»ã‚“ã®ä¸€éƒ¨ã§ã™ãŒã€ä½¿ãˆãã†ãªã‚‚ã®ã‚’紹介ã—ã¾ã™ï¼ˆã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ï¼‰ã€‚ last modified（プラグインã®è¿½è¨˜ï¼‰ †2012å¹´4月14æ—¥ update †2012å¹´5月24æ—¥ Coda 2ã§æ¨™æº–機能ã¨ã—ã¦çµ„ã¿è¾¼ã¾ã‚ŒãŸã‚‚ã®ã‚‚ã‚るよã†ã§ã™ã€‚ 常用ä¸ã®ãƒ—ラグイン Bookmarker Codaã®ã‚³ãƒ¼ãƒ‰ãƒŠãƒ“ゲータã«ãƒ–ックマークã¨ã—ã¦èªè˜ã•ã‚Œã‚‹ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆãŒã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ ショートカットã¯command + shift + K。 Coda PHP & Web Toolkit PHPã®æ§‹æ–‡ã®æ¤œè¨¼ PHPã€HTMLã€CSSã®ã‚³ãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆï¼ˆãƒ—ラグイン独自ã®ç’°å¢ƒè¨
æ£ã—ã„JavaScriptã®å¤‰æ•°åã®è©±ã‚’ã—よã†
「var Ï€ = Math.PI; ãŒæ–‡æ³•çš„ã«æ£ã—ã„JavaScriptã ã¨çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€ã¨ã„ã†æ›¸ã出ã—ã§å§‹ã¾ã‚‹JavaScriptã®å¤‰æ•°åã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã—ãŸã€‚エントリーを書ã„ãŸã®ã¯ãƒ™ãƒ«ã‚®ãƒ¼ã®ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹WEB開発者ã®Mathias Bynensã•ã‚“ã§ã™ã€‚å½¼ã¯Unicodeã®ã©ã‚“ãªã‚°ãƒªãƒ•ãŒè˜åˆ¥åã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã®ã‹ECMAScriptã®ä»•æ§˜ã‚’見ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸãã†ã§ã™ã€‚ ECMAScript 5.1ã«ã‚ˆã‚Œã°: è˜åˆ¥åã¯äºˆç´„語ã§ã¯ãªã„è˜åˆ¥ã§ãã‚‹åå‰ ã¨ãªã£ã¦ãŠã‚Šã€ç›´æŽ¥è¨˜å·ã‚„グリフã«ã¤ã„ã¦ã®åˆ¶ç´„ã«ã¯è¨€åŠã—ã¦ã„ã¾ã›ã‚“。元記事ã§ã¯ã•ã‚‰ã«äºˆç´„語やè˜åˆ¥åã«ä½¿ç”¨ã§ãã‚‹æ–‡å—ã®ä¾‹å¤–ãªã©ã«ã¤ã„ã¦è§£èª¬ã—ãŸå¾Œã«ã€ä¸‹è¨˜ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒæœ‰åŠ¹ãªJavaScriptã®å¤‰æ•°åã§ã‚ã‚‹ã¨ã—ã¦ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ // How convenient! var Ï€ = Math.PI; // Sometime
Zen Codingã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ | Zen Coding 3-1 | HTML+CSSコーディングãŒ10å€é€Ÿããªã‚‹Zen Coding
Zen Codingを使ã£ã¦HTML/CSSコーディングã™ã‚‹ã«ã¯ã€Zen Codingã‚’å°Žå…¥ã—ãŸç’°å¢ƒã§ãã‚Œãžã‚Œã®HTML/CSSã‚¿ã‚°ã®ã€Œçœç•¥å½¢ã€ï¼ˆAbberiviation）ã¨ã„ã‚れる略語を入力ã—ã€ã€Œå±•é–‹ã€ã‚’実行（［Expand Abberiviation］メニューをé¸æŠžã€ã‚ã‚‹ã„㯠＋ã‚ーを押ã™â€»ï¼‰ã—ã¾ã™ã€‚入力ã—ãŸçœç•¥å½¢ã‚’「展開ã€ï¼ˆExpand）ã™ã‚‹ã¨ã€çµ±åˆé–‹ç™ºç’°å¢ƒã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆï¼ˆçµ±åˆé–‹ç™ºç’°å¢ƒã‹ã‚‰çŸã„プãƒã‚°ãƒ©ãƒ コードを呼ã³å‡ºã™æ©Ÿèƒ½ï¼‰ã®ã‚ˆã†ã«ã€ä¸€é€£ã®ã‚³ãƒ¼ãƒ‰ãŒç”Ÿæˆã•ã‚Œã‚‹ã—ãã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ çœç•¥å½¢ã‚’覚ãˆã‚‹ã®ã¯ãŸã„ã¸ã‚“ã ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€1ç« ã§è¿°ã¹ãŸã¨ãŠã‚Šã€ã™ã¹ã¦ã‚’覚ãˆã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。自分ãŒã‚ˆã使ã†ã‚¿ã‚°ã®çœç•¥å½¢ã ã‘を覚ãˆã‚Œã°ã˜ã‚…ã†ã¶ã‚“ã§ã™ã€‚ ã¾ãŸã€Zen Codingã®çœç•¥å½¢ã¯ã€HTMLã®å ´åˆã¯HTMLã‚¿ã‚°ã®åå‰ã®ã€CSSã®å ´åˆã¯ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã®ãŸã‚ã®ãƒ—ãƒãƒ‘ティåã®é æ–‡å—ãªã©ã«ãªã£ã¦ã„ã¾
ã„ã‚ã„ã‚ãªè¨€èªžã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„，スタイルガイドã®ãƒªã‚¹ãƒˆ — TRIVIAL TECHNOLOGIES 2.0
ã¿ã‚“ãªã®IoT/ã¿ã‚“ãªã®Pythonã®è‘—者。二å玉近ã160平米ã®åºä»˜ã一戸建ã¦ã«å«/æ¯å/娘/ã‚ã‚“ã“ã¨æš®ã‚‰ã—ã¦ã¾ã™ã€‚月間1000万PV/150万UUã®Webサービスé‹å–¶ä¸ã€‚ å…è²¬äº‹é … プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž(C#，VB，PHP，C/C++，Python，Java，Ruby，JavaScript，Objective-C)ã‚„HTMLã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’集ã‚ãŸãƒªã‚¹ãƒˆã‚’発見ã—ã¾ã—ãŸã€‚日本語訳ãŒã‚ã‚‹ã‚‚ã®ã¯ã§ãã‚‹ã‹ãŽã‚ŠæŽ¢ã—出ã—ã¦ï¼Œæ‹¬å¼§ã®ãªã‹ã«ä½µè¨˜ã—ã¦è£œã£ã¦ã‚ã‚Šã¾ã™ã€‚微妙ã«å¤ã„ã®ãŒæ··ã˜ã£ã¦ã‚‹ã‹ãªã€‚Rubyã¯æ—¥æœ¬ç™ºã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ãŒã‚ã‚‹æ°—ãŒã™ã‚‹(ã¾ã¤ã‚‚ã¨ã•ã‚“ã®æ—¥è¨˜ã‚’見ã¤ã‘ãŸ)。 元記事ã«Perlã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒãªã‹ã£ãŸã‚“ã ã‘ã©ï¼Œãƒ¢ãƒ€ãƒ³ãªPerlスタイルガイドãŒã‚ã£ãŸã‚‰æ•™ãˆã¦æ¬²ã—ã„ã§ã™:-)。 Pythonã«ã¯PEP8ã¨ã„ã†ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒã‚ã£ã¦ã‚ˆãèªã¾ã‚Œã‚‹ã“ã¨ã¯
WEBデザイナーã«å¿…è¦ãª3ã¤ã®åŸºç¤Žã¨æŒã£ã¦ã„ã‚‹ã¨å½¹ç«‹ã¤5ã¤ã®èƒ½åŠ› - アシアルブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ アシアルWEBデザイナーã®é´¨ç”°ã§ã™ã€‚ 最近ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã‚‚é ‘å¼µã£ã¦ã„ãŸã‚Šã™ã‚‹ã®ã§ã™ãŒã€ ã‚„ã¯ã‚Šæ ¹æœ¬ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæŒã£ã¦ã‚‹ã¨ã€ å½¹ã«ç«‹ã¤ã‚“ã˜ã‚ƒãªã„ã‹ã¨å€‹äººçš„ã«æ€ã†èƒ½åŠ›ã«ã¤ã„ã¦ã€èªžã£ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯åŸºç¤Žç·¨ã¨ã—ã¦ã€ WEBデザイナーを目指ã™äººãŒèº«ã«ã¤ã‘ã¦ãŠãã¹ãå¿…é ˆèƒ½åŠ›ã«ã¤ã„ã¦ã§ã™ã€‚ １．Photoshop力 何を差ã—ç½®ã„ã¦ã‚‚ã€ã“ã‚ŒãŒãªã„ã¨å§‹ã¾ã‚Šã¾ã›ã‚“ã。 ã¨ã‚Šã‚ãˆãšã€æ•™å‰‡æœ¬ã‚’èªã‚€ã£ã¦è¨€ã†ã®ã¯ã€ 使ã„方を覚ãˆã‚‹ã®ã«ã¯ã„ã„ã‚“ã§ã™ãŒã€å¤šåˆ†æ“作ã ã‘覚ãˆã¦ã‚‚ã¤ã¾ã‚‰ãªã„ã®ã§ã€ 個人的ã«ã¯ã€è‡ªåˆ†ã§å†™çœŸã‚’æ’®ã£ã¦ã€ãã‚Œã‚’åŠ å·¥ã—ã¾ãる〠ã¨ã„ã†ã®ãŒã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ãŸã‚Šã—ã¾ã™ã€‚ ã¾ã‚ã€Photoshopã¯å…ƒã€…フォトレタッãƒã‚½ãƒ•ãƒˆãªã®ã§ã€ ãã®ç‰¹æ€§ã‚’生ã‹ã™ã“ã¨ã§å‡ºæ¥ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚出ã¦ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ 大å¦ç”Ÿãらã„ã®æ™‚ã«ã“ã†ã„ã†ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ã¤ãã£ã¦ã€ ãªã‚“ã¡ã‚ƒã£ã¦
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
ã“ã®å’Œè¨³ã«ã¤ã„ã¦Â¶ ã“ã®æ–‡ç« 㯠Google JavaScript Style Guide ã‚’éžå…¬å¼ã«å’Œè¨³ã—ãŸã‚‚ã®ã§ã™. 内容ã®æ£ç¢ºæ€§ã¯ä¿è¨¼ã—ã¾ã›ã‚“. ライセンスã¯åŽŸæ–‡ã¨åŒã˜ã CC-By 3.0 ã¨ã—ã¾ã™. フィードãƒãƒƒã‚¯ã¯ Issue ã¸ã®ç™»éŒ² , ã‚ã‚‹ã„㯠Kosei Moriyama (@cou929 ã¾ãŸã¯ cou929 at gmail.com) ã¸ç›´æŽ¥ãŠé¡˜ã„ã—ã¾ã™. ã“ã®å’Œè¨³ã®ãƒªãƒã‚¸ãƒˆãƒªã¯ ã“ã¡ã‚‰ ã§ã™.
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
sublime text 2 㧠zen-codingを使ã†éš›ã®ã‚³ãƒžãƒ³ãƒ‰ä¸€è¦§
WordPressã¸ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« | Zen Coding 2-8 | HTML+CSSコーディングãŒ10å€é€Ÿããªã‚‹Zen Coding
{{#tags}}- {{label}}
{{/tags}}