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

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をアップロードする。

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

カテゴリー
開発環境 ホームページ製作

docker基本操作

先に削除

コンテナ確認
docker ps -a

コンテナ削除
docker rm コンテナID

後に削除

イメージ確認
docker images

イメージ削除
docker rmi イメージID

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

正規表現による置換

実際の元のソース。

  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のエラーを発見。直せる目処が付いたけど、慎重に。月曜にする。