Mac Macのコンピュータ名を変更する方法(macOS Ventura 13まで)
こちらの記事はmacOS Ventura 13までの内容となっています。macOS Sonoma 14の場合は以下の記事にまとめてあります。 > システム環境設定 > 共有 共有 「コンピュータ名:」を編集して、好きなコンピュータ名に変更することができる。
2020
Mac 
Mac Fan 「Mac Fan 2020年10月号」の感想・備忘録
posted with ヨメレバAmazonで見るKindleで見る 雑誌「Mac Fan 2020年10月号」のまとめ。 点数 65点 感想 ソフトやアクセサリの紹介記事が参考になった。 新型27インチiMac 2020年8月に新しい27インチiMacが発売された。CPUとGPUの性能がアップしている。フュージョンドライブは廃止され、フルSSDとなった。 Retinaディスプレイとは Retin...
JavaScript 【JavaScript】ドラッグアンドドロップAPIの使い方と動作しない時の原因
Drag & Drop APIとは Drag & Drop APIは要素をドラッグアンドドロップすることができるHTML5のAPIであり、ほぼ全てのブラウザで動作する。（※スマートフォンでは動作しない） Drag & Drop APIの使い方 ドラッグ ドラッグしたい要素にdraggable="true"を付ける。 <p id="draggable" draggable="true" style=...
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...
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に実行したいコマンドを定義...
サーバ(書評) 「Amazon Web Servicesネットワーク入門」の感想・備忘録
Amazon Web Servicesネットワーク入門posted with ヨメレバ大沢文孝 インプレス 2016年11月 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 書籍「Amazon Web Servicesネットワーク入門」のまとめ。 点数 95点 感想 素晴らしい書籍だった。 VPC、サブネット、インターネットゲートウェイ、NAT...