Hayaku!
for Sublime Text 2Download from GitHubthrough Package ControlFuzzy abbreviationsWith hayaku you don't need to remember abbreviations and use cheatsheets. You can write just any way you like the abbreviations to be and Hayaku would try it's best to guess what you need. That way all those abbreviations are equal: oho:hovhioverfl:hidnFast valuesHayaku gives you a way to write numeric and color values
Sublime Text2 㨠Emmet LiveStyleã‚’ã‹ã‘ã‚ã‚ã›ã¦ã€çˆ†é€Ÿã§CSSé–‹ç™ºâ˜†ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã°ã‚“ã¯ã€‚å°æž—ã§ã™ã€‚ 今回ã®è¨˜äº‹ã¯ã€ä¸‹è¨˜ã‚’利用ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹æ–¹ã«ã¯ã€æ˜¯éžèªã‚“ã§ã„ãŸã ããŸã„。 Sublime Text + Google Chrome( 或ã„ã¯Safari ) ãã†ã§ãªã„æ–¹ã«ã‚‚ãã“ãã“èªã‚“ã§ã„ãŸã ããŸã„。 目的ã¨ã—ã¾ã—ã¦ã¯ã€ã€ŒCSSã®é–‹ç™ºã‚’より高速ã«è¡Œãˆã‚‹ç’°å¢ƒã‚’作りã¾ã—ょã†ï¼ã€ã¨ã„ã†ã“ã¨ãªã‚“ã§ã™ã€‚百èžã¯ä¸€è¦‹ã«å¦‚ã‹ãšã¨ã„ã†ã“ã¨ã§ã€ã¾ãšã¯ã€ã“ã¡ã‚‰ã®ã‚¹ãƒ¼ãƒ‘ーã«ã‚¨ã‚¯ã‚µã‚¤ãƒ†ã‚£ãƒ³ã‚°ãªãƒ‡ãƒ¢å‹•ç”»ã‚’見ã¡ã‚ƒã„ã¾ã—ょã†ï¼ 諸般ã®äº‹æƒ…ã§å‹•ç”»ãŒè¦³ã‚Œãªã„ã¨ã„ã†æ–¹ã«ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã¨ã€Emmet LiveStyle(以下LiveStyleã¨è¡¨è¨˜)を使ã†ã“ã¨ã§ä»¥ä¸‹ã®ã“ã¨ãŒã§ãã¾ã™ã€‚ リアルタイム更新。Sublime Textã§ãŸã タイピングã™ã‚‹ã ã‘ã§ã€ã‚ãŸã‹ã‚‚ブラウザã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®CSSパãƒãƒ«ã‚’弄るã‹ã®ã‚ˆã†ã«ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§CSSã‚’æ›´æ–°ã§ãる。無論ã„ã¡ã„ã¡ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã—ãŸã‚Šã™ã‚‹å¿…è¦ã¯ãªã„
Sublime Text 2 ã§ç”»åƒã®ãƒ—レビューを簡å˜ã«ã™ã‚‹ãƒ‘ッケージ「Sublime-Text-2-Image-Viewerã€
「Sublime-Text-2-Image-Viewerã€ã¨ã„ã†ãƒ‘ッケージを入れるã¨ã€ãŸã¨ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªHTMLã‚„CSSã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«åをプレビューã—ãŸã„å ´åˆã€ <img src="img/image.png"> background: url(../img/image.png); ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«åã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’ç½®ã„ã¦ã€ command + i ショートカットã‚ーを押ã›ã°ãƒ—レビューã§ãるよã†ã«ãªã‚Šã¾ã™ãƒ½(*´ω｀*)ノ ã“ã®ãƒ‘ッケージã¯ãƒ‘ッケージコントãƒãƒ¼ãƒ«ã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ããªã„ã®ã§ã€Zipファイルをè½ã¨ã—ã¦ãã¦æ‰‹å‹•ã§ãƒ‘ッケージã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«å…¥ã‚Œã‚‹ã‹ã€git clone ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ rmaksim/Sublime-Text-2-Image-Viewer · GitHub Zipファイルをダウンãƒãƒ¼ãƒ‰ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å ´åˆ 上記ã®GitHubページã‹ã‚‰Zipファイルをダウン
Sublime Textã‚„Codaã€TextMateç‰ã®æ§˜ã€…ãªãƒ†ã‚ストエディタã®ã‚«ãƒ©ãƒ¼ã‚¹ã‚ームをé…布ã™ã‚‹ãƒ»ã€Œcolour-schemes〠- ã‹ã¡ã³ã¨.net
colour-schemesã¯æ§˜ã€…ãªãƒ†ã‚ストエディタã®ã‚«ãƒ©ãƒ¼ã‚¹ã‚ームをセットã«ã—ãŸãƒ‘ッケージã§Githubã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã£ã‹ã‚Šæ•°ãˆã¦ã¯ã„ã¾ã›ã‚“ãŒã€ã‚«ãƒ©ãƒ¼ã‚¹ã‚ームã®ç¨®é¡žã¯70以上ã‚ã‚‹ã¿ãŸã„ã§ã™ã€‚ãŸã ã€å…¨ã¦ã®ãƒ†ã‚ストエディタã«å…±é€šã«ç”¨æ„ã•ã‚Œã¦ã¯ã„ãªã„よã†ãªã®ã§ãã®è¾ºã¯ç¢ºèªã™ã‚‹å¿…è¦ãŒã‚ã‚Šãã†ã§ã™ã€‚ãŠå¥½ã¿ã®ãƒ†ãƒ¼ãƒžãŒã‚ã‚‹ã¨è‰¯ã„ã§ã™ã。 colour-schemesColor Sample
Sublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーã§ä¾¿åˆ©ãªã‚„ã¤ä½•å€‹ã‹ï¼ˆWindows版） - ã‹ã¡ã³ã¨.net
Sublime Text 2ã§å€‹äººçš„ã«ã‚ˆã 使ã†ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを㔠紹介ã—ã¾ã™ã€‚別件ã§ãƒ¡ãƒ¼ãƒ«ã—㦠ãŸæ™‚ã«èžã‹ã‚ŒãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ 事ã«ã—ã¾ã—ãŸã€‚Windows版ã®ã‚·ãƒ§ ートカットã«ãªã‚Šã¾ã™ã€‚ 個人的ã«ä¾¿åˆ©ã ã¨æ„Ÿã˜ãŸSublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを紹介ã—ã¦ã¿ã¾ã™ã€‚僕ã¯ã¾ã 使ã„始ã‚ã¦åŠå¹´ãらã„ã—ã‹çµŒã£ã¦ç„¡ã„ã§ã™ã—ã€æ©Ÿèƒ½ã‚’å分ã«ä½¿ã„ã“ãªã›ã‚‹è¨³ã§ã¯ç„¡ã„ã®ã§å‚考程度ã¨ã„ã†äº‹ã§ãƒ»ãƒ» ä¸€æ‹¬ç½®æ› æ–‡å—列ã®ä¸€æ‹¬ç½®æ›ã§ã™ã€‚便利ãªã®ã§ã€ã“ã‚ŒãŒãªã„エディタã¯ã‚‚ã†ä½¿ãˆã¾ã›ã‚“。 Ctrl+D（åŒã˜æ–‡å—を複数é¸æŠžâ†’一括編集） ↑ ä»»æ„ã®ãƒ†ã‚ストã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã¦ã‹ã‚‰Ctrl+Dã§ã€ãã®æ–‡å—ã¨åŒã˜æ–‡å—ã«æ¨™æº–ã‚’ã‚ã‚ã›ã‚‰ã‚Œã¾ã™ã€‚ Ctrlを押ã—ãŸã¾ã¾ã€è¤‡æ•°é¸æŠžã—ãŸã„ã¨ã“ã‚ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å†åº¦æŒã£ã¦ã„ã£ã¦Dを押ã›ã°ãã®å ´æ‰€ã‚‚é¸æŠžå¯èƒ½ã§ã™ã€‚ ↑ é¸æŠžã—ãŸãƒ†ã‚ストã¯ä¸€æ‹¬ç·¨é›†ã§ãã¾ã™ã€‚ ãŸã ã—ã€åŒã˜æ–‡å—列「全ã¦
SublimeText2ã®Emmet（Zen-Coding）カスタマイズ - Qiita
Emmetã®å°Žå…¥ 「Package Controllã€ã§ã€ŒEmmetã€ã‚’インストール。 [command] + [Shift] + [P] ã§ã€ŒCommand Paletteã€ã‚’é–‹ã「installã€ã¨å…¥åŠ›ã—ã¦ãƒ‘ッケージインストーラーをé¸æŠžã€‚ 「Emmetã€ã‚’é¸æŠžã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ å‚考 ã€ä¾¿åˆ©ãƒ„ール】Emmetã§ã€ã¡ã‚‡ã£ã¨æ°—æŒã¡ã„ã„コーディング with sublime text 2・上巻 ｜ Developers.IO ã‚¿ã‚°ã®çŸç¸®å…¥åŠ› html:5â†ã“ã“ã§**[ctrl]+[E]** ↓ <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
Sublime Text2ã§æ¥½ã«ãƒ‘ッケージã®ç®¡ç†ãŒã§ãã‚‹Sublime Package Controlを入れã¦ã¿ãŸ - ノイズビン
Sublime Text2ã§ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆãªã©ã®ãƒ‘ッケージãŒå¿…è¦ã«ãªã‚‹ã¨ã€é…布サイトã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦è§£å‡ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ã„ã†æ‰‹é †ã§ã—ã¦ã„ã¾ã—ãŸãŒã€ãƒ‘ッケージã®ç®¡ç†ãŒã§ãã‚‹ Sublime Package Control を入れã¦ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚凄ã便利ã ã£ãŸã®ã§ Installation – Sublime Package Control を基ã«æ‰‹é †ã¨ã‹ã‚’書ã„ã¦ã¿ãŸã€‚ Sublime Package Controlをインストールã™ã‚‹ Sublime Package Controlをコンソールã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ 手動ã§ã‚‚インストールã§ãã¾ã™ãŒã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®æ–¹ãŒæ¥½ãªã®ã§ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’利用ã—ã¾ã—ょã†ã€‚ 手動インストールã®æ‰‹é †ã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ Manual Instructions – Sublime Package Control コンソールを表示ã™ã‚‹ Sublime Te
ã‚ãªãŸè‰²ã«æŸ“ã¾ã‚‹ãƒ†ã‚ストエディタ『SublimeText2ã€
自分ã¯ç”·ã®åãªã‚‚ã‚“ã§ã€ã€Œã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€ã¨ã‹ã€Œè‡ªåˆ†ä»•æ§˜ã€ã¨ã‹ã€Œæœ€å¼·ã€ã¨ã‹ã€ãã†ã„ã†è¨€è‘‰ãŒå¤§å¥½ãã§ã™ã€‚ãã‚“ãªè¨€è‘‰ãŒã´ã£ãŸã‚Šã§éžå¸¸ã«å„ªç§€ãªãƒ†ã‚ストエディタ『SublimeText2ã€ï¼ˆä»¥ä¸‹ST2）ã¨ã„ã†ã‚‚ã®ã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 最近ã¯å°Žå…¥ã•ã‚Œã‚‹æ–¹ã‚‚増ãˆã¦ãã¦ã„るよã†ã§ã€å°Žå…¥æ–¹æ³•ã‚„最低é™ã®åŸºæœ¬è¨å®šã€ãƒ—ラグインã®å…¥ã‚Œæ–¹ãªã©ã¯ã‚°ã‚°ã‚Œã°ãŸãã•ã‚“出ã¦ãã¾ã™ã®ã§ã€ãã¡ã‚‰ã¯ã°ã£ã•ã‚Šçœç•¥ã€‚自分ã®æ–¹ã§ã¯ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã®é…力をä¼ãˆã€ãã—ã¦ã€Œãªã‚“ã‹æ°—ã«ãªã‚‹â€¦ä½¿ã£ã¦ã¿ã‚ˆã†ã‹ãªâ€¦ã€ã¨æ€ã£ã¦ã‚‚らãˆã‚‹ã‚ˆã†ãªè¨˜äº‹ãŒæ›¸ã‘ãŸã‚‰ãªã¨æ€ã„ã¾ã™ã€‚（※主ã«ã‚³ãƒ¼ãƒ€ãƒ¼å‘ãã®è¨˜äº‹ã§ã™ï¼‰ 『SublimeText2ã€ã®ã“ã“ãŒã‚¤ã‚¤ï¼ カラースã‚ーマ ã„ããªã‚Šè¦‹ãŸç›®éƒ¨åˆ†ã®ã”紹介ã§ã‚¢ãƒ¬ãªã‚“ã§ã™ãŒâ€¦ST2ã§ã¯è‡ªåˆ†å¥½ã¿ã«ã‚«ãƒ©ãƒ¼ã‚¹ã‚ーマを変更ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚人ã«ã‚ˆã£ã¦è¦‹ã‚„ã™ã„色ãªã©é•ã£ã¦ãã‚‹ã¨æ€ã†ã®ã§ã€è‡ªåˆ†ã«ãƒ”ッタリãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ーマã§ã‚´ãƒªã‚´ãƒªã‚³ãƒ¼ãƒ‰ã‚’
Sublime Text 2 ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ 12 é¸ï¼ˆWinã€Mac両方） ｜ クラスメソッド開発ブãƒã‚°
1ヶ月使ã£ã¦ä¾¿åˆ©ã ã¨æ€ã£ãŸ Sublime Text 2 ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ 12 é¸ï¼ˆWinã€Mac両方） 今ã€å··ã§è©±é¡Œã«ãªã£ã¦ã„るエディタ Sublime Text 2 ã§ã™ãŒã€ 最近社内ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚使用ã™ã‚‹æ©Ÿä¼šãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ Sublime Text 2 http://www.sublimetext.com/ インターフェースãŒã‚·ãƒ³ãƒ—ルã§é«˜é€Ÿã€ 機能を強化ã™ã‚‹ãƒ‘ッケージも豊富ã§ã€Gitã¨ã®åŒæœŸã‚‚å¿«é©ã§ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€1ヶ月プãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã£ã¦ã¿ã¦ã€ ã¨ã¦ã‚‚便利ã ã¨æ€ã£ãŸã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’12個紹介ã—ã¾ã™ã€‚ 自分自身会社ã§ã¯Windowsã€è‡ªå®…ã§ã¯Macãªã®ã§ã€ Windows版ã¨Mac版ã®ä¸¡æ–¹ã‚’メモ代ã‚ã‚Šã¨ã—ã¦è¨˜è¼‰ã™ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ 1. マルãƒã‚»ãƒ¬ã‚¯ãƒˆ ã“ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã¯è¤‡æ•°ã®æ–‡å—列をインタラクティブã«é¸æŠžã—ã€ä¸€åº¦ã«ã¾ã¨ã‚ã¦ç·¨é›†ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ OS X：⌘
Sublime Text2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãイイ。
Macを使ã„始ã‚ã¦ã€ã„ã‚ã„ã‚æ–°ã—ã„ソフトやアプリを探ã—ã¦ã„ãŸã¨ã“ã‚ã€åŒåƒšã®æ–¹ã‹ã‚‰ã„ã¾äººæ°—ã®Sublime Text 2ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚ã©ã†ã‚„ら無料らã—ã(今後シェアウェアã«ãªã‚‹ã‹ã‚‚？)ã€åˆæœŸè¨å®šã‚„自分ã«åˆã£ãŸç’°å¢ƒã«æ•´ãˆã‚‹ã®ã«å°‘ã—手間å–ã‚Šã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã«ãªã£ã¦ããŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTML5,CSS3,jsを書ã事ãŒå¤šãã¦ã€Zen-Codingã‚‚Sass+Compassも使ã†ã—ã€ãã‚Œã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¥å‹™ãŒå¤šã„ï¼ãªã‚“ã¦ã„ã†åƒ•ã¨åŒã˜ã‚ˆã†ãªäººãŒã„ã‚‹ãªã‚‰ã€ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™w 以下ã®è¨å®šé€šã‚Šã«ã‚„ã‚Œã°ã€ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚‰æœ€ä½Žé™ã¯ä½¿ãˆã‚‹ã‚‚ã®ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ Sublime Text 2 – Dev Builds åˆæœŸè¨å®š アプリを立ã¡ä¸Šã’ã¦ã€Sublime text2 > Preference > Setting
Sublime Text: InputSequence ã§ã‚ャレットä½ç½®ã«é€£ç•ª :: log.chocolateboard
Sublime Text: InputSequence ã§ã‚ャレットä½ç½®ã«é€£ç•ª Sublime Text ã®æ©Ÿèƒ½ã§ã‚る複数ã‚ャレット。ã‚ャレットä½ç½®ã«é€£ç•ªå…¥ã‚ŒãŸã„ï¼ã¨æ€ã£ã¦ã„ãŸã¨ãã«å‡ºä¼šã£ãŸãƒ—ラグイン。 ã—ã°ã‚‰ã使ã£ã¦ã¿ãŸçµæžœã€ã“ã‚Œã¯ä½¿ã„ã¤ã¥ã‘ã‚‹ãªãã£ã¦æ€ã£ãŸãƒ—ラグインã®ã²ã¨ã¤ã§ã™ã€‚作ã£ã¦ãã‚Œã¦ã„る人ã«æ„Ÿè¬ XD kope88/InputSequence â†ãªããªã£ã¡ã‚ƒã£ãŸã½ã„？kazu1107/InputSequence â†æ–°ã—ã„ã½ã„ã“ã®è¨˜äº‹ã¯ã€Œkope88/InputSequenceã€ã®ãƒªãƒã‚¸ãƒˆãƒªãŒã‚ã£ãŸé ƒã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã™ã€‚「kazu1107/InputSequenceã€ã®è©³ã—ã„使ã„方㯠README ã‚’ã”確èªãã ã•ã„ ;D 1. 複数箇所ã«ã‚ャレットを置ã複数箇所ã«ã‚ャレットを置ãã¨ãã¯ã€ctrl + shift + ↑ ã‹ ctrl + shift + ↓ ã‹ *cmd 押ã—ãªãŒ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Sublime Textã‚’åŠ é€Ÿã™ã‚‹ãƒ‘ッケージã®ç´¹ä»‹
http://toybox-design.net/?p=488
{{#tags}}- {{label}}
{{/tags}}