カテゴリー
業務日報 開発環境 休む

2023.10.16-10.20の週報

2023.10.16
【午前】
シンセンテックスの商品送付、雑務作業。Jリーグチーム一覧の更新作業。

【午後】
シンセンテックスの商品送付作業。Jリーグチーム一覧の移転作業。

シンセンテックスの商品は、週末ボチボチの売れ行き。移転作業では、次のフェーズに入るための試乗での作業を行う。dockerは、php:8.2.7-apacheを入れていたが、今はphp:8.2.11-apacheだった。

2023.10.17
【午前】
シンセンテックスの商品送付、雑務作業。

【午後】
休む。

シンセンテックスの商品は、ボチボチの売れ行き。午後は大型バイクの試験を受けるため、休む。

2023.10.18
【午前】
シンセンテックスの商品送付、雑務作業。

【午後】
Jリーグチーム一覧の移転作業。

シンセンテックスの商品は、結構売れた。よかった。移転作業では、新しく環境を作り直し、今後の作業を練る。

  • dockerのphp:apacheを新しく入れる
  • webpackを新しくする
  • font awesomeをダウンロードする
  • ファイルを移す
docker container run --name php8102 -d -p 8102:80 -v D:\新しいフォルダー\j3-2023102\dist:/var/www/html php:8.2.11-apache

php8102は、docker上での名前。8102:80は、ポート番号。php:8.2.11-apacheは調べて最新のものを入れること。

2023.10.19
【午前】
シンセンテックスの商品送付、雑務作業。

【午後】
Jリーグチーム一覧の移転作業。

シンセンテックスの商品は、そこそこ売れた。よかった。移転作業の今後の作業を練る。

  • 各ページに目次をつける。
  • 地域リーグのメニュを治す。
  • 地域リーグのクリックを変更。
  • クリックアクションを治す。
  • 各項目で、tiktok,note,line,アップルミュージック,wikiをつける。
  • J123JFLのクリック項目を入れる。
  • 全社に優勝、準優勝、三位、四位を加える。

優先順位とDBのあり方を考えて、明日からコーディング作業。

2023.10.20
【午前】
休む。

【午後】
Jリーグチーム一覧の移転作業。

下記の項目ができた。プロトタイプ第11弾の完成。地域リーグのメニュは、index.jsの一部を消してからwebpackをし、できたjsファイルを改名することで解決。

  • 各ページに目次をつける。
  • 地域リーグのメニュを治す。

下記の項目を一つ一つ取り組む予定。

  • 地域リーグのクリックを変更。
  • クリックアクションを治す。
  • 各項目で、tiktok,note,line,アップルミュージック,wikiをつける。
  • J123JFLにクリック項目を入れる。
  • 全社に優勝、準優勝、三位、四位を加える。

全社に優勝を加えるのは、別DBを作る必要がある。

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

J3サイトの修正作業まとめ

【J3サイト一覧】
http://toushin.konjiki.jp/

  • bootstrap 4.6.0
  • jquery 3.5.1
  • popper 1.16.1
  • webpack 5.2.2

main.jsとsub.jsに別れていた。main.js 622kbで重い。

  • bootstrap 5.1.3
  • jquery 3.6.1
  • popper@core 2.10.2
  • webpack 5.6.0

main.jsに一本化。main.jsを軽くする。

  • ヘッダー、activeの書く位置が移動。
  • ハンバーガーメニューが開かない、動かない。
  • デフォルトのフォントが変化。
  • テーブルのth,tdの境界線の色が変化。
  • リンクにアンダーバーが付いた。

これらを旧タイプのデザインに近づける。

main.jsとstyle.cssの分離する作業をする。

旧main.jsでの点数。622kb。

新main.jsでの点数。448kb。

新main.jsとstyle.cssに分離する。167kb、93kb。

jsとcssを分離したら、点数が悪くなったけど、やりたかった作業なので、そのままにした。

【webpack5の参考サイト】
https://yumegori.com/webpack5-setting-method

【npm install後のパッケージ確認】
https://dackdive.hateblo.jp/entry/2016/10/10/095800

【javascriptのimport】
https://qiita.com/TakamiChie/items/4d92c7e80a9d4cce0178

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import

【フォントの設定方法】
https://willcloud.jp/knowhow/font-family/

【bootstrap5の最低限取り入れ】
https://qiita.com/shouchida/items/2c3fc4586de66a067dfd

https://bootstrap-guide.com/customize/sass

【bootstrap5のナブバー、ナブトグル】
https://bttb.jp/bootstrap5/index.php?strkey=navbar%20navbar-expand-lg%20navbar-dark%20bg-dark

【aria-current=”page”の意味】
https://temari.co.jp/blog/2021/07/12/aria-current-2/

次回はクリックカウンターを付けたい。google apps scriptでなんとかなりそう。

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

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

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