[21/10/20] Webページの一部を一時的に削除/非表示に

■◇◇■ 週刊なにしろパソコン ■◇◇■ 毎週水曜日発行 ■◇◇◇■
  パソコン・インターネットを   発行日:2021/10/20(配信は翌日)
  楽しむキッカケを提供します!  発行者:なにしろパソコン編集長
  https://www.724685.com/maga/  連絡先:faq@724685.com
■◇◇◇■ 第993号 ■◇◇◇◇■ 今週の読者数: 3,915名 ■◇◇◇■

 ≪今週の目次≫
  (1) 今週のひとこと 「DevTools」を紹介するべきか少し悩みました
  (2) 今週のQ&A  Webページの一部だけ一時的に削除/非表示にする
  (3) 新・用語解説  「元に戻す」操作とそのショートカットキーとは
  (4) 編集後記    いまさらですが「元に戻す」をおさらいしました
  ※直接ジャンプ! 今週のQ&A今週の用語解説編集後記
 ☆ 配信中止ご希望の方は以下の「まぐまぐ!」の公式ページで「登録
   する」の下にある「メールマガジンを解除」から解除できます。
            → https://www.mag2.com/m/0000081405.html

  ・ すべてのバックナンバー https://www.724685.com/maga/
  ・ パソコントラブルQ&A https://www.724685.com/weekly/
  ・ パソコン用語解説    https://www.724685.com/word/
  ・ お問い合わせフォーム  https://www.724685.com/ask/


=========================== [Top に戻る]
 (1) 今週のひとこと 「DevTools」を紹介するべきか少し悩みました
----------------------------------
      ☆「今日のひとこと」はこちらで https://www.724685.com/

 初心者向けではない「DevTools」を紹介するかどうか少し悩みました。

 ◆ ブラウザーの「DevTools(開発者ツール)」とは
  https://www.724685.com/word/wd211006.htm

 でも、全画面表示の「F11」キーを押そうとして間違って「F12」キーを
 押してしまえば「DevTools」が初心者であろうと表示されてしまうので、
 「DevTools」が何で、どうすれば現れ、閉じられるかを解説しました。


 そこで、せっかく「DevTools」を解説したなら、その一機能で上級者で
 なくても使える「デバイスのツールバーを切り替え」も紹介しました。

 ◆ 「DevTools」で「デバイスのツールバーを切り替え」とは
  https://www.724685.com/word/wd211013.htm

 さらに今週は「要素を削除」も紹介したのですが、さすがにこれは少し
 難しかったかもしれません。それでも何かの参考になれば嬉しいです。


=========================== [Top に戻る]
 (2) 今週のQ&A Webページの一部だけ一時的に削除/非表示にする
----------------------------------
    ☆「パソコントラブルQ&A」 https://www.724685.com/weekly/

 Q:Webページで広告など一部だけ一時的に削除や非表示ができますか?

 A:「DevTools」を使えば選択した「要素」を削除/非表示できます。


                ◆◇◆

 ブラウザーの「DevTools」についてはすでに解説しています。
 
  ◆ ブラウザーの「DevTools(開発者ツール)」とは
   https://www.724685.com/word/wd211006.htm

 この「DevTools」を使うと「検証」している Webページを構成している
 「要素」を一時的に削除したり非表示にすることができます。


 手順は簡単で、削除したい部分、たとえば広告の上にマウスポインター
 を合わせ、右クリックしたメニューで「検証」を選択します。

 すると画面右に「DevTools」が現れ、左画面で先ほど選択した広告部分
 と右画面の「要素」に表示されるソースコードの一部がグレイ表示され、
 お互いに連動しているのが分かるはずです。


 そこで左画面の削除したい広告全体がうまくグレイ表示になっていたら、
 右画面のグレイ表示となっているコード部分を右クリック、メニューで
 「要素を削除」を選択すれば左画面の広告表示も削除できます。

 といっても、一時的に自分のブラウザー上で広告のコードと表示を削除
 しただけなので、Webページを「F5」キーなどで「再読み込み」すれば
 元の表示に戻せるので「要素を削除」しても問題ありません。

 ※ 直前の削除だけ取り消したいときは「Ctrl + Z」が使えます。


 メニューから「要素を削除」ではなく「要素を非表示」を選択した場合、
 左画面で選択した部分に穴が開いたような表示になって、レイアウトは
 そのままとなるので、目的によって使い分ければいいでしょう。

 右画面で「要素」のコード上をなぞるようにマウスポインターを移動
 させると、左画面のグレイ表示部分も連動して移動するので、必要な
 「要素」を絞り込めます。これはサイト作成の勉強にもなります。


 削除や非表示だけでなく「テキストを編集」や「HTMLとして編集」も
 できるので、Webページの文章や画像も削除や変更も可能です。
 
 このときも一時的に自分のブラウザー上で表示を編集しただけなので、
 実際の Webページを改ざんする、といったことにはならないので個人
 で楽しむ範囲であれば問題ありません。


                ◆◇◆

 当然、編集で内容を変更した Webページ画面をキャプチャーや印刷して、
 間違った情報を広めるのに利用してはいけません。その逆に Webページ
 の表示は簡単に編集でき、悪用さえ可能なことを覚えておきましょう。

 有名サイトに似せて本物らしい Webページを作成することは難しくなく、
 そのことを悪用した「フィッシング詐欺」が跡を絶たないわけです。

 ◆ 「フィッシング」とは情報をだまし取る詐欺の手口
  https://www.724685.com/word/wd121024.htm

 Webページに個人情報を入力する前など必ずアドレス確認をしましょう。


