スポンサーリンク
JavaScript

JavaScript(ES2015, ES6)でオブジェクトをコピーする方法

概要 ES2015から導入された分割代入を使うと、オブジェクトのコピーを簡単に記述することができる。 const obj = {name: 'hoge', age: 20}; const newObj = { …obj }; ES5の場合 Object.assign()を使う。 var obj = {name: 'hoge', age: 20}; var newObj = Object.assig...
2020.09.03
JavaScript
JavaScript

【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

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

概要 WordPressのエディタには「続きを読む」というものがある。ブロックエディタでは「レイアウト要素」の中にあり、記事の続きやネタバレしてしまうような内容を隠すために使われる。 「続きを読む」をクリックすると以下のようになる。 しかし、これは対応しているテーマでしか機能しない。公式テーマのTwenty NineteenやTwenty Twentyであれば正常に動作するが、第3者が作成したテー...
2020.08.13
WordPress
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が刷新される。メニューバーにコントロールセンター...
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
Node.js
サーバ(書評)

「Amazon Web Servicesネットワーク入門」の感想・備忘録

Amazon　Web　Servicesネットワーク入門posted with ヨメレバ大沢文孝 インプレス 2016年11月 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 書籍「Amazon Web Servicesネットワーク入門」のまとめ。 点数 95点 感想 素晴らしい書籍だった。 VPC、サブネット、インターネットゲートウェイ、NAT...
2020.07.30
サーバ(書評)
ノウハウ・知識

JetBrains IDEでscriptタグのインデントを無効にする方法(IntelliJ IDEA,WebStorm,PHPStorm,RubyMinなど)

JetBrains製のIDEでは、HTMLファイルのscriptタグ内はインデントされてしまう。 Preferences⇒Editor⇒Code Style⇒HTML⇒Do not indent children of、に「script」を追加すると、インデントされなくなる。
2020.07.26
ノウハウ・知識
React(書評)

「React実践入門」の感想・備忘録

Kindle本「React実践入門」のまとめ。 点数 78点 感想 React 16.8 で追加されたフックの説明がメインだった。今はクラスコンポーネントを使っているので、関数コンポーネントを使う時がきたらもう一度読みたい。著者の書籍は、実用的でわかりやすい。 npxコマンドでインストールも行う ローカルにインストールされていないパッケージをnpxコマンドで指定した場合、パッケージをインストールし...
2020.07.23
React(書評)
ノウハウ・知識

ブラウザのオートコンプリートの履歴(入力履歴)を個別に削除する方法

概要 フォーム入力していると、過去に入力した値が候補として表示されるのが邪魔になることがある。 ブラウザの設定画面から履歴を削除すると、全ての履歴が削除されてしまう。 個別に削除するには、【↓】キーを押して、またはマウスカーソルを移動して、削除したい履歴を選択してから以下のキーを押す。 Google Chromeの場合 Windowsの場合 【Shift】キー + 【Delete】キー Macの場...
2020.07.17
ノウハウ・知識
スポンサーリンク
次のページ