2020年8月 | 上尾市のWEBプログラマーによるブログ

【JavaScript】任意の位置へスクロールさせる方法

概要 JavaScriptで任意の位置へスクロールさせる方法はいくつかある。document.documentElement.scrollTopはブラウザのバージョンによっては動作しない。(Microsoft Edgeなど)要素.scrollIntoView()またはwindow.scrollTo(x, y)を使った方がよい。要素.scrollIntoView() window.scrollTo...

2020.08.27

JavaScript

CSS

【CSS】nth-of-type(n)はクラスに指定しても効かない？

概要よく勘違いしてしまうのだが、CSSの擬似クラスnth-of-type(n)はクラスに指定した場合でもnの対象としてカウントされるのは要素(タグ)である。サンプル <ul> <li class="hoge">11111</li> <li>22222</li> <li class="hoge">33333</li> <li class="hoge">44444</li> <li class="...

2020.08.20

CSS

【WordPress】続きを読む(moreタグ)が効かない・機能しない原因

概要 WordPressのエディタには「続きを読む」というものがある。ブロックエディタでは「レイアウト要素」の中にあり、記事の続きやネタバレしてしまうような内容を隠すために使われる。「続きを読む」をクリックすると以下のようになる。しかし、これは対応しているテーマでしか機能しない。公式テーマのTwenty NineteenやTwenty Twentyであれば正常に動作するが、第3者が作成したテー...

2020.08.13

WordPress

「Mac Fan 2020年9月号」の感想・備忘録

posted with ヨメレバAmazonで見るKindleで見る雑誌「Mac Fan 2020年9月号」のまとめ。点数 35点感想 macOS「Big Sur」、iOS14、iPadOS14、の新機能が紹介されていた。これといって興味を引くものはなかった。 Big Sur 2020年秋にリリースされる新macOS「Big Sur」ではUIが刷新される。メニューバーにコントロールセンター...

2020.08.11

Mac Fan

Node.js

npm runコマンドとnpxコマンドの使い方

npm runコマンド (npm srcipts)とは？ Node.jsをインストールすると、npm run xxxで任意のコマンドを実行できるようになる。これはnpm scriptsと呼ばれ、任意のコマンドのショートカット（エイリアス）を定義することができる機能である。 npm runコマンド (npm srcipts)の使い方 package.jsonのscriptsに実行したいコマンドを定義...

2020.08.06