SFDC：Salesforce Development 2016 - Part 1

.gitignoreの作成 ~ .git initまで

まずはGit対象外のファイルを管理するため.gitignoreファイルを用意します。この辺りの操作はターミナルから行うのが簡単だと思います。cdコマンドでSalesforceプロジェクトのディレクトリに移動します。

.gitignoreを作成します。giboコマンドを利用するのが簡単だと思います。後でnpmを利用するのでNodeも追加しておきます。

$ gibo OSX Windows SublimeText Node >> .gitignore

作成後は.gitignoreの編集を行います。下記のファイルが管理対象外になるように指定します。

• config/ ←新規追加
• *.sublime-project ← コメントアウトの解除
• *.sublime-workspace ← そのままでOK

これで.gitignoreの準備ができました。

git initコマンドを実行して.gitファイルを作成します。

$ git init

リモートブランチにリポジトリを作成

GitHub or Bitbucket , Public or Privateという感じで選択肢がありますが、今回はGitHubにPublicリポジトリを作って開発を進めます。通常はPrivateリポジトリでの開発になると思います。

リポジトリを作成後は、git initまで終わっているので次のコマンドを実行します。

$ git add .
$ git status
$ git commit -m "first commit"
$ git remote add origin git@github.com:tyoshikawa1106/salesforce-development-2016.git
$ git push -u origin master

これでリモートブランチにリポジトリを作成するところまでできました。

README.mdファイルの作成

README.mdファイルはそのプロジェクトの概要をわかりやすく説明するために必要なファイルです。今回はGitHub上から作成しておきます。作成後はgit pullコマンドで変更を反映します。

$ git pull

これでREADME.mdファイルの作成もできました。

静的リソースの開発環境準備

静的リソース周りの開発はgulp-jsforce-deployをつかって行います。appフォルダを用意してその中で管理していこうと思います。

$ mkdir app
$ cd app
$ npm init
$ npm install gulp gulp-zip gulp-rename gulp-jsforce-deploy --save-dev
$ bower init

次のファイル構成を基本構成として用意します。細かいファイルの内容はGitHubのリポジトリで確認してください。

├── gulpfile.js
├── package.json
├── .env
├── .bowerrc
├── vendor
└── pkg
    ├── package.xml
    ├── devstaticresources
    ├── templates
    └── staticresources

devstaticresourcesフォルダで静的リソースにアップロード対象のファイルを管理します。

$ gulp build-staticresources
$ foreman run gulp deploy

BowerとVendorフォルダ

SLDSなどのライブラリをBowerでインストールできるようにしておきます。インストール先はvendorフォルダです。

$ bower install salesforce-lightning-design-system --save

$ gulp build-staticresources
$ foreman run gulp deploy