品質管理の計算ツールと問題集(と書類の PDF 圧縮)の入口ページ。公開先は https://kotaooka.github.io/ 。
index.html 入口ページ(ツール一覧は中の tools 配列)
og.png SNS 共有用の画像(1200×630)。tools/make_og.py で作り直せる
tools/make_og.py og.png を作り直すスクリプト(ツール名の一覧はスクリプト内の TOOLS)
sitemap.xml 検索エンジン向けのページ一覧(各ツールのページを含む)
robots.txt サイト全体のクロール設定と sitemap.xml の場所
googlede6a9549483e5636.html Search Console の所有権確認ファイル(消さない)
新しいツールを公開したら、次の4か所を更新する。
- このリポジトリの
index.html:tools配列に1項目を足す(section・fig・name・desc・std・open・repo、Android 版があればandroid)。figは行の左に描く図の名前で、figsに同じ名前の関数(viewBox 132×88 の SVG を返す。色はcurrentColor)を足す。グループを増やすときはgroupsにも足す。 - このリポジトリの
sitemap.xml:<url>を1つ足し、lastmodを公開日にする。 - ツール側の OGP:
<head>に description、canonical、og:*(og:site_nameはQC Workbench)、twitter:cardを入れ、1200×630 のog.pngをツールの公開フォルダに置く。og:imageは絶対 URL で書く。 - ツール側の戻るリンク:画面上部の見出しの前に
https://kotaooka.github.io/へのリンク(表示は「QC Workbench ›」)を置く。
ツールの中身を大きく更新したときは、sitemap.xml の該当ページの lastmod も更新する。
python tools/make_og.py [フォントのフォルダ] で作り直す。ツールを追加したらスクリプト内の TOOLS と SUBTITLE も直す。
文字は画像に焼き込んでいるので、表示する側のフォントに左右されない。字体はサイトと同じ BIZ UDPゴシックを使う。Windows に付いている BIZ-UDGothicR.ttc・BIZ-UDGothicB.ttc か、Google Fonts の BIZUDPGothic-Regular.ttf・-Bold.ttf を読む(フォルダを省略すると C:\Windows\Fonts と ~/.fonts を探す)。
SNS は一度読んだ画像をしばらく保持するので、差し替え直後に共有すると古い画像が出ることがある。