プログラミング

「サイトで重大なエラーが発生しました」(ゼロ除算の2つの結果) トラブルと対処

「サイトで重大なエラーが発生しました」(ゼロ除算の2つの結果)

PHPのバージョンを7.4から8.0に上げたら、カスタムプラグインがエラーになるようになりました。エラーをみると「ゼロ除算(DivisionByZeroError)」。これまでは除算後に NaN のチェックをしていたのですが、除算前に 0 のチェックが必要になったみたいです。どうも、除算演算子で fdiv でなく intdiv が使われるようになっていたのが原因ようです。カスタムプラグインのエラーPHPのバージョンを7.4から8.0に上げたら、以前に自分で作ったWordPre...
WordPressカスタムプラグインのタイムアウトを避ける(mixhost) プログラミング

WordPressカスタムプラグインのタイムアウトを避ける(mixhost)

カスタムプラグインでサイトの統計情報を分析しているのですが、時々タイムアウトで動かなくなってしまうんです。そこで、cPanelのMultiPHP INIエディタを使って、max_execution_timeの設定を変更してみました。これで、プラグインが途中で止まらずに済むようになりました。カスタムプラグインの動作が安定しないカスタムプラグインでサイト統計情報を分析しています。ところが、最近 そのプラグインの統計ページが動かないときがあります。ページの再読み込みすると動いたりも...
WordPressが動かなくなった(PHP 8.2) トラブルと対処

WordPressが動かなくなった(PHP 8.2)

原因は、PHPバージョンが古くて、WordPressのバージョンアップに対応できなったからのようです。PHPバージョンを8.0に上げたら、動くようになりました。ただ、8.2まで上げると、今度はプラグインの対応がうまくいかないのか、エラーになりました。折を見て、古いプラグインの利用を変更しないといけませんね。管理画面のエラーは、デバッグモードにして確認した。(参考)mixhostでWordPressのPHPエラーが表示されないときの対処方法mixhost(ミックスホスト)でPH...
[Cocoon] 「SNSシェア」ボタンをショートコードで表示できるようにした とりあえずのメモ

[Cocoon] 「SNSシェア」ボタンをショートコードで表示できるようにした

