Open tohshige opened 6 years ago
文字コードなぜか sp.htmlがUTF-8、 pc.htmlがEUCJP
Gold仕様のEucjpに統一するとか?
EUC-JPに統一。楽天Golc上UTF8はJSで動かしたりUIや検索文字が化けたり謎の現象がおこる しょうがないので楽天にあわせる、CSSもEUC-jpで保存 https://github.com/tohshige/test/search?l=CSS&q=euc-jp&type=&utf8=%E2%9C%93
gulp html2pug
https://github.com/tohshige/test/blob/master/used1/gulpfile.js#L52
gulp.task('html2pug', function(){
return gulp.src(['./html/modal1.html', '!./html/_*.html'])
↑
html/ フォルダの複数のHTMLファイルを pugorg/へ保存
*.html指定でフォルダに有るHTMLを一気にPUG化
gulp.task('html2pug', function(){
return gulp.src(['./html/*.html', '!./html/_*.html'])
↑
既存のファイルが上書きされるので フォルダなど設定変更は適宜ファイルを編集ください
設定やらすでに他の人が作ってるのを、参考: 静的ページ&ちょっとJSなやつにつかえそうな奴
static pages using Gulp - Pug & Sass https://github.com/yat8823jp/speedy#speedy
https://github.com/yat8823jp/speedy/blob/master/gulpfile.js#L153
https://github.com/yat8823jp/speedy/blob/master/dev/pug/includes/_head.pug
3つに別れたCSVファイル結合>指定のカラムでソート>UTF8へエンコード>Json変換 PugにてJsonファイルを指定のurlでマッチング 3秒程度でtaskは完了 http://rcart.eek.jp/used1r/pcList.html
-rw-rw-r-- 1 upload2 gold 13171829 Nov 16 08:55 dl-item201711160855-1.csv
-rw-rw-r-- 1 upload2 gold 13176603 Nov 16 13:26 dl-item201711161326-1.csv
-rw-rw-r-- 1 upload2 gold 13175551 Nov 16 19:21 dl-item201711161921-1.csv
↑のCSVからITEMNO(商品番号)やら自動で検索して↓に埋め込むとか考え中 http://rcart.eek.jp/used1r/pcList.html
画像バス、 商品説明内のHTMLに設定されている画像URLをマッチさせる等
商品説明等がHTML改行ありで入ってくる20万行程度 カンマ区切り””内の改行だけを正規表現で一発置換で削除 1,600行程度になる=Item数
BrowserSync時はUTF-8、納品 gulp nouhin
(あとで設定) は環境先に合わせたCodeで
https://www.nxworld.net/services-resource/gulp-shift-jis-replace-and-convert-encoding.html
gulp w
BrowserSync 動作例 https://www.dropbox.com/s/tmcj6nqmgl9weco/HowtoBrowserSync.mp4?dl=0
Local: http://localhost:3000
External: http://192.168.1.17:3000 (こっちはpcにより変わる
3つに別れたCSVファイル結合>指定のカラムでソート>UTF8へエンコード>Json変換 PugにてJsonファイルを指定のurlでマッチング 3秒程度でtaskは完了 http://rcart.eek.jp/used1r/pcList.html
-rw-rw-r-- 1 upload2 gold 13171829 Nov 16 08:55 dl-item201711160855-1.csv
-rw-rw-r-- 1 upload2 gold 13176603 Nov 16 13:26 dl-item201711161326-1.csv
-rw-rw-r-- 1 upload2 gold 13175551 Nov 16 19:21 dl-item201711161921-1.csv
↑のCSVからITEMNO(商品番号)やら自動で検索して↓に埋め込むとか考え中 http://rcart.eek.jp/used1r/pcList.html
画像バス、 商品説明内のHTMLに設定されている画像URLをマッチさせる等
商品説明等がHTML改行ありで入ってくる20万行程度 カンマ区切り””内の改行だけを正規表現で一発置換で削除 1,600行程度になる=Item数
必要な列だけを任意で抜き出してHTML化、 商品URL、値段、画像PATH、抜き出し。 http://192.168.11.29:3000/pcList.html
csv 1576 lines . auto generate html http://rcart.eek.jp/used1r/pcList.html
予定:色別のパターンも拾う
謎のRAC番号がカートボタンに使用されている
(2014年に廃止されたと書いてある謎
制限:1秒に1回程度。別途JSON形式のデータに保存しておく
WEBページのhtmlをcheerioというモジュールで
jQueryライクな操作ができるオブジェクトに変換してくれる
スクレイピングモジュール「cheerio-httpcli」
https://qiita.com/ktty1220/items/e9e42247ede476d04ce2
gulpfile.js
gulp.task('bsutf8', function() {
browserSync({
server: {
baseDir: "./", // set target folder
directory: true // true
},
open :true,
// open :false,
notify:true,
xip :false
});
});
https://github.com/tohshige/test/blob/master/used1r/gulpfile.js#L307
nodejs insall for windows https://nodejs.org/ja/
nodejs インストールしたあとで(場合によってはPC再起動 WindowsKey+R
cmd
npm -v
でVersionがでればOKタスクランナーGulp(クライアント)をインストール
npm install --global gulp-cli
gulp -v
でVersionがでればOK監視用タスクを起動、Ctrl+Cキーで起動解除
gulp w
gulpfile.js に必要なタスクを記述、監視先、保存先を変更できる。あとは/pugorg/ フォルダに有るPugファイルを編集 保存するたびにHtmlが書き出される