=========================== [Top に戻る]
 (3) 新・用語解説 「元に戻す」操作とそのショートカットキーとは
----------------------------------
         ☆「パソコン用語解説」 https://www.724685.com/word/

 ・パソコンで「元に戻す」とは、直前に実行した操作を取り消す操作で、
  基本的には画面を右クリックして現れるメニューから「元に戻す」を
  選択するか、ショートカットキー「Ctrl + Z」を使って操作します。

  すべての操作を「元に戻す」ことはできませんが、Windows やアプリ
  の多くの操作に対して「元に戻す」ことが可能なので、何かの操作を
  した直後にやり直したいと思ったら試す価値は十分にあります。


 ・よくあるのが「削除」や「変更」「移動」してしまった後に、やはり
  取りやめにして元に戻したくなる場面です。たとえば

  ・「ごみ箱」に必要なファイルを「移動」してしまった
  ・「Excel」で必要な行なのに「削除」してしまった
  ・「Word」でフォントを「変更」したけど元のほうがよかった
  ・「PowerPoint」で必要なスライドを「削除」してしまった

  といった場合、すかさず「Ctrl + Z」を使えばいいのです。

  特に「Excel」「Word」などのアプリは何段階もの操作を一段階ずつ
  たどるように「元に戻す」ことが可能なので使いこなしたい操作です。


============ ◇ 編集後記 ◇ =======[Top に戻る]

 「元に戻す」は基本操作なので何度も取り上げています。

 ◆ 「上書き保存」したら二度と元には戻せない?
  https://www.724685.com/weekly/qa090204.htm

 ◆ 「ショートカットキー」が身につく覚え方
  https://www.724685.com/weekly/qa090128.htm

 ◆ ファイルを「ごみ箱」に移動する/元に戻す方法
  https://www.724685.com/weekly/qa110413.htm

 それでも「元に戻す」とそのショートカットキー「Ctrl + Z」に絞って
 紹介したことはなかったし、「今週のQ&A」にも出てきたこともあり
 今週の「用語解説」で取り上げてみました。

 操作を間違えても多くの場合で「元に戻す」ことができる、このことが
 パソコンの最強メリットのひとつだと思っています。「元に戻す」こと
 ができるから気軽に操作できる、といっても過言ではないでしょう。

                           (編集長・林)

 ※ 次回の配信は 2021年10月28日(木曜日)の予定です。

元元元元元元元元元元元元元元元元元元元元元元元元元元元元元元元元元元

  ※当メールマガジンの配信は「まぐまぐ(https://www.mag2.com/)」
   のシステムを使用しています。(マガジンID:81405 殿堂入り!)

  ※購読の解除は、以下の「まぐまぐ!」公式ページで「登録する」
   の下にある「メールマガジンを解除」から解除できます。
   https://www.mag2.com/m/0000081405.html
               ↓
   分からない、うまく解除できない場合は、当メルマガをそのまま
   返信いただけば、解除依頼と判断して代行させていただきます。

  ◆ご意見ご希望は電子メールで!アドレスは faq@724685.com
   またホームページからでもご意見をお送りいただけます。
   「お問い合わせフォーム」 https://www.724685.com/ask/


★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★

 発行者:なにしろパソコン編集長 林 俊二 faq@724685.com
 関連ホームページ:

  ◆ なにしろパソコン.com  https://www.724685.com/
  ◇ 週刊なにしろパソコン  https://www.724685.com/maga/

  ◆ 今日のひとこと・ブログ https://www.724685.com/blog/
  ◇ パソコントラブルQ&A https://www.724685.com/weekly/
  ◆ パソコン用語解説    https://www.724685.com/word/

  ◇ なにしろパソコン編集長 - Twitter
                https://twitter.com/724685
  ◆ なにしろパソコン - Facebookページ
                https://www.facebook.com/724685.fan
  ◇ なにごとも経験・ブログ https://www.nanigoto.com/


 ◎本文の著作権は発行者に属します。無断引用・転載はご遠慮ください。
  (家族や友人への転送や、個人的に楽しむ範囲ではご自由にどうぞ)

 ◎記述に誤りがあったり、記述通りの作業をしても無効、あるいは損害
  等が生じた場合でも責任は負いかねます。どうか、ご了承ください。

★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★

amazon 楽天

紹介&バックナンバー

編集長のプロフィール

編集長

林 俊二 と申します。「なにしろパソコン・ドットコム」のサイト運営、メルマガ執筆、セミナー講師から出張サポートまでこなすパソコン生活応援アドバイザー
編集長のツイッター