記事内で、以下のショートコードを入力することで、好きな位置にSNSシェアボタンを出せるようにしたいと思います。[sns_share_buttons]できたコード(functions.php)はこちら。/** CocoonのSNSシェアボタンを表示するショートコード 2024-02-18 */add_shortcode( 'sns_share_buttons', 'wrap_get_template_sns_share' );if ( ! function_exists( 's...
九九表に含まれないものの素数ではない奇数(pythonの集合演算) ちいラボエッセイ

九九表に含まれないものの素数ではない奇数(pythonの集合演算)

81までの九九表外の素数ではない奇数は全部で 9個あって、51と57に気をつければ、あとは素数ではないとすぐ見分けがつく数ばかりだということがわかりました。ちなみに、81までの素数は、{2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79}の22個で、はじめの4つ以外の18個はすべて九九表外です。問題1から順番に素数を挙げていたら、間違えて「57」を言ってしまいまし...
[macOS] ファイル名を一括変更するターミナルコマンド(sedでループ) Mac

[macOS] ファイル名を一括変更するターミナルコマンド(sedでループ)

作業フォルダ内のファイル名にある「@」を「#」まとめて変更する必要がありました。一個ずつファイル名を変更するのは大変なので、シェルスクリプトを作りました。正規表現で作業フォルダ内のファイル名を一括変更する#!/bin/bashcd {作業するフォルダパスを入れます}IFS=$'\n'for f in *; do newname=$(echo "$f" | sed 's/@/#/g') if [[ "$f" != "$newname" ]]; then mv "$f" "$ne...
ExcelのクリップボードエラーとCutCopyMode(2つのクリップボード領域) Windows

ExcelのクリップボードエラーとCutCopyMode(2つのクリップボード領域)

Excelマクロを実行したら、「クリップボードに問題がありますが、このブックにコンテンツを貼り付けることができます」というエラーメッセージが出てきました。VBAコードの不要なコピー処理を削除することで解決しました。クリップボードエラーが出てきたExcelでマクロ作業を使っていたら、「クリップボードに問題がありますが、このブックにコンテンツを貼り付けることができます」というエラーメッセージが表示されました。これは、クリップボードの機能に問題が生じていることを示しています。クリッ...
[WordPress] アイキャッチ画像にリンクを挿入した(ショートコード) とりあえずのメモ

[WordPress] アイキャッチ画像にリンクを挿入した(ショートコード)

サイトのヒートマップなどを分析すると、けっこうアイキャッチ画像がタップされているようです。そこで、アイキャッチ画像にリンクを付けられるショートコードを作ってみました。eyecatch_link ショートコードを作った記事中に以下のようなショートコードを入力します。[eyecatch_link href=""]functions.phpにコードを追加するこのコードを解釈できるように、functions.phpにコードを追加します。/** * アイキャッチ画像にリンクを追加するシ...
とりあえずのメモ

[WordPress] 印刷時に管理者バー分の余白があるのが気になる(admin-bar)

管理者としてログインしているときに印刷モードでレンダリングを表示すると、上部に余白がついているのがきになりました。この余白は、html タグについているようです。どうも、管理者バーの分だけ画面全体を下にずらすのが目的のようです。WordPressのソースコードを検索すると、この余白が _admin_bar_bump_cb で設定されていることがわかりました。function _admin_bar_bump_cb() { $type_attr = current_theme_s...
WordPressの jQuery を jsDelivr に変えてみたけれど(CDNとパフォーマンス) とりあえずのメモ

WordPressの jQuery を jsDelivr に変えてみたけれど(CDNとパフォーマンス)

WordPressのjQueryの読込みを高速化するために、CDNの jsDeliver に変更してみました。しかし、結果としては ほとんど違いは出てきませんでした。WordPressデフォルトのGoogle Cloud CDN 自体がすでに高速なCDNだったようです。jQueryがメインスレッドをブロックしているChromeの開発モードでパフォーマンスを見ていたら、「第三者コードの影響を抑えてください」という診断が目につきました。jqueryライブラリの読み込みに時間がかか...
【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress] とりあえずのメモ

【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress]

PageSpeed Insightsで「レンダリングを妨げるリソースの除外」を見てみると、jqueryに関する2つのスクリプトが目につきました。(Google CDN)jquery.min.js?ver=3.6.1(Cloudflare CDN)jquery-migrate.min.js?ver=3.0.1これを除外できないか試みてみました。jQueryスクリプトを入れ替えjQueryのスクリプトを入れ替えてみます。(参考)jQuery CDNfunction refresh...
とりあえずのメモ

スクリプトとスタイルの遅延読込みのしかた[PSI](WordPress)

CSSは、とりあえずCocoonの「CSS縮小化」で除外できました。jqueryは、wp_enqueue_script でフッター読込みに変更しました。レンダリングを妨げるリソース久々に PageSpeed Insights(PSI)のスコアを見て、サイト設定をメンテナンスしています。「レンダリングを妨げるスクリプト」がちょっと残っているのが気になりました。画像と同じようにスクリプト も 遅延読み込みすることができます。script deferJavaScriptはscrip...
[WordPress] 遅延読込みのせいで印刷時に画像が消えていた(loading=”lazy”, decoding=”async”) とりあえずのメモ

[WordPress] 遅延読込みのせいで印刷時に画像が消えていた(loading=”lazy”, decoding=”async”)

ブログを冊子印刷にして配布しているのですが、一部の画像が印刷されていないことがあります。画像の遅延読込み で失敗しているようです。WordPress によって自動的に付加される「loading=”lazy”」「decoding=”async”」を消すよう、functions.php を編集しました。add_filter( 'wp_lazy_loading_enabled', '__return_false' );add_filter('wp_img_tag_add_decod...
[JavaScript] showOpenFilePickerがエラーになる(Uncaught (in promise) DOMException) とりあえずのメモ

[JavaScript] showOpenFilePickerがエラーになる(Uncaught (in promise) DOMException)

ファイル読み取りのため、以下のコードをそのまま実行したら動きませんでした。 const pickerOpts = { types: [{ description: 'Texts(.txt)', accept: {'text/*': ['.txt']} }], multiple: false, } let fileHandle; [fileHandle] = await window.showOpenFilePicker(pickerOpts); const file = aw...
[phina.js] JavaScript でユーザー端末のファイル入出力をするには とりあえずのメモ

[phina.js] JavaScript でユーザー端末のファイル入出力をするには

JavaScriptでは、ウェブ上のデータと違ってユーザー端末内のファイルには、直接アクセスできない仕組みになっています。これは、自分で作ったプログラムを検証する場合でもそうです。そのため、ローカル環境のファイルにアクセスするには、自前のウェブサーバでアクセス可能にするか、ブラウザから読み込み・保存する必要があります。今回は、ブラウザからのファイル入出力を見てみます。Blobオブジェクトのダウンロード文字列をテキストファイルとして保存するなら、仮想的なリンクを作って、リンクの...
[Mac] PC内で検証用ウェブサーバを動かす【php -S】 Mac

[Mac] PC内で検証用ウェブサーバを動かす【php -S】

phina.js のプログラムをローカルで検証するために、ウェブサーバを立ち上げることにしました。ブラウザでHTMLファイルを開いてもサイトと違うただのファイルとして html を開いた場合(たとえば「file:///Users/user/html/index.html」など)、JavaScriptから相対アドレスでほかのローカルファイルを読み込んだりはできません。JavaScriptのセキュリティ上の制限で、ローカルファイルにはアクセスできないからです。そのため、サイトデー...
[phina.js] ゲーム内で表示できるオブジェクトの基本 とりあえずのメモ

[phina.js] ゲーム内で表示できるオブジェクトの基本

前回は phina.js の土台となるシーン構成を概観しました。今回は シーンの要素となる基本的なオブジェクトをざっと見ていきます。参考資料は、「phina.js Tips集 上巻」です。ゲーム内で表示するオブジェクト前回の各サンプルで使われていたオブジェクトは・Label テキストを配置・Sprite 画像を配置・Button テキストと枠を配置でした。シンプルな項目なら、そのまま生成して配置します。 var label = Label('Hello, phina.js!'...
[phina.js] シーン管理の基本 とりあえずのメモ

[phina.js] シーン管理の基本

phina.jsのシーン遷移については、「<シーン編>|phina.js Tips集 下巻」が詳しいです。特徴的な部分をまとめます。phina.jsでは暗黙のうちにデフォルトのシーンが用意されているので、ちょっと戸惑いました。phina.jsの Hello Worldコード久しぶりに phina.js で遊んでみることにしました。JavaScriptだけでブラウザ上でゲームが動くのはやっぱり手軽です。しかし、プログラムの処理の流れをすっかり忘れています。まずは、シーンの概要と...
[WordPress] 文章校正プラグイン Japanese Proofreading Preview を使いたい とりあえずのメモ

[WordPress] 文章校正プラグイン Japanese Proofreading Preview を使いたい

文章校正プラグイン「Japanese Proofreading Preview」を試してみました。(参考)Japanese Proofreading Preview – WordPress plugin | WordPress.orgこのプラグインは、Yahoo!の「校正支援API」をWordPressエディタから呼び出せるようにするものです。設定のため、Yahooの登録でAPIを利用できるようにしました。アプリケーションの管理:Yahoo!デベロッパーネットワークしかし、設...
[PHP] タグ一覧に件数を追加する(Cocoon) とりあえずのメモ

[PHP] タグ一覧に件数を追加する(Cocoon)

ショートコードで表示している、ブログの記事のタグ一覧に、「件数」を追加しました。「タグリンク」をタップしても表示される記事が少ないと、別のタグを探し直さないといけないからです。前回はこちら。「クリック率向上のために!WordPressで「タグ一覧」に「記事数」を追加する方法」のコードを元に、ショートコード用関数にするために echo の部分を return にして、文字列を返すようにします。// the_tags_with_count() の末尾echo $before . ...
[WordPress] 自作プラグインに投稿文字数を計測するスクリプトを追加した【dbDelta】 とりあえずのメモ

[WordPress] 自作プラグインに投稿文字数を計測するスクリプトを追加した【dbDelta】

自作 WordPressプラグインに、一日の投稿文字数をカウントする機能を追加しました。大まかな処理の流れはプラグインの有効化時に投稿文字数カウント用のデータベースを作成するプラグイン表示時に、累計の投稿文字数を追加する(ただし、同じ日付のデータがあれば更新する)管理メニューでデータベース集計を表形式で表示する一日の成果を文字数で把握できると、ちょっとモチベーションアップになるかも?前回はこちら。データベースの作成(dbDelta)一番手間取ったのは、データベースを作成する処...
「Punycode」とは?(国際化ドメイン) わかりやすさ重視

「Punycode」とは?(国際化ドメイン)

Unicodeドメイン名を ASCIIに変換する「Punycode変換」では、先頭に「xn--」という特徴的な文字列が付加され、一見して元の文字列との対応がわかりにくいです。しかし、これは コンピュータが ASCII文字列に Unicode文字を一つずつくっつけて、元の文字列を復元するための「レシピ」になっています。
[CSS] ブログの文字詰めを微調整した【letter-spacing と font-feature-settings】 とりあえずのメモ

[CSS] ブログの文字詰めを微調整した【letter-spacing と font-feature-settings】

ちいラボでは、なるべく「文字が見やすい大きさ」に設定しています。しかし、自分のスマートフォンで閲覧すると、一行の文字数が少ないために、改行が多すぎる気もしています。そこで、文字の大きさをそのままに、「文字詰め」を狭めてみることにしました。letter-spacing全体的な字間をそのまま減らすには、letter-spacing に負の値を設定します(規定は0)。letter-spacing: -0.05em;font-feature-settings に "palt" を設定...
[AMP] 投稿タイトルにバックスラッシュが含まれていたら【無効なエスケープシーケンス】 プログラミング

[AMP] 投稿タイトルにバックスラッシュが含まれていたら【無効なエスケープシーケンス】

Google Search Console で「解析不能な構造化データの問題」というエラーが表示されました。これは 記事タイトルの中に、エスケープ文字であるバックスラッシュ(0x5C「\」)が入っていたからです。別の文字コードのバックスラッシュ(U+FE68:﹨)に変更したらエラーは消えました。Google Search Console での2つのエラーGoogle Search Consoleの通知で、エラーが表示されました。「解析不能な構造化データの問題」と「AMPの問題...
久しぶりにErgoDoxの設定をした(macOS, JIS日本語配列) #PR含む

久しぶりにErgoDoxの設定をした(macOS, JIS日本語配列)

休眠状態だった ErgoDox(分割型キーボード)を、改めて使ってみようと思います。キーキャップやスタンドを揃え、ファームウェアも作り直しました。特に、ファームウェアの作成やインストールは、とても手軽に進化していました。ErgoDoxは必要なの?しばらく(ここ4年ほど)、使っていなかった理由は、ふだん MacBook Air を使うようになったからです。USBポートが合わなくなったことで、そのままになっていました。さらに、MacBookのキーボードが「かな・英数」キー、コント...
[CSS] 幅とパディングの関係【box-sizing】 とりあえずのメモ

[CSS] 幅とパディングの関係【box-sizing】

HTML要素の幅を固定して、パディングを内側に取りたいときには、「box-sizing」プロパティでborder-boxに指定します。固定ヘッダーとサイドバーが重なって幅が取れないウェブページに固定ヘッダーを作ろうと思いました。位置を position: fixで固定します。ところが、画面サイズによって幅の変わる左サイドバーがあったので、幅がうまくいきません。サイドバーの幅の分だけ右にずらす(leftやpadding-left)と、ヘッダーバー全体が画面から右にはみ出てしまい...
手軽にプログラミングするならオンラインIDEが便利(ideone.com) とりあえずのメモ

手軽にプログラミングするならオンラインIDEが便利(ideone.com)

たまに、連番の文字列を入力したいなど、ちょっとした単純作業をプログラムで処理したい場合があります。しかし、その時のパソコンによってプログラミング環境があったり、なかったり。久しぶりに使うと、そのタイミングでアップデートから用意しないといけません。そんなときにすぐに使えるのが、オンラインIDE(統合開発環境)。インターネット上にコードを入力するだけで、かんたんな出力結果を得ることができます。(サイト)for i in range(312, 324): print('<img u...
[Cocoon] ソースコードハイライトが反映されない?【CSSセレクタ】 とりあえずのメモ

[Cocoon] ソースコードハイライトが反映されない?【CSSセレクタ】

なぜか、Cocoonのテーマ設定のソースコードが反映されませんでした。CSSセレクタを設定し直したら、うまく動きました。highlight.jsが動作しないCocoonテーマには、ソースコード ハイライト機能があります。これは、highlight.jsを利用しています。しかし、Cocoon設定では、ちゃんとハイライト表示にチェックがつけたのですが、記事内のソースコードがそのままでした。これまで うまくコードハイライトが表示されない原因は、「スクリプトの遅延処理などのほかのプラ...
[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した とりあえずのメモ

[WordPress]記事ごとの平均PVを集計するサブメニューを自作プラグインに追加した

どんな記事が安定して読まれているのか把握するために、平均PVを調べたいと思いました。前回作った月別ページビュー集計の自作プラグインに追加します。前回はこちら。管理ページにサブメニューを追加する(add_submenu_page)最終的に出来上がったのがこちら。ブログの勢いを将棋の駒でランク付けしています。書いた記事が、駒得で変換されるのでモチベーションが上がります。野球が好きなら、ヒットやホームランでもいいんだろうね。まずは、メニューに項目を追加します。WordPressプラ...
[Word] 過去の均等割付のフィールドコード「eq ﹨o﹨ad」を解除する(重ね文字) Word・Excelなど

[Word] 過去の均等割付のフィールドコード「eq ﹨o﹨ad」を解除する(重ね文字)

Word 98 など Word 2000 以前から使い回された文書を見ていると、不思議な均等割付が紛れ込んでいることがあります。文字列をクリックすると、グレーのまとまりで選択されるのです。これは、重ね文字の「フィールドコード」を利用した擬似的な「均等割付」です。eqは数式のフィールドコード文字列を右クリックすると、「コードの編集」があります。見てみると、フィールドコードになっていました。{eq \o\ad(●●●,□□□□□)}Wordのフィールドコードは、差込印刷などで見か...
【未解決】埋め込んだTwitterのフォントサイズを小さくしたい(けど、いったん断念)[WordPress] SNS

【未解決】埋め込んだTwitterのフォントサイズを小さくしたい(けど、いったん断念)[WordPress]

ただ、ツイートの埋め込みの文字サイズを本文に揃えたいだけなのに、めちゃくちゃ大変……。Twitterのツイートは、「ツイートを埋め込む」からコードを表示して、HTMLに埋め込むことができます。ところが、枠の幅や文字サイズなどは、ウェブサイトと異なるスタイルが適用されます。結論としては、あれこれ調べましたが、諦めました。「埋め込みツイート」が Twitterの仕様変更に依存しているので、サイト側で変更してもすぐに元に戻ってしまうからです。「twitter-tweet」のクラスを...
[WordPress] 脚注のプラグインを入れてCSSを変更した【Easy Footnotes】 とりあえずのメモ

[WordPress] 脚注のプラグインを入れてCSSを変更した【Easy Footnotes】

脚注のプラグインを入れました。定番の「Easy Footnotes」です。脚注のメリットは、根拠を添えておけることだよね。Easy Footnotesのショートコード(efn_note)「Easy Footnotes」は、プラグインの追加で検索するとインストールできます。段落ブロック内にショートコードを挿入すると、脚注になります。[efn_note]ここに文章を入れる[/efn_note]マウスポイントでツールチップが表示されるのと、記事末尾に注記が並びます。スマホだと、脚注...
「オープンソース」とは? プログラミング

「オープンソース」とは?

「オープンソース」とは、プログラムを開発するときに、そのソフトウェアのコード(設計図)を公開することです。つまり、オープンソースになっているプログラムは、誰でも自由に使えるし、自分で改良して使うこともできます。
[Cocoon] ブログカードをラベルボックスのように表示するCSS プログラミング

[Cocoon] ブログカードをラベルボックスのように表示するCSS

カタカナ用語は、はじめて目にする人には意味がわかりにくいものです。記事の中で共通して使われる用語説明を、挿入しやすいように、「ブログカード」を活用することにしました。ブログカードでは、スニペットという概要を表示できます。用語と説明を小さな記事にしておけば、ブログ内に挿入できます。「word-description」というHTMLクラスへのスタイルシートで「ラベルボックス」のように表示させてみます。こちらがスタイルシートです。不要な項目を非表示(display: none;)に...
ChatGPTで擬似コードを計算させたら「空気を読む」だけだった【言語モデルはプログラム処理系ではない】(GPT-3) AIの話題

ChatGPTで擬似コードを計算させたら「空気を読む」だけだった【言語モデルはプログラム処理系ではない】(GPT-3)

ChatGPTに擬似コードを与えると、解釈して実行結果を表示できるようです。しかし、ちょっと試してみると その「ハリボテ感」にも気づかされます。一見、本当っぽい出力なのですが、全く正しくないのです。これは「言語モデル」のもつ、必然の性質です。擬似コードの演算結果に見えるものは、「演算」しているわけではありません。これまでの文書データからの「推測」を言っているだけなのです。けして万能ではないんですよね。用途に応じて使い分けることが大事。環境ChatGPT 3 (2023年3月2...
「プログラミング教育より国語力」説は生成AIの台頭で正しくなった【プロンプト エンジニアリング】 AIの話題

「プログラミング教育より国語力」説は生成AIの台頭で正しくなった【プロンプト エンジニアリング】

対話型AI がプログラムを生成できるようになった現在、「プログラミング教育」をどう考えたらいいのでしょう?1つは、プログラミング知識自体は、自分の思い通りのプログラムを作るためには必要ということです。ただし、「読み書き計算」のような誰でも必要な「基礎的なスキル」にはならず、これまで通り「専門的なスキル」のままになるかもしれません(大工職人のような)。もう1つは、プログラミングの技術よりも、「問いを立てる力」の方が重視されていくように思います。そもそも「問い」に気づかなければ、...
[WordPress] 投稿月でグループ分けした月別PV集計表を見るためのカスタムプラグインを作った【ChatGPTと】 とりあえずのメモ

[WordPress] 投稿月でグループ分けした月別PV集計表を見るためのカスタムプラグインを作った【ChatGPTと】

一ヶ月分のブログ公開がどれぐらいのページビューにつながっているのか、集計する自分用のWordPressプラグインを作成しました。自分にとっては未経験の分野でしたが、対話型AI「ChatGPT」に相談してみると、使える叩き台を用意してくれました。WordPressプラグインづくりははじめてでしたが、かなりの時間短縮。無事に完成しました。アクセス集計プラグイン一ヶ月分のブログ公開が、どれぐらいの成果になっているのか知りたいことがあります。これまでは、Google Analytic...
[Excel] 「=25%%」は計算できる?【パーセント表示と演算子】 Word・Excelなど

[Excel] 「=25%%」は計算できる?【パーセント表示と演算子】

「=25%%」の計算結果は、「0.0025」になります。Excelの数式内の「%」は、左の被演算子を100で割る 単項演算子だからです。ただし、数式でない場合は、「25%%」は文字列になってしまいます。数式「=25%%」Excelの数式「=25%%」の計算結果は、「0.0025」になります。数式内の「25%」は、単位付きの定数ではなく、「25/100」という式を表しています。従って、「25%%」は、まず「25 / 100 = 0.25」を計算し、さらに「0.25 / 100」...
[CSS] ブログの記事一覧をInstagramっぽくしたい(いったん断念) とりあえずのメモ

[CSS] ブログの記事一覧をInstagramっぽくしたい(いったん断念)

ひとこと日記のアイキャッチ画像を、Instagramのように大きく表示できるようにしたいと思いました。カスタムHTMLウィジェットでスタイル設定カスタムHTMLのウィジェットで、styleを追加すると、特定のページにスタイルを追加できました。<style>.entry-card-snippet { display: none;}figure.entry-card-thumb { padding-bottom: 0em;} .entry-card-thumb { width: ...
[Cocoon] 表のスタイルで縦線をなしにした【横線のみのtable】 とりあえずのメモ

[Cocoon] 表のスタイルで縦線をなしにした【横線のみのtable】

最近は、表のデザインで、縦の枠線を付けないことが多いようです。Spotifyの「支払いに問題がある」?【クレジットカード情報の更新】より確かに、スッキリした印象になります。ブログ内の表を CSS を変更してみました。「border-width: 2px 0px;」という箇所が肝。横線(border-top, border-bottom)は 2px縦線(border-left, border-right)は 0px に指定されます。/** 表の枠の色(縦線なし) 2023-03...