More Related Content
Similar to JavaScriptと共に歩いて行く決意をした君へ (20)
More from Muyuu Fujita (14)
JavaScriptと共に歩いて行く決意をした君へ
- 2. 自己紹介
• むゆう @anticyborg
• IT僧侶
• フロントエンドエンジニア
• エンジニア2年目
- 45. $(function(){
// よく使う要素をあらかじめ変数化
var $modal = $('.modal');
// モーダルを開く関数を作る
var openModal = function () {
$modal.css({'display': 'block'});
$modal.animate({
'opacity': 1
}, 400);
};
// クリックしたらモーダルを開く関数を実行
$('.btn').click(openModal);
});
- 60. moduleA.js
var app = app || {};
(function($, app){
app.moduleA = {
element: $('.moduleA'),
get: function(){
// 何か処理
},
set: function(){
// 何か処理
}
};
})(jQuery, app);
- 67. read
<script src='moduleA.js'></script>
<script src='moduleB.js'></script>
<script src='moduleC.js'></script>
<script src='moduleD.js'></script>
<script src='moduleE.js'></script>
<script src='run.js'></script>
</body>
</html>
- 74. gulp-concat
var concat = require('gulp-concat');
gulp.task('concat', function() {
gulp.src('*.js')
.pipe(concat('app.js'))
.pipe(gulp.dest('./'))
});
- 75. app.js
var app = app || {};
(function($, app){
app.moduleA = {
element: $('.moduleA'),
get: function(){
// 何か処理
},
set: function(){
// 何か処理
}
};
})(jQuery, app);
(function($, app){
var modA = app.moduleA;
modA.element.click(modA.get);
})(jQuery, app);