Zendeskのテーマ開発でSassとAutoprefixerを設定する手順
Zendeskのテーマを作るときに開発環境でSassとAutoprefixerを設定する方法を紹介します。今回は個人的な備忘録になります。 前提条件は以下。 エディタの拡張機能でコンパイルしないZen...
【ウェブ制作】に関する記事
Zendeskのテーマ制作環境をローカルに作る４ステップ！
今回はZendeskのテーマ制作する環境をローカルに作る手順について説明します。 前提条件は以下になります。 Zendeskの新規テーマを制作する構築するドメインは「hogehoe.zendesk.c...
「Live Sass Compiler」の設定方法 - VScodeでSassを書く
今回はVScodeの拡張機能「Live Sass Compiler」の設定方法を説明します。手軽にSassを書ける環境を作れるのでおすすめです。この機能には自動でベンダープレフィックス（Autopre...
背景画像をズームアップしながらフェードで切り替えるスライダー - Swiperで実装する方法
今回は背景画像をズームアップさせながらフェードで切り替えるスライダーを、Swiperを使って実装します。Swiperなどのプラグインを使わなくても実現できますが、ページネションの設定や１ページに複数ス...
Vscodeの拡張機能「Project Manager」の使い方 - 複数のフォルダを同時に開く
今回はVscodeの拡張機能「Project Manager」の設定方法を紹介します。ワークスペースに複数のプロジェクトを表示させて、その状態をいつでも呼び出せる環境を作れる拡張機能です。 説明する環...
VScodeで拡張機能「SFTP」を使ってサーバーにアップする手順
今回はVScodeの拡張機能である「SFTP」を使ってサーバーにアップする手順を説明します。FTP接続だけではなく、SSHを使ったSFTP接続の設定方法も紹介します。 「SFTP」を使うメリットは以下...
MacにHomebrewを使ってgitをインストールする手順
今回はMacにHomebrewを使ってgitをインストールする方法を説明します。 説明する環境は以下の通りです。 macOS Mojar v10.14.6Visual Studio Code v1.3...
Macにgemをインストールする流れ - Homebrew→rbenv→bundlerで管理する
今回はMacでgemをインストールして、バージョンなど管理する流れを説明します。 説明する環境は以下の通りです。 macOS Mojar v10.14.6Visual Studio Code v1.3...
gulp4の設定方法 - SassやAutoprefixer、ejs、画像の圧縮などを自動化する
gulpとはnode.jsベースで動くパッケージで、いままで面倒だった作業を自動化してくれる優れもの。今回gulp4で設定する内容は以下になります。 Sass（expandedとcompressedを...
VScodeを使う前に - おすすめ初期設定と最低限の拡張機能をセットする
VScode（Visual Studio Code）とは軽量かつ高速で動作する高機能エディタ。WindowsでもMacでも動作し、無料とは思えない機能の豊富さ、動作の軽さから多くのプログラマーから選ば...