Dragon Island

日々是修行。

SCSSを勉強したくなった

f:id:kei-alex:20170215172754j:plain
こんにちは。
普段「このボタンクリックしたらPCが爆発しそうで怖い」という人たちを相手に、ヘルプデスクみたいなことをしているKei Alexです。

僕にとってPCと言えば、黒い画面に緑色の文字が光るやつです。

アレルギー

これがなければ、RPGツクールRubyでカスタムしている(※)し、ExcelだってVBAを使っています。
最大の理由は「なくても支障ない」です。
進化しないタイプですね。
※最新作のMVは、スクリプト機能をそれまでのRubyからJSに変更。

冒頭で書いた「ヘルプデスクみたい」のレベルが、おわかりいただけましたでしょうか(笑)。

SCSSが必要になった

やりたいことがあって調べるたびに、「SCSS」が登場するようになったので、これはデッサンなどと同じく、避けて通れないパターンだと直感しました。
それでも最初は面倒そうだと思っていたんですよ(笑)。

ところが、導入方法を調べてみると、驚くほど簡単
なんということでしょう!

macoblog.com

上記のほか、「Sassとはなんぞ?」という部分については、『【Win・Mac】Sassを導入&初めてScssを使ってみる』という記事がわかりやすいと思います。
そして、僕がやるべきことは、RubyとSassのインストールだけです。
この2つさえあれば、後は何もいらない……!!(かもしれない)

SCSSが取っ付きやすく見える理由

それは、僕がCSSに慣れているから。(身も蓋もない)
SCSSは、その名の通り見た目がCSSにそっくりです。おかげで、新しく覚えることが少ないんですよ。
それなのに、CSSではいちいち記述したり変更したりしていたことが、SCSSではひとまとめに記述できるなど、格段に便利になる!
変数や演算など、これまでJSでやってきたことまで可能! CSSっぽい見た目を維持したままで!(重要)

そんなわけで、導入を即決定!ヽ(*´∀`*)ノ

RubyからのJS

一周まわってJavaScriptを、もう少し勉強しようと思いました(笑)。
RPGツクールMVも、JSが採用されていて(ブラウザゲームとして遊べるからだと思う)、これは覚えて損はないなと。

実は、jQueryを勉強するとき、JSも一緒に勉強したんですが、それ自体に興味がないもんだから、ほとんど身に着きませんでした。
それがSCSSに触れて、再びやる気が出てきました。

というわけで、今週のお題「新しく始めたいこと」でした(笑)。

少し「弱い」

こんにちは。
やればできる子のKei Alexです。

ラフ

f:id:kei-alex:20170212231741p:plain

結論から言うと、これは描き直します。
イデアスケッチの一つでしかなかった。
これはこれで好きなんだけど、もう少しわかりやすくしようと思って。

俯瞰で描いた方が良いか、目線に構えた方が良いかは、まだ考え中。

噂のオートペイントやってみた

こんにちは。
次のネタを固めつつ、得意分野のブラッシュアップを模索しているKei Alexです。

Paints Chainer

PaintsChainer -線画自動着色サービス-

説明は英語ですが、参照ボタンから画像ファイルを選択したら、後はなんの操作もせずに、数秒で「こんなんどうですか?」と塗ってくれる。
その後ペンツールなどで、どこを何色にするか指定し、Colorizeボタンをクリックすると、塗り直してくれる。

指定なしで塗ってみた

f:id:kei-alex:20170212131229j:plain

f:id:kei-alex:20161023180218j:plain
下が元絵。
すごいおしゃれな感じで、背景まで塗ってくれた(笑)。
別の白黒イラストでもやってみたんだけど、スッキリした表現の方が上手く認識してくれるみたいだ。
なぜか僕の描き方だと、顎下の落ち影までしか肌と認識してもらえないので、線の入れ方に問題があるんだろうな。


TOP