きちんと自分の所有物の実機から吸い取れば著作権はクリアできそう(他の法や規約に触れるかは別問題)
[gulp/minimal-browsersync-setup-with-gulp4.md at 4.0 · gulpjs/gulp · GitHub]( https://github.com/gulpjs/gulp/blob/4.0/docs/recipes/minimal-browsersync-setup-with-gulp4.md )
唐突にチャゲじゃない方のアスカのはてなブログを思い出した
メインはオフィシャルブログの方に移ってリンクを張るだけになってるようだけど、たまにこっちにも記事は投稿している模様
[aska_burnishstone’s diary]( http://aska-burnishstone.hatenablog.com/ )
gulpfile.babel.js
```javascript
import gulp from 'gulp';
import browserSync from 'browser-sync';
const server = browserSync.create();
const paths = {
html: '**/*.html',
};
function reload(done) {
server.reload();
done();
}
function serve(done) {
server.init({
server: {
baseDir: './'
}
});
done();
}
const watch = () => gulp.watch(paths.html, gulp.series(reload));
const dev = gulp.series(serve, watch);
export default dev;
```
```sh
$ yarn run gulp
```
```javascript
import gulp from 'gulp';
import browserSync from 'browser-sync';
const server = browserSync.create();
const paths = {
html: '**/*.html',
};
const reload = function (done) {
server.reload();
done();
}
const serve = function (done) {
server.init({
server: {
baseDir: './'
}
});
done();
}
const watch = () => gulp.watch(paths.html, reload);
const dev = gulp.series(serve, watch);
export default dev;
```
```javascript
import gulp from 'gulp';
import browserSync from 'browser-sync';
const server = browserSync.create();
const paths = {
html: '**/*.html',
};
const reload = (done) => {
server.reload();
done();
}
const serve = (done) => {
server.init({
server: {
baseDir: './'
}
});
done();
}
const watch = () => gulp.watch([paths.html], reload);
const dev = gulp.series(serve, watch);
export default dev;
```
エスコンだとよくある構図 #圧縮効果乙
[嘉手納F15、基地周辺上空で異常接近 | 沖縄タイムス+プラス ニュース | 沖縄タイムス+プラス]( http://www.okinawatimes.co.jp/articles/-/225899 )
This account is not set to public on notestock.
GoogleのWeb Starter Kitを参考にしようと思ったけれど、images・scripts・stylesディレクトリをそれぞれ配置するのはいいとして、PugやJadeはどう配置すりゃいいんだという
[web-starter-kit/app at master · google/web-starter-kit · GitHub]( https://github.com/google/web-starter-kit/tree/master/app )
jpg,png,svg -> images
js -> scriptis
css -> styles
pug -> ???????????????
[Webサイトのディレクトリ構造とその命名規則に悩む - Qiita]( https://qiita.com/y_hokkey/items/871c23c24d31021d7c40 )
草
[Joel Grus – Fizz Buzz in Tensorflow]( http://joelgrus.com/2016/05/23/fizz-buzz-in-tensorflow/ )
This account is not set to public on notestock.
sassやpugと、cssやhtmlをそれぞれ別のディレクトリに保存(srcとdest)するというアプローチもあるけれど、あまり採用したくない気持ちもある
というのも、案件によってはscssとcssまとめて納品というパターンもあるので、それぞれ別のディレクトリに配置するのが微妙っぽいんじゃないかというアレ
pugの上位概念を表す単語、もうtemplatesでいいかな…という気持ち
jpg,png,svg -> images
js -> scriptis
css -> styles
pug -> templates
This account is not set to public on notestock.
This account is not set to public on notestock.
.
├── .babelrc
├── gulpfile.babel.js
├── package.json
├── yarn.lock
├── node_modules
│ └── 略
└── public
├── assets
│ ├── images
│ │ ├── Sample.png
│ │ └── Sample.svg
│ ├── scripts
│ │ ├── script.js
│ │ └── vender
│ │ └── jquery-3.3.1.min.js
│ ├── styles
│ │ ├── css
│ │ │ └── style.css
│ │ └── scss
│ │ └── style.scss
│ └── templates
│ └── index.pug
└── index.html
jqueryライブラリ内に含まれているcssファイルは、そのまんま`scripts/vender` ディレクトリに放り込んでしまおう
『Head First Python 第2版 ――頭とからだで覚えるPythonの基本』を近所の本屋さんで取り寄せ注文する
->本屋さん「おっ、この書籍が売れるんか。ほな沢山並べたろ」
->大量の『Head First Python 第2版 ――頭とからだで覚えるPythonの基本』が平積みされる
->爆発的に売れる
->しむどんが儲かる
->しむどんが焼肉とお寿司を奢ってくれる
->桶屋が儲かる
[SublimeText 3の基本設定 - Qiita]( https://qiita.com/lunatea/items/7101572e159f98369bc9#color_scheme )
[視認性の高いプログラミングフォント「Myrica」をWindows+Sublime Textで使う方法]( https://nelog.jp/myrica )
This account is not set to public on notestock.
ひどいwww
[日本人にだけ読めないフォント「エレクトロハーモニクス」をプログラム用エディターに設定してみたら]( https://nelog.jp/electroharmonix )