VSCodeでSass(Scss)を自動コンパイルする簡単な設定方法
Visual Studio Code 通称「VSCode」で、Sass（Scss）を自動でコンパイルしてCSSに変換する方法をご紹介します。 セーブするたび自動でコンパイルしてくれるので非常に楽です。 すでに「VSCode」はインストール済みという前提で手順を紹介していきます。 まだインストールしてないよ！という方は、下記リンクよりインストールしてください。 Sass（Scss）の自動コンパイルに使用するプラグイン・Live Sass Compiler ひとつプラグインを入れるだけで、自動でコンパイルできるようになるとは、、 VSCodeめちゃくちゃ便利ですね。 Live Sass Compilerのインストールから設定まで全ての手順1.Live Sass CompilerをVSCodeに追加する画面左、黄色の点線のボタンをクリック。 Extension（プラグイン）の一覧が表示されるので
サックっとbrowser-syncを設定 - Qiita
gulpfile.js作成 myproj以下にgulpfile.jsを下記の内容で作成。 下記はXtraFinderなどの、「新規ファイルテンプレート」とかに登録しとくと楽。 var gulp = require('gulp'); var browserSync =require('browser-sync'); gulp.task('default', ['browser-sync']); gulp.task('browser-sync', function() { browserSync({ server: { baseDir: "./htdocs/" //対象ディレクトリ ,index : "index.html" //インデックスファイル } }); }); // //ブラウザリロード // gulp.task('bs-reload', function () { browserS
Photoshopが重い！パフォーマンスを大幅に改善する10個の方法まとめ
Photoshop CCはあらゆるデザイン作業を行うことができ、デザインの現場でも使われている本格的なツール。その分、大量のシステムリソースやメモリを必要とする複雑なソフトウエアとも言え、使っているうちにカクカクとしたり、もっさりとした動きになってしまうことも。もちろん、スペックの良い高価なパソコンを購入すれば、Photoshopの反応速度をアップできますが、費用もかかりあまり現実的とは言えません。 今回は、Photoshop CCのパフォーマンスを大幅に改善する10個の方法をまとめてご紹介します。筆者が試したテクニックのみを紹介しています、効果を実際に体感してみましょう。
Photoshopの作業が快適になるオススメの環境設定 -Photoshop CC 2017対応
2016年は5月にPhotoshop CC 2015.5がメジャーアップデート並に機能が追加され、11月にCC 2017が新しく使う人やしばらく使っていなかった人向けにアップデートされ、この一年でPhotoshopは大きく変わりました。 Photoshopでの作業を快適にさせたい、もっとパフォーマンスを向上させたい時に見直したいPhotoshopの環境設定の項目を紹介します。 Photoshopの最近のバージョンの機能説明は、下記をご覧ください。 Photoshop CC 2017の新機能のまとめ Photoshop CC 2015.5の新機能のまとめ CC 2015.5で進化した選択範囲とマスクの作成、Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！ 環境設定のバックアップと初期化 環境設定: 一般 環境設定: ツール 環境設定: パフォーマンス 環境設定: グラフィックプ
IllustratorでWebデザインをする時に気をつけておきたい設定あれこれ
Webデザインに使用するソフトはデザイナーさんの好みや、制作するサイトのテイストによっても様々だと思いますが、今回は表題にちなみIllustratorにフォーカスして紹介していこうと思います！ 「いや、PhotoshopかFireworks使えよ」という声が多々聞こえてきそうではありますが…、押さえておくべき部分をしっかり押さえておけばIllustratorも結構Webデザインに使えますよね。 IllustratorでWebデザインをする大きなメリットとして、「サイズを計りやすい」、「アートボードを複数設置できる」といったことがあります。では、実際どういった部分に気をつける必要があるのか。押さえておきたい設定を以下にまとめてみました。 ① 表示形式を「ピクセルプレビュー」に ②「ピクセルグリッドに整合」にチェック ③「ピクセルにスナップ」にチェック ④ アートボード定規の基準点を正確に ①
ウィンドウズユーザーがMacBook Air買ったら、2台をつなぎたい！ - 週刊アスキー
まだ、現役で使い続けているウィンドウズPCがありながら、MacBook Airを買ってしまったら、その2台をつなげてファイル共有をしたいですよね。今回は、ウィンドウズPCからMacの共有フォルダーにアクセスする方法をお送りします。 『週刊アスキーBOOKS Vol.10 はじめてのMac ウィンドウズユーザーのためのOS X Lion』の中から3回にわたり一部を抜粋してそのまま公開しちゃうシリーズの2回目です。 --- 所属のワークグループをウィンドウズと統一する 同一ネットワークに参加していれば、MacどうしだけでなくウィンドウズPCともファイル共有を行なうことができる。 まずは下準備として、ウィンドウズとマックを同じワークグループに参加させよう。ワークグループとはウィンドウズPCがLANのネットワーク上に作るグループのこと。グループ名は自由に設定でき、同じグループに所属するパソコンでは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
