カテゴリー
ホームページ製作

Jリーグチーム一覧の更新方法

Jリーグチーム一覧サイトの更新方法の備忘録。
http://toushin.konjiki.jp/

  • 202011productファイル内の更新するhtmlの設定値team_countを変更する。ただし、22チーム以内であること。
  • 202011productファイル→distファイル内のteam.jsonにチーム情報を書き込む。昇格、降格するチームは必ず変更。
  • 202011productファイル→srcファイル内のstyle.scssにチームのカラー情報を書き込む。その際、pictbearのカラーパレットをダブルクリックし、色の設定のカスタマイズから白色選ぶ。
  • ターミナルより202011productファイルを選び、npx webpackでビルドする。その際、多少待つ。
  • distファイル内のhtml,team.json,main.js,sub.jsをアップロードする。

忘れてるからこれを見て思い出すこと。

カテゴリー
ホームページ製作

正規表現による置換

実際の元のソース。

  var marker05 = new Y.Marker(new Y.LatLng(35.70, 139.76));
  ymap.addFeature(marker05);
  marker05.bindInfoWindow('<a href="#store5">ああああ</a>');

実際の置換後のソース。

var marker05 = new mapboxgl.Popup().setHTML('<a href="#store5">ああああ</a>')
new mapboxgl.Marker({ "color": "#b40219" }).setLngLat([139.76, 35.70])
.setPopup(marker05).addTo(map);

正規表現の置換前

  var (.*) = new Y.Marker\(new Y\.LatLng\((.*), (.*)\)\);
  ymap.addFeature\((.*)\);
  (.*)\.bindInfoWindow\((.*)\);

正規表現による置換後

var \1 = new mapboxgl.Popup().setHTML(\6)
new mapboxgl.Marker({ "color": "#b40219" }).setLngLat([\3, \2])
.setPopup(\1).addTo(map);

()括弧でくくると、それが\マークによる置換ができる。最初の()が\1となる。二番目の()が\2となる。

カテゴリー
ホームページ製作

Mapboxのマーカーに色を付ける

Mapboxのマーカーというか旗に色を付けるやり方。

初期値というかデフォルト。

var marker = new mapboxgl.Marker()
  .setLngLat([139.70, 35.65])
  .addTo(map);

マーカーに色を付ける。

var marker03 = new mapboxgl.Marker({ "color": "#b40219" }).setLngLat([139.70, 35.65])
.addTo(map);

マーカーの表示については、下記リンク先が参考になりました。

【参考リンク】
https://docs.mapbox.com/jp/yolp-to-mapbox/javascript/#%E3%83%9E%E3%83%BC%E3%82%AB%E3%83%BC%E3%81%AE%E8%A1%A8%E7%A4%BA

カテゴリー
業務日報 事務と外出と会計関連

2020.11.24-11.27の週報

2020.11.24
【午前】
金券ショップ網の修正作業。

【午後】
金券ショップ網の修正作業。

Geolocation APIで、詰まる。

2020.11.25
【午前】
金券ショップ網の修正作業。

【午後】
金券ショップ網の修正作業。

昨日の詰まったところは、ブラウザ側の問題だった。設定を削除すれば、想定通りに動いてくれた。2ページ、新規にする。ただ、手作業を少なくするため、正規表現をいろいろ弄ってみたが、こちらは動かず。

2020.11.26
【午前】
金券ショップ網の修正、更新作業。

【午後】
金券ショップ網の修正作業。会計処理。Sim2Flyの更新作業。

金券ショップ網の修正は、正規表現がうまくいき、ほぼ機械的な作業で更新できるようになった。毎日5ページぐらいずつ進めていく予定。

2020.11.27
【午前】
金券ショップ網の修正、更新作業。

【午後】
金券ショップ網の修正作業。シンセンテックスブログ更新作業。

金券ショップ網の修正作業は北海道が終わり。来週からは、メジャーな駅を終わらせる予定。そして、今まで気づかなかったhtmlのエラーを発見。直せる目処が付いたけど、慎重に。月曜にする。

カテゴリー
業務日報

2020.11.16-11.20の週報

2020.11.16
【午前】
シンセンテックスの商品送付作業。webpack使用調査。

【午後】
webpack使用調査。ブログ書き残し。

シンセンテックスの商品が一つ売れた。よかった。webpackでstyle.cssとjsの分割とjsバンドルを比較してみたら、jsバンドルのほうが良かった。予想が外れた。webpack使用調査は、ブログに書き残し、終わる。明日からの作業。

  • シンセンテックスのページ修正。
  • 弊社サイト、このサイトのリニューアル。
  • 金券ショップ網の修正。

順番は、弊社サイトリニューアルの環境構築から、シンセンテックスのページ修正かな。

2020.11.17
【午前】
ブログ書き残し。

【午後】
弊社サイトリニューアル調査。

ブログに書き残していないことがあったので、書き残す。弊社サイトのリニューアル調査をしようとしたが、dockerで失敗。ポート番号で8888で、うまくいかず。dockerのこと、いろいろ忘れてるし。

2020.11.18
【午前】
弊社サイトリニューアル調査。

【午後】
弊社サイトリニューアル調査。

昨日のポート番号で8888の件は、キャッシュが問題だったようだ。batheというテーマを使ってみたかったけど、今度は

npm ERR! bathe@1.0.2 presass: `stylelint "$npm_package_config_css_src/**/*" --fix`

というエラーが出て、いろいろ調べたが分からず断念。

あと、調べていると、今後のサイト製作はブロックエディターによる製作がメジャーになるようだ。

2020.11.19
【午前】
金券ショップ網の修正作業。

【午後】
金券ショップ網の修正作業。

yahoo mapというか、正確にはYOLPが使えなくなったので、後継のMapboxに移植させる作業をする。旗の色を変えるのに苦戦したが、いろいろ構っている内に形になりそうな気がしてきた。明日は、実装からテストまで持っていけるといいな。

2020.11.20
【午前】
金券ショップ網の修正作業。

【午後】
金券ショップ網の修正作業。

Mapboxに移植作業だけど、現在地の取得ができず。あと一息なのにな。