【ウェブ制作】に関する記事Zendeskのテーマ開発でSassとAutoprefixerを設定する手順Zendeskのテーマを作るときに開発環境でSassとAutoprefixerを設定する方法を紹介します。今回は個人的な備忘録になります。Ze...2020.02.07Zendeskのテーマ制作環境をローカルに作る4ステップ!今回はZendeskのテーマ制作する環境をローカルに作る手順について説明します。前提条件は以下になります。Compiler」の設定方法を説明します。手軽にSassを書ける環境を作れるのでおすすめです。今回は背景画像をズームアップさせながらフェードで切り替えるスライダーを、Swiperを使って実装します。Manager」の設定方法を紹介します。ワークスペースに複数のプロジェクトを表示させて、その状態をいつでも呼び出せる環境を作れる拡張機能です。今回はVScodeの拡張機能である「SFTP」を使ってサーバーにアップする手順を説明します。FTP接続だけではなく、SSHを使ったSFTP接続の設定方法も紹介します。今回はMacにHomebrewを使ってgitをインストールする方法を説明します。Homebrew→rbenv→bundlerで管理する今回はMacでgemをインストールして、バージョンなど管理する流れを説明します。説明する環境は以下の通りです。SassやAutoprefixer、ejs、画像の圧縮などを自動化するgulpとはnode.jsベースで動くパッケージで、いままで面倒だった作業を自動化してくれる優れもの。今回gulp4で設定する内容は以下になります。Code)とは軽量かつ高速で動作する高機能エディタ。