Download - Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)
![Page 1: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/1.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved 1
Web制作プロジェクトの コラボレーションツール
Webなんでも勉強会 2015/02/05
![Page 2: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/2.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
今日は鹿児島から やってきました
![Page 3: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/3.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
自己紹介
株式会社ユニマル COO&Co-founder
永田 司 ‒ Tsukasa Nagata 経歴 NTTコムウェア :システムエンジニア フリーランスWeb屋 :デザイン、開発 株式会社ユニマル :デザイン、マーケティング その他 好きなAdobe → Photoshop 好きなエディタ → Sublime Text
![Page 4: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/4.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Web制作はチームプレイ 協業が基本
![Page 5: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/5.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Web制作プロジェクトはデザインからフロントエンド、さらにインフラまで。
Design Front-‐end
Back-‐ end Server
Photoshop
UI/UX Illustrator
HTML5 CSS
JavaScript jQuery
PHP Ruby
Perl Java
Shell Linux
Apache Nginx MySQL
![Page 6: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/6.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
それぞれ異なるスキルをもっているメンバーでTEAMが成り立つ
Design Front-‐end
Back-‐ end Server
Photoshop
UI/UX Illustrator
HTML5 CSS
JavaScript jQuery
PHP Ruby
Perl Java
Shell Linux
Apache Nginx MySQL
デザイナー
コーダー
エンジニア
![Page 7: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/7.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
universions とは…?
![Page 8: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/8.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
SCENE 1: デザイナーやインターン生、 ファイル管理が命取りに
![Page 9: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/9.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Q こんな経験ないですか?
![Page 10: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/10.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
! 間違って上書き保存してしまった (された)
![Page 11: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/11.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
! どれが最新版かわからない
![Page 12: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/12.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
! ファイルのやり取りが メール? Dropbox? USBメモリ?
DL期限きれてるよ…
![Page 13: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/13.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
! 私も編集してたのに…
![Page 14: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/14.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
TEAM すべて協業の中で よく起こりえる事象
バージョン管理で解決できるかも?
![Page 15: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/15.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 16: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/16.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
学習コストが高い
デザインファイルに向いてない
![Page 17: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/17.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
概念が難しいから、 2~3時間はかかるかな?
![Page 18: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/18.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
学習コスト
![Page 19: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/19.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
入門者の方は、コンフリクトの解決は自分では 行わないほうがよいかもしれません。 今の段階では、もしコンフリクトしてしまったら 上級者の方に聞きましょう。
引用:
Web制作者のためのGit入門 (Mynavi Advanced Library)
![Page 20: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/20.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Web制作理想のファイル管理
• みんながすぐ使える • 履歴を管理できる • デザインファイルに対応している
![Page 21: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/21.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 22: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/22.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 23: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/23.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 24: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/24.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
学習コストはもちろん、 上書きによるファイル紛失などは 数時間のリカバリーですまないことも…
安心な環境で、 クリエイティブな時間を
![Page 25: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/25.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
SCENE 2: クライアント確認のために 毎回テストサーバーを用意する
![Page 26: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/26.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
レンタルサーバー1台
300円~2,000円/月程度
![Page 27: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/27.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
変更やクライアント確認の都度 FTPでファイルをアップロード
![Page 28: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/28.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
WordPressの場合、 DBサービス構築も必要…
![Page 29: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/29.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Web制作理想のテスト環境
• プロジェクトごと用意する • Webからアクセスできる • 自動で最新版に更新される • クライアント確認だから認証付き • WordPressへの対応
![Page 30: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/30.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 31: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/31.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 32: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/32.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 33: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/33.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 34: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/34.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
インターネット経由で アクセスができるから、 モバイル確認もこれでOK
![Page 35: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/35.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
テストサーバーは WordPressも対応 1分でWordPress環境構築!
![Page 36: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/36.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
自動更新で効率化、 リアルタイムな成果物確認
![Page 37: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/37.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
それだけじゃありません
![Page 38: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/38.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Web制作のゴール リリース作業は 深夜帯にこっそりと
![Page 39: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/39.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 40: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/40.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
![Page 41: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/41.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
スケジュール設定で自動リリースも可能です
※β版として提供中です
![Page 42: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/42.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
まとめ
![Page 43: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/43.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
特徴1.
チーム作業で起こりがちなファイルの競合、 上書きを防ぎ、誰でも使える履歴管理
![Page 44: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/44.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
特徴2.
自動同期されるテストサーバーで クライアント・モバイルチェックが簡単
![Page 45: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/45.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
特徴3.
ワンクリック!本番サーバーに アップロード機能(スケジュール設定もOK)
![Page 46: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/46.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
Mac / Windows対応
![Page 47: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/47.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
国内インフラがバックボーン 稼働率99.95%以上の可用性
![Page 48: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/48.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
無料プランもあります
1プロジェクト当たり、 仮想テストサーバー1台付き
100円から
![Page 49: Webデザイナーが使うバージョン管理ツール(20150205 Web業界なんでも勉強会)](https://reader034.vdocuments.net/reader034/viewer/2022042516/55accd7f1a28ab392c8b4697/html5/thumbnails/49.jpg)
Confidential-© 2015 for unimal Co., Ltd. All Rights Reserved
https://www.facebook.com/tsukasa.nagata
ご清聴ありがとうございました!