特定の倍数に数値をまとめたい。 なにをいっているのだろうと思われたかもしれないので、実例をどうぞ。 実例 ユーザーが数値を入れるインプットエリアがあるとする。 ユーザーは任意の数字を入れることができる。 その結果を10の倍数にまとめたい。 つまり、24とユーザーが記入した場合は「20」が期待値になる。 ということがやりたい。 実装方法 じゃ、どうするのか。 まずは実装済みのものをどうぞ↓（うまくコンパイルできない時があるので、下の更新ボタンをクリックしてください） inputエリアに数字を入れていくと、5で10、14で10、15で20になっていることが確認できる。 つまり24と入力すれば「20」が表示される、期待値通り。 特定の倍数に数値をまとめるコード const changeNumber = () => { const unit = 10; const el = Math.round(num.value); result.value = Math.round(el / unit) * unit; }; inputエリアのvalueが更新された時、 まずはvalueを丸める。 つまり、2は0、5は10になる。 その値を最初に定義した値（丸めたい倍数）で計算する。 実際に24が入力された時、 24を丸めて20にする。 その値を10で割って10でかける。 20 / 10 * 10 = 20 結果20になる。 なんかこうやってみるともっと簡単な方法がある？ まあ、期待値は取り出せたので、良しとする。 理系の人、ぜひ教えてください。

本記事はリード文をカスタムフィールドで書いている。 が、カスタムフィールドないでいくら改行しても改行が記事に反映されないので、調査、修正してみた。 まず、そもそものコードは <?php $item_lead = get_post_meta($post->ID, 'item_lead', true); echo $item_lead; ?> という形で吐き出していた。 が、これだとcssは当たるが、改行が反映されない。 どうやらこれは調べてみると仕様っぽい。 コードによる解決方法が見つからなかったので、すこし無理やりだが、改行を判定し、pタグで囲むようにした。 実際のコードは、 $values = explode("\n", get_post_meta($post->ID, 'item_lead', true)); foreach ($values as $value) { echo "<p>" . $value . "</p>\n"; } ?> という形に修正した。 やっとこととしては、まずexplode()で取得した文字列を改行コードで分割する。 分割した値を回し、pタグで囲っていく。 ただそれだけ。 少し無理やりかもしれないが、改行が反映されるようになった。

上位を目指してみるなんて言ってみたが、現状（12月11日）本サイトをGoogleに認識されていない。 助けて‼「検出 – インデックス未登録」とか文句言ってGoogleがなかなかインデックスしてくれないの😱 色々、調査中である（12月12日にインデックスされ解決した）。 で、調査中において、MicrosoftのBing Webmaster Toolsが非常に便利だったので、ぜひとも後世に残しておきたい。 Bing Webmaster Toolsとは？ Bing Webmaster Tools Bing Webmaster Toolsアカウントを使用すると、検索最適化計画（SEO）を非常に簡単に開始できます。ウェブマスターツール内では、SEOセクションの下に、バックリンクの調査、キーワードの調査、サイトや個々のURLのSEOエラーの分析などのタスクに役立つツールのリストが表示されます。 SEOレポートは、アカウントで確認したドメインで隔週で自動的に実行されます。したがって、月に約2回、SEOで対処する必要のある項目に関する提案を含む最新のレポートが表示されます。 つまりbingの検索エンジンで上位に来るように色々調査できるというもの。 つまりつまり、サーチコンソールのbing版というもの。 登録方法は割愛中 登録方法とかは別に難しいこともないので割愛する。 １つアドバイスとすればサーチコンソールを先に登録したほうがいい。 なぜかというと、Bing Webmaster Toolsはサーチコンソールのデータを引き継ぐことができるのである。 つまり、サーチコンソールに登録しておけばBing Webmaster Toolsに登録するのが楽になる。 で、何が優秀なのか 話を戻すことにして、優秀な機能の１つとしてサイト スキャン機能がある。 これはサイトのエラーや警告を通知してくれるのである。 seo > サイト スキャン > 新しいスキャンを開始 で、調査が始まる。 後はメールで通知してくれるので、待つだけである。 結果は非常にわかりやすい。 Meta Description タグがありません 画像がない場合の Alt 属性 Meta robots タグに制限付きのロボット ディレクティブが含まれています タイトルが長すぎます Meta Description が長すぎるか短すぎます こんなに具体的に教えてくれるので、修正もしやすい。 サーチコンソールとは違ってわかりやすい サーチコンソールだとこうはいかない。 サーチコンソールは漠然としたことしか教えてくれない。 「検出 - インデックス未登録」みたいな感じで、どうしてそうなったのかを教えてくれないのである。 それに比べて「Bing Webmaster Tools」は丁寧なこと、この上ない。 もちろん、この丁寧に教えてくれるエラーを解消したところで、「検出 - インデックス未登録」が直るわけではないのだが、人間全くわからないよりはすこしでも分かっている方が、落ち着くのである。 そういう意味でも「Bing Webmaster Tools」は技術だけでなく、心にもいいツールであると言える。

