2020-08

スポンサーリンク
JavaScript

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

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

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

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

「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が刷新される。メニューバーにコントロールセンター...
Node.js

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

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