【作業効率UP！】Web制作にマストのGoogle Chrome拡張機能10選！現役Webディレクターも愛用【HTML・CSS コーディング】

[@webgodweb]

====== 動画内で紹介している拡張機能一覧 ====== ① Picture-in-Picture Extension chrome.google.com/webstore/detail/picture-in-picture-extens/hkgfoiooedgoejojocmhlaklaeopbecg ② Pasty chrome.google.com/webstore/detail/pasty/hdjihnnclpjhfdbbinmgoiehhoehhlgf/related?hl=ja ③ Linkclump chrome.google.com/webstore/detail/linkclump/lfpjkncokllnfokkgpkobnkbkmelfefj/related?hl=ja ④ OneTab chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall/related?hl=ja ⑤ Wappalyzer chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg/related?hl=ja ⑥ WPSNIFFER chrome.google.com/webstore/detail/wpsniffer-wordpress-theme/kihhefcbenhkjgjhchanjfhhflaojldn/related ⑦ WhatFont chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=ja ⑧ ColorZilla chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ja ⑨ 簡単！タイトル表示＋ chrome.google.com/webstore/detail/easy-show-title-plus/gdpfgejmikpgbnbhbhjegjfglhodfloa/related?hl=ja ⑩ Tag Assistant Legacy chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=ja ====================================

[@みみみ-l1e]

30歳で、未経験からWEBディレクターに挑戦しました。毎日慣れない仕事で１つ１つの作業に時間がかかる中、この動画を見つけました。今日紹介してくださったwhat fontを思い出し、とても業務効率化につながりました！ほんの少し、自信にも繋がった気がしませす😂 3年前の動画でコメント遅いですが、感謝の気持ちでいっぱいです！ これからも動画見て勉強頑張ります！ありがとうございました。

[@カレーライスだいすき]

神動画です....！こうゆうのあったらいいなって思ってたのが実際にあったんですね....！！！作業効率上がるわこれ！！

[@webgodweb]

ご視聴ありがとうございます！☺️ はい、知っていると知らないとでは全然違うので、是非活用してみてください！！

[@okaki8491]

知らなかったものたくさんありました！ ありがとうございます😊

[@webgodweb]

ご視聴ありがとうございます😊これからも色々発信していきますので、よろしくお願いします🙇‍♀️

[@YK-yf6il]

知らないものばかりでした！ありがとうございます！！

[@webgodweb]

ご視聴ありがとうございます😊これからもよろしくお願いします🍀

[@暁燕陳]

ありがとうございます。😍

[@user-gp4fl2ic9i]

いつも参考にさせてもらっています！

[@webgodweb]

いつもご視聴ありがとうございます☺️

[@shika-bf]

Page Monitorは便利でした。

[@webgodweb]

ありがとうございます！参考にさせていただきます🙇‍♀️

[@TV-vh5ji]

以前、ＡTOMを使ってHTML,CSS,JSを書く動画があったかと思います。久々に学習しようとしているのですが、どの動画でしょうか。（その時の動画を使って、ATOMはインストール済です）

[@webgodweb]

申し訳ありません、Atomを使って解説していた動画は、本当に最初の数本のみなので、現在はVisual Studio Code（VS Code）というエディタを使っての解説がほとんどとなります。 コードを書く、という点においては、アプリがAtomであってもVS Codeであっても出来ることに大差はありません。 むしろ、VS Codeの方が高機能で変わらず無料なので、私もVS Codeに乗り換えました。 下記の動画でVS Codeを使ったHTML/CSS学習の始め方や、Visual Studio Code自体のインストール、設定方法なども解説しておりますので、是非ご参考いただけますと幸いです。 【超入門】HTML・CSSってなに？学習の始め方解説 2021年最新版【未経験・初心者向け】 kzbin.info/www/bejne/o2WkgJmud5uLiJI 【初心者向け】Visual Studio Codeの使い方・便利機能解説！ショートカット/日本語化/Emmet【作業効率化】 kzbin.info/www/bejne/poKapaCKrZqNmM0 どうしてもAtomを使いたいということでしたら、自分が使っているエディタと違う点だけ無視していただければ、HTMLやCSS、JavaScriptなどの解説動画の内容自体は参考にしていただけるかと思います。

[@itoyo6460]

こんばんは。 ためになる情報をありがとうございます。 １つ質問なのですが、① Picture-in-Picture Extension　でキャプチャーで再生している動画をキャプチャー画面で時間を進めたり、戻したりすることは可能でしょうか。つい聞きそびれてしまった内容があったときに１０秒前に戻したいと思っても、再生を止めるボタンか元の動画のページに戻る機能しかなさそうで、少し不便だなと感じてしまいました。。。

[@webgodweb]

コメントありがとうございます！！ 今のところ、時間を進めたり戻したりすることはできない拡張機能です🙇‍♀️その点では確かに不便なのですが、キャプチャー画面をクリックすれば動画を再生しているタブに戻れるのでそこで操作するか、きちんと追わずに流し見したいだけの動画を見るときには便利かなと思っています。。 私も、そう言う意味では使い勝手の良さそうな時にだけこの拡張機能を使っています！

[@junpei3]

WPSNIFFER良さそうだなと思ったのですが今は使えないようです。代用できる拡張機能はありますか？

[@webgodweb]

拡張機能ではないですが、下記ツールだとWebページ上でWPテーマ名など確認できそうです！ wps.manuon.com/

[@うたおとちゃんねる-f6b]

Exit WhatFont が表示されないページがあるのですが原因はなんでしょうか？ もちろん文字情報も出ません！