投稿者: murauchi

業務日報休む

2020.12.7-12.11の週報

2020.12.7
【午前】
シンセンテックスの商品送付作業。

【午後】
頭痛のため、寝込む。

シンセンテックスの商品が一つ売れた。よかった。

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

【午後】
金券ショップ網の修正作業。シンセンテックスの商品調査作業。

mapboxの駅が出てこない件だが、サイトを探していると解説のページがあったので、修正できた。よかった。東京山手線外の東側が終わる。

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

【午後】
シンセンテックスの商品調査作業。

金券ショップ網の修正は、東京山手線外が終了。シンセンテックスの商品調査は、なんとかなる気がしたので、計算して明日連絡したい。

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

【午後】
シンセンテックスの商品調査作業。

金券ショップ網の修正は、大阪が半分終了。明日、大阪が終わる予定。シンセンテックスの商品調査は、usb-cのケーブルを発注した。きちんと届くといいけど。

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

【午後】
シンセンテックスの商品調査作業。

金券ショップ網の修正は、大阪が終了。来週は愛知から。シンセンテックスの商品調査は、acアダプターを発注。昨日のusb-cのケーブルはグレードを間違えてた。いかんなぁ。

業務日報事務と外出と会計関連

2020.11.30-12.4の週報

2020.11.30
【午前】
金券ショップ網の修正作業。Jリーグチーム一覧の更新作業。

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

午前中は金券ショップ網のエラー直しとJリーグチーム一覧の更新作業をする。Jリーグチーム一覧の更新は、webpackを使う必要があり、この前までしていた作業を完全に忘れていた。午後は金券ショップ網の修正をする。栄駅から京都駅まで進む。

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

【午後】
金券ショップ網の修正作業。メール送付作業。シンセンテックスのサイト変更作業。

シンセンテックスのサイト変更は、簡単にできるけど、サイトのデザインを考えると躊躇する。金券ショップ網の修正は、東京を潰すことにする。

2020.12.2
【午前】
金券ショップ網の修正作業。メール送付作業。

【午後】
金券ショップ網の修正作業。シンセンテックスの商品調査作業。

金券ショップ網の修正は、東京山手線内が明日終わる予定。シンセンテックスの商品調査は価格との兼ね合いで思案中。

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

【午後】
雑務。会計処理。シンセンテックスの商品調査作業。

シンセンテックスの商品でワイヤレスイヤホンを扱いたかったが、技適マークが必要ということで、断念。技適マーク自体、うるさく言われてないようだけど、わざわざ危険を冒していくほどのマーケットではないし。金券ショップ網の修正は、東京山手線内が終わる。

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

【午後】
会計処理。シンセンテックスの商品調査作業。

金券ショップの地図を更新しているが、mapboxは駅や鉄道が出てこないことに悩む。東京山手線外の西側が終わる。

ホームページ製作

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

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

タグ webpack5, webpack

ホームページ製作

正規表現による置換

実際の元のソース。

  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

タグ javascript, Mapbox