![ってかお前誰よ
data: function() {
return {
profile:[
{
name: 'まめぞう',
jobDescription: 'フロントエンド多めのエンジニア',
job: 'フロントエンド開発, CRM構築, Webマーケティング...etc ',
skill: 'Nuxt.js ,React, GAS, Python, Deluge ...etc' ,
hobby: '将棋, 卓球, 農業',
feature:'ヴィーガン11年目',
address:’奈良県’,→new!
twitter:’@mamezou_yuki’,
}
]
}
},](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
Auto deploy-by-sakura-rental-server
- 2. ってかお前誰よ data: function() { return { profile:[ { name: 'まめぞう', jobDescription: 'フロントエンド多めのエンジニア', job: 'フロントエンド開発, CRM構築, Webマーケティング...etc ', skill: 'Nuxt.js ,React, GAS, Python, Deluge ...etc' , hobby: '将棋, 卓球, 農業', feature:'ヴィーガン11年目', address:’奈良県’,→new! twitter:’@mamezou_yuki’, } ] } },
- 7. 比較してみると… ⃝ 運用コストが安い ⃝ サーバー運用が不要 ✖ 柔軟性に欠ける ⃝ 柔軟性に優れる ✖ サーバー管理必要 ✖ コスト高いよ レンタルサーバー クラウドサーバー あまり詳しくないので割愛させてください..
- 8. レンサバを使うケースの例 • WordPressのサイト • 企業サイト • Web制作系 まだまだレンタルサーバーを使うケースも多いはず！
- 9. 私の場合 • 会社のコーポレートサイト （Vue.js × SPAのJamStack） • B to Cサービスサイト （WordPressオリジナルテーマ） • B to C サービスサイト （Django × React ※推奨されてないやつです）
- 11. じゃあ、自動化しちゃおうぜ！
- 12. 対象者 • サイトの変更をFTPクライアントソフト（FileZillaなど） を利用して毎回更新している人。→私 • レンタルサーバーでSPAサイトを運営している人。→私 • WordPressのテーマをオリジナルで作成している人。→私 • 自動デプロイをやってみたい人。→私
- 13. メリット • 楽ができる。 • 場所に変更がなければ、間違えることがなくなる。 • 社内でドヤ顔ができる。 • Ymlファイルを書けるようになる。 • CD（継続的デプロイ）を構築することができる。
- 15. 活用ツール紹介 • GitHubActions • FTP-Deploy-Action 4.0.0 → 当時は2.0.0で利用していましたが、この度バージョン アップしました。
- 18. 手順
- 20. 2. シークレットキーの登録 レンタルサーバーへの接続情報をリポジトリに載せるの は危険なので、GitHubのSecretsキーを利用します。 GitHubのリポジトリを開き、以下手順でキーの作成に移 ります。 Settings -> Secrets -> New repository secret
- 21. 2. シークレットキーの登録
- 23. 4. GitHubActionsの設定 Actions -> set up a work fl ow yourself より、ymlファイ ルを書いていきます。 書き方はドキュメントを参考にしながら書いていきま す。
- 24. name: ftp uploa d on : push : branches : - master jobs : web-deploy : name: 🎉 Deplo y runs-on: ubuntu-lates t steps : - name: 🚚 Get latest cod e uses: actions/checkout@v2.3. 2 - name: 📂 Sync file s uses: SamKirkland/FTP-Deploy-Action@4.0. 0 with : server: ${{ secrets.FTP_SERVER } } username: ${{ secrets.FTP_USERNAME } } password: ${{ secrets.ftp_password } } local-dir: . / server-dir: /www/サービス名/wp-content/themes/テーマ名/ ymlファイル例 （Wordpressテーマ）
- 25. name: FTP uploa d on : push : branches : - maste r jobs : FTP-Deploy-Action : name: FTP-Deploy-Actio n runs-on: ubuntu-lates t steps : - name: 🚚 Get latest cod e uses: actions/checkout@v2.3. 2 - name: Use Node.js 1 2 uses: actions/setup-node@v2-bet a with : node-version: '12 ' - name: Build Projec t run: | npm instal l npm run build --if-presen t - name: 📂 Sync file s uses: SamKirkland/FTP-Deploy-Action@4.0. 0 with : server: ${{ secrets.FTP_SERVER } } username: ${{ secrets.FTP_USERNAME } } password: ${{ secrets.FTP_PASSWORD } } local-dir: ./dist / server-dir: /home/アカウント名/www/該当ディレクトリ/ ymlファイル例 （Vue.js）
- 27. いくつかメモ