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

Webの神様

Подписаться 50 тыс.

Просмотров 36 тыс.

50% 1

Видео Поделиться Скачать Добавить в

Опубликовано:

14 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 20

@webgodweb 3 года назад

====== 動画内で紹介している拡張機能一覧 ====== ① 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 ====================================

@KR-wy8ve 4 месяца назад

ディレクターが知らないとマズイ知識や上手くディレクションをするコツ、裏技など、WEBディレクション編の動画も是非観てみたいです！

@okaki8491 3 года назад

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

@webgodweb 3 года назад

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

@カレーライスだいすき 3 года назад

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

@webgodweb 3 года назад

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

@YK-yf6il 3 года назад

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

@webgodweb 3 года назад

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

@暁燕陳 Год назад

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

@user-gp4fl2ic9i 3 года назад

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

@webgodweb 3 года назад

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

@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年最新版【未経験・初心者向け】 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-m4AOfxB6XR0.html 【初心者向け】Visual Studio Codeの使い方・便利機能解説！ショートカット/日本語化/Emmet【作業効率化】 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pQ7tmTx5Zbk.html どうしてもAtomを使いたいということでしたら、自分が使っているエディタと違う点だけ無視していただければ、HTMLやCSS、JavaScriptなどの解説動画の内容自体は参考にしていただけるかと思います。

@itoyo6460 2 года назад

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

@webgodweb 2 года назад

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