web制作は大変

date_range 2024/04/24
エンジニアインターン
名称未設定のデザイン_20240328_150146_0000

こんにちは、京都開発研究所のwebプログラマコースインターン生の武井健(たけいたけし)です!   


ここ最近の業務では、他の部署の方が入社時にやる模写課題に取り組んでいました。実は以前一度取り組んだことがあったのですが、私が他部署のヘルプに入ることになるため、前提技術のhtml,cssの知識の再確認ということで再度取り組みました。前に作ったサイトを他部署の方に見せたところ、なかなか手厳しいご指導をいただき、サイト全体の構造を見直すことになりました。私はほとんどの要素をdivで作っていたのですが、セマンティック・ウェブ方式で作り直すことになりました。また、cssでdivタグを指定して色々調整していたので、修正箇所がとんでもないことになりました。他にもたくさん直さなければならないところはあったのですが、これを直さないといけないと知った時の絶望感は計り知れませんでした...


とはいえ以前私が紹介した、altキーを押すことで複数行を選択するショートカットキーのおかげでだいぶ楽はできました。

私は今後owletの開発に携わることになるみたいなのですが、模写課題に取り組んでいる際に負担が大きかった部分をなるべく楽にできる機能を実装したいです。



インターン応募ページ:https://guardian.jpn.com/recruit/intern/form/ 

メンバー紹介ページ:https://guardian.jpn.com/member/takeshi_takei/

*COMMENT*

  • 小松 あさみ

    小松 あさみ

    更新日:2024-04-24 18:00

    *コメント*

    Web制作は担当する箇所が一部であっても、全体を見ないといけないので、大変ですよね、、!どことどこが紐づいているか、把握していないと後からうまくいかなかった際に、原因がわからなくなってしまうので、細目に確認が必要だなと常々思っています。私ももっと勉強したいと思います!

    *コメント*

  • 菅谷 たかの

    菅谷 たかの

    更新日:2024-04-24 20:24

    *コメント*

    私も会社の模写課題をやっていますが、なかなか合格せず、修正に次ぐ修正を繰り返しています💦どこかいじったら他の場所がおかしくなるので、青山さんが別の方にアドバイスされていた原因の1個2個前を振り返るのが大事だなと思いました。

    *コメント*

  • 石川 航

    石川 航

    更新日:2024-04-24 22:28

    *コメント*

    お疲れ様です
    HTMLのタグは種類によって様々な意味合いがあるので、
    状況によってうまく使い分けていきましょう

    divタグばかりで構築するやり方は、自分もHTMLを覚え始めた頃にやってしまっていましたが、どこからどこまでがタグの範囲内か分かりにくくなったり、検索エンジンにも判別しにくい状態になっていました

    慣れた手法の方がやりやすいとも思いますが、
    それを読み取る相手への配慮も身に着けていこう

    *コメント*

  • 松村 晶

    松村 晶

    更新日:2024-04-24 22:35

    *コメント*

    難しいことでも、諦めずに続けていれば簡単になりますよ!
    逆に自分は、慣れてきたと思うころにそこで停滞しないように、謙虚な気持ちでさらに深掘りしていかなければなりません。。。

    *コメント*

  • 寺田 ゆり

    寺田 ゆり

    更新日:2024-04-25 07:11

    *コメント*

    構築は、奥が深いので最初の段階を乗り越えられず辞めてしまう人が多いイメージですが、思うように動作してくれると嬉しいですし、出来ることがたくさんあるので楽しいです。
    1つ1つ覚えていきたいですね!

    *コメント*

  • 池田 みはな

    池田 みはな

    更新日:2024-04-25 08:08

    *コメント*

    おつかれさまです。
    HTMLやCSSに限らずですが、一通りできるようになってもまだまだ知らないことだらけで途方にくれそうになります。お互いに頑張っていきましょう〜

    *コメント*

  • 水落 えり

    水落 えり

    更新日:2024-04-25 08:16

    *コメント*

    武井さん、模写課題を通して学んだことは本当に多かったようですね。
    最初は大変かもしれませんが、きっと長期的に見れば保守性の高いコードを書けるようになりますね!!

    絶望感もあったかと思いますが、altキーのショートカットを活用してこれまでの作業を効率化できたのは良かったです。そういった小さな工夫が、結果的に大きな助けになりますね♪

    OwletプロジェクトでもHTMLやCSSを書く機会は多いと思います。
    作業を楽にするツールやテクニックがあれば、ぜひ検討して開発環境を最適化していってくださいね♪

    この模写課題での経験は、きっと武井さんの成長の糧になるはずです。
    乗り越えた課題一つ一つが、将来の大きな力になるでしょう。頑張ってくださいね✨

    *コメント*

  • 岡田 のりこ

    岡田 のりこ

    更新日:2024-04-25 09:23

    *コメント*

    たくさん修正するのは大変ですよね。。。
    タグ設定も色々あり、覚えるのが大変ですが
    模写などを繰り返して少しづつでも
    スキルアップ目指してお互い頑張りましょう!

    *コメント*

  • 平尾 みなみ

    平尾 みなみ

    更新日:2024-04-25 12:43

    *コメント*

    ショートカットキーてとても便利ですよね、、!!
    私も時短になるので、活用しています!!

    *コメント*

  • 宮城 わか

    宮城 わか

    更新日:2024-04-25 16:53

    *コメント*

    HTMLとCSSの基本ルールはきちんと守らないと綺麗な記述が書けないですよね。誰が見ても修正できるように、タグの順番、クラスの命名規則など奥が深いです。

    *コメント*

  • 奥村 優

    奥村 優

    更新日:2024-04-28 08:18

    *コメント*

    模写課題制作お疲れ様です。模写難しいですよね。
    自分も別の会社でコーダーとして初めて入社した時、上司の方にたくさん教えてもらった時のことを思い出しました。
    覚えることがたくさんあるので大変だと思いますが、引き続き頑張ってください!

    *コメント*

*コメント*

*ログイン*

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