上尾市のWEBプログラマーによるブログ

「JavaScriptでのWeb開発Node.js Express + MongoDB + ReactでWebアプリを開発しよう〜その1 〜」の感想・備忘録

posted with ヨメレバAmazonで見るKindleで見る kindle本「JavaScriptでのWeb開発Node.js Express + MongoDB + ReactでWebアプリを開発しよう〜その1 〜」のまとめ。点数 63点感想あまり良い内容ではなかった。雑な説明が多く、特にPassportの説明は不明な点が多かった。MongoDbに触れることができた点はよかった。...

2020.09.17

JavaScript(書評)

Macのコンピュータ名を変更する方法(macOS Ventura 13まで)

こちらの記事はmacOS Ventura 13までの内容となっています。macOS Sonoma 14の場合は以下の記事にまとめてあります。 > システム環境設定 > 共有共有「コンピュータ名:」を編集して、好きなコンピュータ名に変更することができる。

2020.09.15

Mac

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

posted with ヨメレバAmazonで見るKindleで見る雑誌「Mac Fan 2020年10月号」のまとめ。点数 65点感想ソフトやアクセサリの紹介記事が参考になった。新型27インチiMac 2020年8月に新しい27インチiMacが発売された。CPUとGPUの性能がアップしている。フュージョンドライブは廃止され、フルSSDとなった。 Retinaディスプレイとは Retin...

2020.09.14

Mac Fan

【JavaScript】ドラッグアンドドロップAPIの使い方と動作しない時の原因

Drag & Drop APIとは Drag & Drop APIは要素をドラッグアンドドロップすることができるHTML5のAPIであり、ほぼ全てのブラウザで動作する。（※スマートフォンでは動作しない） Drag & Drop APIの使い方ドラッグドラッグしたい要素にdraggable="true"を付ける。 <p id="draggable" draggable="true" style=...

2020.09.10

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で任意の位置へスクロールさせる方法はいくつかある。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

Node.js