弊社コーポレートサイトで利用されている技術の紹介です。

1. rootage.inc201503【rootage.co.jp技術共有】by GI
rootage.co.jp技術共有
フロントエンドの今。

2. rootage.inc201503【rootage.co.jp技術共有】by GI
Goro Ide
Designer 寄りの Frontend Developer
Presenter

3. rootage.inc201503【rootage.co.jp技術共有】by GI
rootage.co.jp技術共有
- agenda -
1.利用技術
2.DEMO
3.今後の展望

4. rootage.inc201503【rootage.co.jp技術共有】by GI
1.利用技術

5. rootage.inc201503【rootage.co.jp技術共有】by GI
node.js
サーバーサイドJavaScriptの代名詞

6. rootage.inc201503【rootage.co.jp技術共有】by GI
npm(Node Package Manager)
node.jsで作られたパッケージモジュールを管理するためのツール

7. rootage.inc201503【rootage.co.jp技術共有】by GI
grunt
node.js上で動くタスクランナーと呼ばれる自動化ツール

8. rootage.inc201503【rootage.co.jp技術共有】by GI
jade
node.jsのテンプレートエンジン

9. rootage.inc201503【rootage.co.jp技術共有】by GI
sass
CSSを拡張したメタ言語

10. rootage.inc201503【rootage.co.jp技術共有】by GI
compass
Sassを拡張したオープンソースのフレームワーク

11. rootage.inc201503【rootage.co.jp技術共有】by GI
HTML5 + CSS3
HTML5 = マークアップ
CSS3 = アニメーションやグラデーション表現

12. rootage.inc201503【rootage.co.jp技術共有】by GI
2.DEMO
gruntによるHTML,CSSの生成

13. rootage.inc201503【rootage.co.jp技術共有】by GI
3.今後の展望
武装せよ！〜守りから攻めへ〜

14. rootage.inc201503【rootage.co.jp技術共有】by GI
WordPress導入
技術ブログでoutputしていく

15. rootage.inc201503【rootage.co.jp技術共有】by GI
facebookページ
WordPressとの連携や、リリース情報の拡散

16. rootage.inc201503【rootage.co.jp技術共有】by GI
応募フォーム設置
HPからのエントリー導線

17. rootage.inc201503【rootage.co.jp技術共有】by GI
レスポンシブ
マルチデバイス対応

18. rootage.inc201503【rootage.co.jp技術共有】by GI
自動リリース化
jenkinsデプロイ

19. rootage.inc201503【rootage.co.jp技術共有】by GI
GA強化
分析&解析そして改善へ。

20. rootage.inc201503【rootage.co.jp技術共有】by GI
魅力的なコンテンツ + 高頻度更新
事業拡大への一手！

21. rootage.inc201503【rootage.co.jp技術共有】by GI
ご清聴THANX!