# ブックマーク

URL: https://webrandum.net/bookmark/
公開日: 2020-01-05
更新日: 2020-01-05
出典: Webrandum（著者: サイトウ マサカズ）

このブログ内の定期的に見返す記事をまとめました。

管理人である自分自身のために作った一覧のため、見返さなくなった記事は予告なくこのリストから削除されますし、逆に見返すようになった記事は追加されていきます。修正されていくことを予めご了承下さい。

## 特に見返すもの

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/12/eyecatch-31.jpg)Macの基本操作をラクにするために使っているユーティリティアプリhttps://webrandum.net/mac-utility-application-2020Macの基本的な操作をラクにするために使っているユーティリティアプリをまとめました。こういうのもはコツコツ設定や使い方を積み重ねていくものなので、一気にインストールしたり、いきなり実践投入するのはオススメしませんが、何か刺さるものがあれば、ぜひインストールして使ってみてください。アプリ名内容Alfred高機能なランチャーアプリKeyboard Maestroアクションを組み合わせて、Macを操作するKarabiner-ElementsキーリマップアプリPath FinderFinderの代替アプリBetterTouchToolジェスチャーやショートカットキーを追加するD...](https://webrandum.net/mac-utility-application-2020)

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/eyecatch-9.jpg)技術的な文章を書く時の自分ルールhttps://webrandum.net/technical-writing-rule-2019技術的な文章（主にこのブログ）を書く時のルールをまとめました。完全に自分用ですが、参考にしてください。また、何か間違っている部分や「こうした方がいい」という部分ありましたらご指摘ください。文章に関して本文の書き方 本文はですます調で統一する（適切に体言止めを使用して文章が長くなるのを防ぐ） 本文中の括弧は全角で表記する：（）「」［］ 数字に関しては半角で統一する：12345 「できる」「こと」などは適切にひらがなにする 「〜する事ができます」「〜になります」などの冗長な言い回しは使わない 「〜だと思いま...](https://webrandum.net/technical-writing-rule-2019)

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/08/eyecatch-15.jpg)記事用のスクリーンショットを撮るときに気をつけていることhttps://webrandum.net/how-to-take-article-screenshot自分はブログを毎日のように書いているので、ふとした瞬間に記事用のスクリーンショットが撮れるように色々と工夫しています。今回は、記事用のスクリーンショットを撮るときに、自分が気をつけていることをまとめました。メニューバーは撮影するアイコン以外隠すメニューバーのアイコンに関しての撮影をするとき、不要なアイコンはBartender 3というアプリで隠すようにしています。見比べると分かりますが、関係のないアイコンがごちゃついていると見ている人の気が散ってしまいます。Bartender 3以外にも、BetterTouchToolを使えばBe...](https://webrandum.net/how-to-take-article-screenshot)

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/03/eyecatch-21.jpg)他人と共通認識を得るために必要な記号・括弧の正式名称一覧https://webrandum.net/sign-name人に操作やコードを教える時に、入力して欲しい記号をどう説明していいか分からず困ってしまうことがあります。今回は記号の正式な名前や、どうすれば伝わるのかをまとめてみます。記号前提として、ただただ正式名称を言うだけでなく、相手に伝わることが大切です。例えば「シャープ（♯）」は今の若い子には「ハッシュタグ（#）」と言ってあげた方が伝わるかもしれません（厳密には別の記号ですが、キーボード上ではそれで伝わる）。記号正式名称その他の呼び方・言い回し!エクスクラメーションマーク（感嘆符）ビックリマーク?クエス...](https://webrandum.net/sign-name)

## Mac全般

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/02/eyecatch-8.jpg)MacのSIPのオン・オフを切り替える方法https://webrandum.net/mac-sipmacOS Sierra以降のMacにはSIP（System Integrity Protection）という機能が追加されました。これは簡単に説明するとMacの重要な部分（根幹となる部分）にアプリがアクセス出来ないようにしているロック機能のようなものです。デフォルトではオンになっているのですが、それだとFinderを拡張するアプリ等の使用が出来ません。例えば、Path Finderというアプリだと「FinderをDockから削除する項目を追加する」機能をオンにするためにSIPの設定を一度オフにする必要があります。利用するためには、「SIPを一旦オフにする」→「アプリの設...](https://webrandum.net/mac-sip)

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/03/eyecatch-15.jpg)Macの外部ディスプレイで特定の画面だけミラーリングさせる方法https://webrandum.net/mac-display-mirroringちょっと特殊なシチュエーションなのですが、社内勉強会などでMac本体のディスプレイと外部ディスプレイ2台を接続していて、その2台だけをミラーリングさせたい時があります。片方のディプレイは自分の近く、もう片方のディスプレイは皆の見える位置に置くことで、自分は操作がしやすいですし、他の人は見やすい状況を作れます。特定画面だけミラーリングする方法システム環境設定の［ディスプレイ］→［配置］を開きます。（Alfredを入れているのであれば「display」で検索かけると素早く開けます）下の「ディスプレイをミラーリング」...](https://webrandum.net/mac-display-mirroring)

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/02/eyecatch-1.jpg)ショートカットキーを考える時に参考となる英単語一覧https://webrandum.net/shortcut-wordデザインツールを使っている人にTキーにどんなショートカットが割り当てられているか聞けば、大体答えは「文字関連」になるはずです（Textの頭文字）。このように、英単語の頭文字をショートカットキーと対応させておくと覚えやすくなります。デフォルトでそのように設定されているアプリがほとんどですが、アプリによっては同じ機能なので微妙にキーが違っている場合もあるので、覚えやすい（使いやすい）ものに統一して設定しておきましょう。そこで今回は、ショートカットキーを考える時に使えそうな英単語や、よく設定されている機...](https://webrandum.net/shortcut-word)

## コーディング

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/02/eyecatch.jpg)ダミーとして使うURLは適当に入力せず、決まったものを使うようにしようhttps://webrandum.net/dummy-linkWeb制作を行う上で、ダミーリンクを使う事がたまにあります。「具体的にこれというものが決まっているわけではないが、とりあえずURLが必要」という状況です。そんな時、適当なものを設定していないでしょうか？今回はダミーリンクとして適切なものについてです。実際に利用されている場合があるダミーリンクを設定する時、例えば以下のようなリンクを設定していないでしょうか？ sample.com test.com hoge.com実はこれらのURLは、実際に存在しているリンクなのでアクセスできてしまいます。「ダミーだし誰もアクセスしないから別に何...](https://webrandum.net/dummy-link)

### JavaScript

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwebrandum.net%2Fjavascript-get-element?w=160)JavaScriptでの要素の取得方法のまとめhttps://webrandum.net/javascript-get-elementピュアなJavaScriptで要素を取得したいとき、getElementByIdなら覚えているのですが、他のものになると忘れてしまうときがあるので、メモも兼ねて基本操作と一緒にまとめておきます。要素の取得方法一覧まずは要素の取得方法から、querySelectorとquerySelectorAllがjQueryを使っていた人には馴染み深いと思いますので、基本的にはそれを使っていていいように思います。取得できる要素取得方法iddocument.getElementById('id');classdocument.getElementsByClassName('class');HTMLタグdocument.getElementsByTagN...](https://webrandum.net/javascript-get-element)