Download - Dgeni with AngularJS Application
![Page 1: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/1.jpg)
Dgeni with AngularJS Application
![Page 2: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/2.jpg)
@k_kinzal
某ビジネスチャット所属
about me
![Page 3: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/3.jpg)
about me
Scraping tool
![Page 6: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/6.jpg)
angular/dgeni
![Page 7: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/7.jpg)
AngularJSで使っているngdocに対応したドキュメント生成器
What is dgeni?
![Page 8: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/8.jpg)
What is dgeni?
/**
* @ngdoc provider
* @name
* @description
* Use to change the default behavior of the {@link ng. } service.
* */
function $HttpProvider() {
// ...
}
![Page 9: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/9.jpg)
個人的には静的サイトジェネレーターだと思ってる
What is dgeni?
![Page 10: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/10.jpg)
What is dgeni?
![Page 11: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/11.jpg)
What is dgeni?
![Page 12: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/12.jpg)
What is dgeni?
![Page 13: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/13.jpg)
高いカスタマイズ性があるので公開用のAPIページとか得意
What is dgeni?
![Page 14: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/14.jpg)
出力に限らずやりたい放題できるので
What is dgeni?
![Page 15: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/15.jpg)
troch/dgeni-less-package
What is dgeni?
![Page 16: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/16.jpg)
lessでドックコメントを書けるようにする人が出てきてる
What is dgeni?
さすがに使ったことはない
![Page 17: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/17.jpg)
カスタマイズ性能が高い
What is dgeni?
![Page 18: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/18.jpg)
その代わり導入の敷居は高い
What is dgeni?
![Page 19: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/19.jpg)
What is dgeni?
覚えることいっぱい
![Page 20: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/20.jpg)
手軽に始めるには方法は3つ
Get started
![Page 21: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/21.jpg)
1. Yeomanのgeneratorを使う
Get started
![Page 22: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/22.jpg)
Quramy/generator-ngdoc
Get started
![Page 23: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/23.jpg)
Get started
$ npm install -g yo generator-ngdoc
$ yo ngdoc
$ cd docs
$ gulp docs:serve
![Page 24: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/24.jpg)
簡単
Get started
![Page 25: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/25.jpg)
簡単
Get started
![Page 26: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/26.jpg)
AngularJSのコード書いたらDgeniでAPIページ作って公開したれhttp://qiita.com/Quramy/items/42418def7c8e6544a415
Get started
![Page 27: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/27.jpg)
2. dgeni-angularパッケージを使う
Get started
![Page 28: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/28.jpg)
petebacondarwin/dgeni-angular
Get started
![Page 29: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/29.jpg)
Get started
$ git clone https://github.com/petebacondarwin/dgeni
$ npm install
$ gulp assets dgeni
$ npm install -g http-server
$ http-server build/
$ open http://127.0.0.1:8080/get.html
![Page 30: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/30.jpg)
Get started
![Page 31: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/31.jpg)
簡単
Get started
![Page 32: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/32.jpg)
3. grunt-dgeniを使う
Get started
![Page 33: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/33.jpg)
k-kinzal/grunt-dgeni
Get started
![Page 34: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/34.jpg)
Get started
$ npm install --save-dev grunt grunt-dgeni
![Page 35: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/35.jpg)
Get started
$ vi Gruntfile.js
module.exports = function (grunt) {
// config
grunt.initConfig({
dgeni: {
options: {
basePath: 'src/'
},
src: ['**/*.js'],
dest: 'docs/'
}
});
// load task
grunt.loadNpmTasks('grunt-dgeni');
// register tasks
grunt.registerTask('default', ['dgeni']);
};
![Page 36: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/36.jpg)
Get started
$ grunt dgeni
![Page 37: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/37.jpg)
Get started
![Page 38: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/38.jpg)
簡単
Get started
![Page 39: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/39.jpg)
始めるだけならだいぶ敷居が下がった
Get started
![Page 40: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/40.jpg)
grunt-ngdoc
grunt-ngdocs
gulp-ngdocs
docular
とか使っている人たちは乗り換えると良いと思う
Get started
![Page 41: Dgeni with AngularJS Application](https://reader034.vdocuments.net/reader034/viewer/2022051617/55a524891a28abd90e8b4583/html5/thumbnails/41.jpg)
おしまい