きちんと自分の所有物の実機から吸い取れば著作権はクリアできそう（他の法や規約に触れるかは別問題）
実学方面の記事や書籍ばかり読んでいるのは良くないよなぁと思いつつも、やっぱり実学に全振りしちゃいたい気持ちが強い
特に禁止されていたわけではなかったけれど子供の頃は何故かあまりアニメとかは見てなくて、大学の時にネットで見てハマってしまったアレ
[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/ )
todo管理、AnyDoというクロスプラットフォームアプリが使いやすかった
リマインダー機能も一応付いていたはず
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 )
このアカウントは、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 -> ???????????????
imagesはしょうがないとして、scriptisとかstylesとかいう上位概念をディレクトリに入れるのやめめにするか…
[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/ )
このアカウントは、notestockで公開設定になっていません。
sassやpugと、cssやhtmlをそれぞれ別のディレクトリに保存（srcとdest）するというアプローチもあるけれど、あまり採用したくない気持ちもある
というのも、案件によってはscssとcssまとめて納品というパターンもあるので、それぞれ別のディレクトリに配置するのが微妙っぽいんじゃないかというアレ
pugの上位概念を表す単語、もうtemplatesでいいかな…という気持ち
jpg,png,svg -> images
js -> scriptis
css -> styles
pug -> templates
このアカウントは、notestockで公開設定になっていません。
このアカウントは、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
assetsにまとめつつ、scriptsとかstylesでまとめようとするとめっちゃ深くなるな
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 )
このアカウントは、notestockで公開設定になっていません。
ひどいｗｗｗ
[日本人にだけ読めないフォント「エレクトロハーモニクス」をプログラム用エディターに設定してみたら]( https://nelog.jp/electroharmonix )
macOSのSafari、新しいタブの所で右クリックすると、最近閉じたタブが一覧で出てくるのか…知らなかった
