開発者ツールのフル活用

2024/08/05

日々の活動日記エンジニアインターン

こんにちは！

京都開発研究所、Webプログラマーコースの長期インターン生、松木智哉です！！

・はじめに

来週から夏季休暇にはいるので、最近、課題を頑張って片付けています！！

休みになるのが待ち遠しいです！！

・開発者ツールをフル活用

パーツ製作を始めてから、開発者ツールにはお世話になりっぱなしです！！

現在のウェブ開発において必要不可欠なツールだと日々感じています！！

開発者ツールとは、ブラウザに内蔵されているデバッグツールです１！

主要なブラウザにはそれぞれ独自の開発者ツールが備わっています！！

・開発者ツールでできること
開発者ツールを使用することでHTML、CSS、JavaScriptの編集やデバッグ、ネットワークの監視、パフォーマンスの解析などが可能になります１！
私は基本的にHTMLとCSSの編集やデバッグを使っています！！

私は基本的に、エレメント（要素）パネルの機能しか使えていません！！
この機能を用いることで、WebページのHTMLとCSSを可視化することができます！
また、特定の要素を選択し、そのスタイルや属性を変換することができるので、即座に変更結果を確認できます！！
このおかげでどこを修正したら良いのかすぐに理解できます！！

-----------------------------------------------
G!FIT公式Instagram：https://www.instagram.com/gfit_gdn/
G!FIT公式Twitter：https://twitter.com/gfit_gdn
メンバー紹介ページ：https://guardian.jpn.com/member/tomoya_matsuki/

＊COMMENT＊

高橋　かほ
更新日：2024-08-05 18:46

＊コメント＊

お疲れ様です！
開発者ツール、過去に少し見ていましたが、今はめっきり触らなくなってしまいました……><少しずつ、理解できる範囲を増やしていきたいと思います。
松木さんのインターン活動日記は、いつも製作において役に立つ様々な知識をお伝えしてくださるので、とても勉強になっています！ありがとうございます＾＾次回も更新楽しみにしています！
＊コメント＊
恩田　かおり
更新日：2024-08-06 06:57

＊コメント＊

夏季休暇まであと少しですね！
課題の追い込み頑張ってくださいね
私もいつもお世話になっている開発者ツールですが、Webのお仕事をするまで存在すら知らなかったです。
便利なものがあるもんだとびっくりしたのを思い出しました。
プラウザによっても見た目の様々なので自分の使いやすいようにカスタマイズできるといいなと思っています。
＊コメント＊
池田　つづみ
更新日：2024-08-06 08:37

＊コメント＊

お疲れ様です！
開発者ツールは普段デザインするときに少しだけ使用しますが、使いこなすことができないので、構築の方に時々教えていただいています。
なかなか理解するのは難しいですが、一緒に頑張りましょう！
＊コメント＊
則岡　えり
更新日：2024-08-06 09:53

＊コメント＊

お疲れ様です。
私も開発者ツールにはお世話になっておりますが、まだまだ知らない機能が多いので
便利なのがないか今度調べてみようと思います。
＊コメント＊
鈴木　健太
更新日：2024-08-06 10:08

＊コメント＊

HTMLやCSS、コンソールは不可欠ですね。
パフォーマンスの解析まで使いこなしたいと思っています！
＊コメント＊
奥村　優
更新日：2024-08-15 16:23

＊コメント＊

開発者ツールこの仕事をする上で欠かせないツールですよね。触ったことがない機能も沢山あるので少しでも使いこなせるよう自分も頑張ります！
＊コメント＊