はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
タグ
- すべて
- .net (4574)
- accounting (382)
- activerecord (331)
- activism (396)
- adobe (3001)
- advertising (467)
- afp (545)
- aist (417)
- al-jazeera (1970)
- alexa (403)
- algorithm (2630)
- amazon (889)
- amazon-ec2 (470)
- amazon-redshift (462)
- amazon-s3 (478)
- amazon-web-services (2871)
- analytics (9648)
- android (982)
- angular (585)
- angular-2 (420)
- angularjs (1318)
- animation (425)
- anime (480)
- apartment (326)
- api-management (355)
- apple (1144)
- application (456)
- architecture (505)
- arrest (392)
- ars-technica (1810)
- art (10118)
- art-auction (576)
- artificial-intelligence (471)
- artificial-neural-network (2536)
- asahi (1806)
- atlantic (1034)
- atmarkit (3777)
- audio (680)
- australia (498)
- authentication (715)
- automobile (498)
- aws-lambda (421)
- bank-of-japan (1487)
- banks (624)
- barack-obama (852)
- bbc (20750)
- biennale (776)
- biology (5065)
- bitbucket (512)
- bitcoin (330)
- blockchain (1191)
- blog (1328)
- bloomberg (14783)
- books (3129)
- buddhism (382)
- business-promotion (1154)
- c (384)
- c# (628)
- c++ (912)
- c-family-programming-language (4914)
- cabinet-office (5193)
- cakephp (366)
- california (3262)
- canada (743)
- carnegie-mellon-university (511)
- cascading-style-sheets (909)
- central-processing-unit (2412)
- channel-9 (786)
- charles-murray (610)
- chatbot (607)
- chiba (656)
- child-development (1313)
- china (4558)
- chunichi-shimbun (420)
- circleci (349)
- city (342)
- classmethod (906)
- cloud-computing (598)
- cluster-analysis (2276)
- cluster-manager (1786)
- cnet (383)
- cnn (2880)
- comfort-women (358)
- comic (389)
- commentary (413)
- commodity-market (657)
- communication (411)
- community-building (7369)
- company (5063)
- compiler (346)
- concurrent-computing (3386)
- connecticut (481)
- connpass (1322)
- conservatism (424)
- construction (4491)
- content-generating (483)
- continuous-integration (713)
- cornel-university (422)
- creative (883)
- crime (1735)
- criminology (1598)
- critic (564)
- d3.js (389)
- daiwa-institute-of-research (767)
- data-mining (388)
- data-processing (362)
- data-structure (4675)
- data-visualization (2452)
- data-warehouse (453)
- database (5616)
- death (2151)
- deep-learning (1888)
- dentsu (352)
- department-of-commerce (3976)
- design (640)
- diplomat-magazine (344)
- docker (3582)
- documentation (859)
- domain-name-system (442)
- dpj (550)
- e-book (717)
- e-learning (323)
- earthquake (524)
- ec (1127)
- economic-growth (2476)
- economics (366)
- economist (1933)
- education (986)
- elasticsearch (374)
- electronica (2791)
- elixir (5937)
- emacs (1432)
- email (383)
- employee-business (628)
- employment (784)
- energy (743)
- energy-policy (1125)
- english (589)
- entertainment (686)
- environmental-policy (5773)
- erlang (3350)
- ethereum (557)
- event (697)
- examination (2942)
- facebook (4030)
- file-system (331)
- film (757)
- finance (626)
- financial-times (2288)
- firebase (331)
- fiscal-policy (435)
- fiscal-problem (321)
- food (1329)
- forbes (1880)
- forecasting (2302)
- foreign-affairs (542)
- foreign-exchange-market (1888)
- fortune (890)
- fox (355)
- france (818)
- fraud (472)
- fukushima (341)
- functional-comparison (703)
- gambling (320)
- game (1495)
- general-election (426)
- germany (526)
- gerontology (571)
- git (490)
- github (23040)
- globis (1552)
- go (2512)
- google (3997)
- google-chrome (1036)
- google-cloud (1599)
- google-play (338)
- government (620)
- graphql (1030)
- guardian (5653)
- guide (1386)
- gun-violence (392)
- hacker-news (343)
- harvard-university (881)
- hatelabo-anonymousdiary (360)
- hatena-bookmark (36537)
- havard-business-review (767)
- health (643)
- healthcare-industry (1480)
- heroku (969)
- hong-kong (545)
- house-of-councillors (357)
- housing (696)
- html (5463)
- http-server (349)
- huffington-post (630)
- hypervisor (476)
- ict (2397)
- ieice (358)
- impress (1267)
- impression-management (553)
- india (769)
- infrastructure-as-a-service (762)
- installation (678)
- intel (1346)
- intelligent-agent (1074)
- interview (535)
- investment (577)
- ios (580)
- ipa (1852)
- iphone (695)
- italy (918)
- itmedia (571)
- itochu-techno-solutions (324)
- japan (3147)
- japan-china-disputes (766)
- japan-korea-disputes (845)
- japan-research-institute (401)
- java (2748)
- javascript (11505)
- jazz (689)
- jiji-press (1544)
- jil-pt (568)
- jpcert (586)
- jquery (375)
- json (405)
- jst (1645)
- kenplatz (3458)
- keras (385)
- kernel (1333)
- kickstarter (641)
- korea (704)
- kubernetes (2175)
- kyoto-university (480)
- la-biennale (702)
- labor-economics (10208)
- language-model (581)
- laravel (720)
- law (566)
- ldp (1202)
- liberalism (638)
- libertarianism (764)
- library (701)
- line (515)
- link-building (423)
- linux (6500)
- local-government (7638)
- log-management (554)
- los-angels-times (828)
- lpi (829)
- machine-learning (8521)
- macos (450)
- mainichi (746)
- manga (388)
- market-research (2615)
- market-trend (9933)
- marketing (718)
- massachusetts (2960)
- mathematics (543)
- media (1617)
- media-art (419)
- media-manipulation (357)
- medical (761)
- meditation (484)
- medium (3164)
- meetup (2134)
- microsoft (3482)
- microsoft-azure (519)
- microsoft-developer-network (949)
- middle-east (1722)
- military (1050)
- ministry-of-economy (3889)
- ministry-of-education-culture (1010)
- ministry-of-finance (467)
- ministry-of-internal-affairs (976)
- ministry-of-land (400)
- ministry-of-welfare (12471)
- mit (2351)
- mitt-romney (692)
- mobile (601)
- mobile-app (1037)
- mobile-application-development (3568)
- module-loader (628)
- monetary-policy (2946)
- morphological-analysis (353)
- movie (19473)
- mozilla (1204)
- murder (784)
- museum (563)
- music (5932)
- mysql (1348)
- national-diet-library (4392)
- national-institute-of-health (4982)
- national-library-of-medicine (4914)
- national-vulnerability-database (3870)
- natural-language-processing (566)
- ncbi (4837)
- network (463)
- network-engineering (1122)
- neuroscience (784)
- new-york (525)
- new-york-times (5423)
- new-yorker (689)
- newsweek (1085)
- nginx (793)
- nhk (4059)
- nikkei (1448)
- nikkei-bp (4160)
- nist (3973)
- nli-research-institute (1299)
- node.js (3247)
- nomura-research-institute (448)
- nosql (689)
- note (396)
- npm (334)
- npr (1560)
- ntt-data (485)
- nu-jazz (343)
- nuclear-power (517)
- nuclear-power-phase-out (691)
- nvidia (431)
- ocaml (1076)
- online-advertising (363)
- openstack (515)
- oracle (350)
- organization (1479)
- oricon (3215)
- os-level-virtualization (3219)
- osaka (718)
- package-management (509)
- paleolibertarianism (597)
- pandas (591)
- pathology (6073)
- pennsylvania (495)
- people (5630)
- peoples-daily (1524)
- performance-engineering (663)
- perl (703)
- personal-development (521)
- peter-thiel (335)
- phoenix-framework (892)
- photo (1169)
- php (2857)
- physiology (2525)
- platform-as-a-service (4290)
- plugins (1054)
- police (715)
- politics (3355)
- postgresql (1599)
- powershell (1155)
- presidential-election (551)
- privacy (801)
- product-hunt (368)
- productivity (888)
- programming (604)
- programming-language (368)
- prtimes (1281)
- psychology (546)
- public-company (634)
- public-health (458)
- pubmed.gov (4835)
- python (4900)
- qiita (14692)
- qualcomm (987)
- qualcomm-snapdragon (864)
- quora (366)
- radiation-poisoning (583)
- rakuten (699)
- ranking (393)
- rape (429)
- raspberry-pi (1338)
- rdbms (1645)
- react (787)
- react-native (1930)
- real-estate (1072)
- real-estate-economics (5495)
- recruit (864)
- reddit (411)
- redis (439)
- reference (987)
- religion (888)
- remote-procedure-call (414)
- research (1636)
- researchmap (1093)
- reuters (6155)
- review (1636)
- rieti (403)
- ril (1638)
- robotics (837)
- rspec (666)
- ruby (11855)
- ruby-family-programming-language (8523)
- ruby-on-rails (6544)
- rubyflow (1739)
- rumor (572)
- russia (1089)
- rust (1522)
- saatchi-art (436)
- sankei (2271)
- scala (1386)
- scikit-learn (338)
- search-engine (927)
- security (1105)
- security-engineering (3570)
- security-management (915)
- senkaku-islands (716)
- seo (4742)
- serps (346)
- services (3829)
- sexology (1564)
- shinzo-abe (710)
- single-board-computer (1245)
- slideshare (437)
- smart-city (415)
- smart-contract (477)
- smartphone (898)
- social-media (496)
- social-media-marketing (1305)
- sociology (1348)
- software (1221)
- software-debugging (517)
- software-deployment (1664)
- software-design-pattern (689)
- software-engineering (3068)
- software-testing (2590)
- sothebys (355)
- soundcloud (491)
- space (356)
- speaker-deck (1896)
- sports (427)
- stack-overflow (7076)
- stanford-university (1663)
- statistics (1098)
- steelmaking (623)
- stock-market (881)
- stress-management (597)
- structured-query-language (399)
- style-sheet-language (421)
- suicide (327)
- summer-olympic-games (351)
- swift (867)
- swiss (408)
- syria (382)
- tax (387)
- tax-law (564)
- techcrunch (628)
- ted (575)
- teikoku-data-bank (585)
- telegraph (2135)
- television (551)
- temporary-work (384)
- tensorflow (1529)
- tepco (321)
- thesis (687)
- think-tank (11868)
- til (349)
- time (1886)
- titanium-mobile (604)
- tokyo (1685)
- tokyo-shoko-research (649)
- tools (5910)
- toru-hashimoto (357)
- tourism (649)
- travel (457)
- trend-micro (541)
- trial (738)
- trouble (1238)
- typescript (1111)
- ubuntu (641)
- uc-berkeley (1018)
- ucla (560)
- unit-testing (654)
- united-kingdom (2252)
- united-nations (476)
- unity (2268)
- university (2297)
- university-of-oxford (443)
- unsupervised-learning (2116)
- usa (16027)
- usa-today (775)
- value-added-tax (355)
- video-game-development (2320)
- videonews (418)
- vimeo (848)
- violence (512)
- virtualbox (321)
- wall-street-journal (1199)
- washington-post (895)
- weather (465)
- web-analytics (465)
- web-api (2528)
- web-based-application-framework (2082)
- web-creative (334)
- web-design (372)
- web-service (2084)
- webpack (590)
- welfare (652)
- windows (3480)
- windows-10 (407)
- wired (697)
- womens-work (498)
- wordpress (516)
- workflow-management-system (1327)
- world-economic-forum (558)
- x (3143)
- xamarin (1244)
- xamarin.forms (466)
- xml-master (767)
- yahoo-textream (525)
- yale-university (456)
- yomiuri (1829)
- youtube (4164)
- zoology (1128)
- hatena-bookmark (36537)
- github (23040)
- bbc (20750)
- movie (19473)
- usa (16027)
- bloomberg (14783)
- qiita (14692)
- ministry-of-welfare (12471)
- think-tank (11868)
- ruby (11855)
scssとcodingに関するnabinnoのブックマーク (1)
-
nabinno 2013/01/22
- hatena-bookmark
- classmethod
- coding
- scss
- compass
- creative
- sublime-text-2
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx