はてなブックマーク

どうも、趣味・特技「売れないスタンプを作ること」 4●才、独身、孤独死上等！のおっさんです。 という訳で、懲りずにまた作りました。 しかも、あの驚異的な売上を記録した「 ナイスなおっさん 」の 第2弾 。 まあ、「驚異的な売上」と言っても、あくまで私の中でと言うことですが・・・。 でも、目標の売上 100個 を達成したんですよ。 まさしく 「ナイスなおっさん」 です。 自分を褒めてやりたい。 ナイス！おっさん！ 今回はその売上100個達成に味を占めたおっさんが欲をかいて第2弾を作っちゃったと言う話です。 それとは対象的に、なんと この前の ドラキュラ 、 1個 も売れてません・・・。 皆さんはわかりますか？ 人生終わりかけたおっさんが夜な夜なせっせと、 誰かが使ってくれてる姿を想像しながら 気味の悪い薄ら笑いを浮かべ ヨダレを垂らし、命を削りながらも心をこめて一生懸命

（※当記事ではSass = SCSSとしています。） 前回の インストール編 に続き、今回は コンパイル編 。 そもそも前回、何のためにSassをインストールしたかと言えば 「コンパイル」 するためです。 せっかくのScssも、コンパイルしないとそのままでは使えないのです。 そこで、いつものごとく簡単に備忘録しました。 この記事では 「ターミナル」 と 「Dreamweaver」 のケースをご紹介します。 ターミナルの場合 ターミナルを立ち上げ、目的のディレクトリまで移動します。 cd 「scssファイルのあるディレクトリ」 （※位置確認は「pwd」や「ls」で） あとは sassコマンド で対象scssファイルの後に 「:」 で区切って コンパイル先のcssファイルを指定するだけ。 sass 「scssファイル」:「cssファイル」 sass style.scss:styl

そんなにガシガシ使いこなしているわけでは訳ではないですが、 （効率を要求されるような仕事もしてないですし。） やはり知っていると便利な 「Emmet」 。 SublimeTextやAtomをお使いの場合は、 プラグインをインストールする必要がありますが、 Dreamweaverはデフォなので、 同ソフトをお使いの方は覚えておいて損はないですよね。 今回はそんな「Emmet」をチートだけ備忘録（←ダジャレ） まあ、公式の チートシート 見ればいいんですけどね(^_^;) まず、「Emmet」の展開方法は以下の通り Dreamweaver　→　 「tab」キー SublimeText、Atom　→　 「Ctrl」 + 「e」 あとは下記記号を入力後、上記方法で展開するだけ。 「Emmet」の基本 記号 意味 例