コメント投稿機能が表示されない ブロガー朝のルーティン 朝起きてから自身の予約投稿した投稿が、無事に公開されているか確認する。 そんなブロガーであり、目覚めの悪い私が驚き飛び起きたのには訳がある。 コメント投稿欄が非公開になっていたからである。 11月、機能追加したコメント投稿機能がうまく動作していなかったのかしら、と他ページを見てみたところ、どうやら問題なく表示されている。 どうしてこのページだけ、投稿機能が動作しないのか。 長いバグ修正の旅に 長い長い、そして結論はいたってシンプルであったバグ修正の旅に出る。 まずは同じ現象が起きているページを探してみる。 結果、2ページが該当した。 該当したのは下記ページ（現在は正常に動作中なので、コメントください）。 アドセンスでサブドメインが使用できなかったので、ルートから301リダイレクトして対処した nove月次報告書（2021年11月）-初月の収益を公開- この２つにはいくつかの共通点があった。 ひとつは、カテゴリが「メディア」であるということ。 ひとつは、今月機能追加で採用したショートコード管理プラグインが動作しているということ。 そこでふたつの共通点を順に調査していくことに。 カテゴリが関係しているのか まず、カテゴリについて実験してみる。 他の記事をメディアカテゴリに移管する→投稿機能は無事に動作している。 該当記事を他のカテゴリに移管する→投稿機能は変わらず表示されない。 つまり、カテゴリは今回のバグに関係ない。 プラグインが関係しているのか 次にショートコード管理プラグインを疑ってみる。 この時点で私は相当このプラグインを疑っていた。 だからプラグインなんて採用するものじゃない、なんて悪態すらついていた。 そんな心境でデバックを開始する。 まずはプラグインを無効にしてみる→該当ページの投稿機能は変わらず表示されない。 他の記事に上記プラグインを使用してショートコードを挿入する→投稿機能は無事に動作している。 該当ページにあるショートコードの記述を削除してみる→投稿機能は変わらず表示されない。 つまり、プラグインは問題ない。 そもそも評価4.1かつ多くの人が使用しているプラグインを疑うくらいなら自身の作成したテーマを疑うべきである。 というわけで、自作テーマを見返したが、どうにも原因となる部分は見つからない。 解決編 そこでいろいろ調べていると、 ダッシュボード > 投稿 と移動し、 該当する投稿の「クイック編集」で「コメントを許可」にチェックを入れてみてください。 という記述を見つけた。 まさか、と思い上記手順で確認してみたところ、どうしてか知らないが、チェックが外れている。 唖然としつつ、チェックをいれ、再度ページを見ると、無事にコメント機能が動いていた。 また、つまらぬことに時間を割いてしまった、なんて内心解決にほっとしている気持ちを隠しつつ、ハードボイルドに言ってみたりする。 共通点ある、なんてどっかの私立探偵のみたいなセリフは何も生み出さなかった。

以前、reactをインストールする方法を書いたが、今日（2021年12月22日）急にインストールができなくなった。 react でプロジェクトを作成する You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app The latest instructions for creating a new app can be found here: https://create-react-app.dev/docs/getting-started/ というエラーが出てくる。 なにうえ、と調べるといくつかヒットした。 キャッシュを消せとか、色々出てきたので、検索して試してみるといいと思われる、が。 私にはどの方法もうまくいかなかった。 で、結局うまくいったのは…下記の通り。 これが正解…？ npx clear-npx-cache C:\Users\{name}\AppData\Roaming\npm-cache 削除 npm init npx create-react-app myapp これが正解なのだろうか。...