[スタッフコラム]モテる秘訣は作業環境にアリ Vol.2

Put your hand in the air!!

どうも、STRIXディレクター「DJよろずや」です。

上のサムネイル画像見ましたか？気づいちゃいましたか？

そう！

“DJよろずや”の　【ロゴ】　作っちゃいました！！私が！！
一応デザイナーの肩書あるので、、サムネも毎回作ってるよ、、

前書きとかもういいですよね？

気になって仕方ないですよね？

今回の本題のモテる秘訣…

ローカル環境編

お教えいたしましょう。拍手。

はじめに

そもそもローカル環境とはなんぞや？と思う方もいらっしゃるかと思いますが、
それは各自で調べてください。
簡単に言うと

とかができるって話です。
詳しくは説明しません。

さて、今回紹介するソフトはPreprosとLocal by flywheelの2つです。

なお、前回のエディタ編はこちらから

PreprosはWindowsとMacに対応しており、無料ですべての機能が使用可能です。
購入すると、定期的に出る「よかったら買ってね！」というポップアップが表示しなくなります。
また、Macの場合ですとCodekitもおすすめですが、有料です。

他にもいろいろ機能がありますが、公式サイトや自分で使ってみてください。
そして例のごとくインストール方法や操作方法は割愛します。

おすすめの設定をお教えしたいところではありますが、正直人によって設定はまちまちですので、割愛します。
とりあえず私の変更した個所をお教えします。

①やっぱりテーマはダークモードです。

②コンフィグファイルは邪魔なのでエクスポートしません。
③システムファイルなどは表示してほしいのでチェックは外します。

④PreprosではPHPが使えないので、Local by flywheelを使用して仮想サーバーを立てます。
　ここから設定するとPHPが使用できるようになります。

⑤複数ブラウザ、端末で動きを同期したいときはチェックを入れます。
　たまにめんどくさいのでチェックを外します。

⑥FTPにデプロイしたいときはここで設定します。

⑦SCSSからCSSにコンパイルする際に、プレフィックスを自動でつけてほしい時は、チェックを入れます。
　この際、Can I Useをベースにプレフィックスが付与されます。

Local by flywheelもWindowsとMacに対応しており、無料で大体の機能が使用可能です。
有料プランにすると、様々な機能が使用可能になります。
無料でも申し分ないので、無料でも大丈夫です。
むしろ有料プランだと持て余します。

こちらも他にもたくさん機能がありますが、公式サイトや自分で使ってみてください。
そしてもちろんインストール方法や操作方法は割愛します。

いかがでしたか？(いつもの)
コーディングにおいて、ローカル環境は必須と言っても過言ではありません。
XAMPPやMAMPPは有名ですが、hosts設定などがあるため、初心者にはあまりお勧めできません。

やはりGUIで簡単に環境を構築できることが、作業効率化において重要となります。
是非PreprosとLocal by flywheelを使用してくださいね。

Have a nice cording day!!