開発者ツールのフル活用

date_range 2024/08/05
日々の活動日記エンジニアインターン
松木 智哉
開発者ツール


こんにちは!

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


・はじめに

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

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


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

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

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


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

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


・開発者ツールでできること

開発者ツールを使用することでHTML、CSS、JavaScriptの編集やデバッグ、ネットワークの監視、パフォーマンスの解析などが可能になります1!

私は基本的に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:00

    *コメント*

    お疲れ様です。

    開発者ツール、コードをいじるとなると、欠かせないですね。
    Youtubeでも解説動画が出るほどには、やはり手放せないものとなってきていると思います。
    とはいえ、使用していない機能もあったりするので……フル活用できるよう、頑張っていきます💦

    *コメント*

  • 高橋 かほ

    高橋 かほ

    更新日:2024-08-05 18:46

    *コメント*

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

    *コメント*

  • 水落 えり

    水落 えり

    更新日:2024-08-06 08:06

    *コメント*

    智哉くん、開発者ツールを駆使して、課題に取り組んでいる姿勢が素晴らしいですね。ブラウザのデバッグツールはウェブ開発において本当に欠かせない存在なのですね!その活用方法をしっかり理解されているのはさすがです。
    夏季休暇前にしっかりと課題を片付けて、安心して休暇を楽しんでください!

    *コメント*

  • 下川 春樹

    下川 春樹

    更新日:2024-08-05 20:00

    *コメント*

    お疲れ様です。

    開発者ツール、日々業務で使用しておりますが、使った事ない機能もたくさんあります。
    他にも便利な機能などありましたら、また日記に投稿お願いします笑
    毎日暑いですが、頑張っていきましょー٩( 'ω' )و

    *コメント*

  • 永野 智成

    永野 智成

    更新日:2024-08-05 21:51

    *コメント*

    開発者ツールはできることが多くて便利ですよね!
    ブラウザごとにUIやできることが違ったりするので、使い分けるのも楽しいですよね。
    夏休みのためにも課題頑張って下さい!

    *コメント*

  • 星 翼

    星 翼

    更新日:2024-08-05 22:22

    *コメント*

    開発者ツールは、絶対に必要ですね。
    バグで使えなくなったりしてしまったら、仕事にならないレベルです、、、
    使い倒して、どんどんいろんな機能を習得しましょう!

    *コメント*

  • 恩田 かおり

    恩田 かおり

    更新日:2024-08-06 06:57

    *コメント*

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

    *コメント*

  • 寺田 ゆり

    寺田 ゆり

    更新日:2024-08-06 07:08

    *コメント*

    お疲れ様です。
    構築業務では欠かせない開発ツールですが、まだまだ使いこなせていない機能もたくさんあるので勉強していきたいと思います。

    *コメント*

  • 野村 健人

    野村 健人

    更新日:2024-08-06 08:02

    *コメント*

    開発者ツールはWEB制作に携わる人にとっては必須の機能ですよね!私も基本的にHTML、CSSの編集以外では触っていません。
    もしかしたら知らないだけで、便利な機能がもっとあるかもしれないですね。便利機能があったら是非日記で紹介してください!楽しみにしています!

    *コメント*

  • 池田 つづみ

    池田 つづみ

    更新日:2024-08-06 08:37

    *コメント*

    お疲れ様です!
    開発者ツールは普段デザインするときに少しだけ使用しますが、使いこなすことができないので、構築の方に時々教えていただいています。
    なかなか理解するのは難しいですが、一緒に頑張りましょう!

    *コメント*

  • 池田 みはな

    池田 みはな

    更新日:2024-08-06 09:34

    *コメント*

    お疲れ様です。開発者ツール、私も日々使用していますが、ごく一部の機能しか扱えていないため、もっと扱えるようになりたいなと思います。

    *コメント*

  • 梅村 みづき

    梅村 みづき

    更新日:2024-08-06 09:40

    *コメント*

    お疲れ様です。

    開発者ツール、WEB制作に欠かせないですよね。最初は使い方に戸惑いましたが慣れると今度は手放せません^^
    休暇を思いっきり楽しむために今週は覇気を持って頑張っていきましょう!

    *コメント*

  • 則岡 えり

    則岡 えり

    更新日:2024-08-06 09:53

    *コメント*

    お疲れ様です。
    私も開発者ツールにはお世話になっておりますが、まだまだ知らない機能が多いので
    便利なのがないか今度調べてみようと思います。

    *コメント*

  • 鈴木 健太

    鈴木 健太

    更新日:2024-08-06 10:08

    *コメント*

    HTMLやCSS、コンソールは不可欠ですね。
    パフォーマンスの解析まで使いこなしたいと思っています!

    *コメント*

  • 菅谷 将司

    菅谷 将司

    更新日:2024-08-06 12:59

    *コメント*

    おつかれさまです!
    なんでも使いこなせるようになるには時間がかかりますね。
    お互い頑張りましょう!

    *コメント*

  • 水野 健太

    水野 健太

    更新日:2024-08-07 09:34

    *コメント*

    開発ツール毎日お世話になってます。
    少し前にChromeでは日本語対応したので、試してみてますが、慣れないと逆に見にくくなりました。自分も使いこなせていないので、どんどん使って勉強したいと思います!

    *コメント*

  • 可信 なみ

    可信 なみ

    更新日:2024-08-11 13:39

    *コメント*

    色々な機能を使いこなすには時間がかかりそうですが、便利な機能はマスターできるようになりたいですね!新しい発見があれば、是非、紹介してください✨

    *コメント*

  • 奥村 優

    奥村 優

    更新日:2024-08-15 16:23

    *コメント*

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

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード