date_range
2026/04/08
【長期インターン】HP模写いざリベンジの時
date_range
2025/11/19
日々の活動日記エンジニアインターン
小西 光柊
こんにちは!社長室所属WEBプログラマーコースインターン生の小西光柊です。
つい先日まで行っていたHPの模写を通じたOwlet学習、いざ完成させて提出してみたらなかなかに手厳しい評価になってしまいました。
しかし、こんなところでへこたれるわけにはいきません。
雨にも負けず、風にも負けず成長できるようにいただいたアドバイスをもとにHPの模写に再挑戦することにしました!
まず最初に行ったことは、HPページを作るうえでのルールを再確認することです。
いざルールを確認してみたら、自分で前に行った第一回のHP模写の時には結構守れていないところが多く
このまんまだともし実際の業務だったら問題になってしまうかもしれないというような状態でした。
そんなたくさんのルールをひとつずつ再度確認した次に私が行ったのは
前回ご指摘いただいたセマンティックなタグの使い方についての確認です。
セマンティックなタグ、というのはHPなどの構造をHTMLで記載する際に
例えばナビゲーションリンクであれば<nav>で囲うのように構造を見やすく、理解しやすくするためのものです。
今回の模写ではルールやセマンティックなタグなど前と比べても考えることが盛りだくさんですがこれを大切にしてこそ
いいものが出来上がると思うのでまたどんどん挑戦を頑張っていきます!
メンバー紹介:https://guardian.jpn.com/member/
長期インターン生の活動日記:https://guardian.jpn.com/intern/
*コメント*
NEW
-
-
date_range 2026/03/30
【長期インターン】「AI...
-
date_range 2026/02/27
【長期インターン】卒業...
-
date_range 2026/02/27
【長期インターン】「作...
-
date_range 2026/02/24
【長期インターン】イン...
*COMMENT*
芹原 まなみ
*コメント*
一つずつ着実に積み上げていけば、模写の精度もどんどん上がっていくはずです!
今回の挑戦もぜひ楽しみながら進めてください♪
*コメント*
河原田 ゆきえ
*コメント*
前回の日記コメントにも書いてるんだけど
インターン生のリアルを伝える日記なので、リアルな在宅勤務の写真を撮ってアップしてほしいなー🥺(自撮りでもカメラ固定でいい感じに撮れるよ⭐)
*コメント*
久保 えりな
*コメント*
今回の学びを積み重ねていけば、以前より完成度の高い模写を作れますね!挑戦し続ける気持ちを大切に、次のアウトプットも楽しみにしています。
*コメント*
下川 春樹
*コメント*
お疲れ様です。
最初はその辺りでつまづきますよね。。。
レスポンシブもそうですが、後はコード書きまくって慣れるしかないと思いますので、ガリガリコード書いていきましょー٩( 'ω' )و
*コメント*
熊谷 ゆか
*コメント*
前向きな姿勢がとても素敵です!
何事も最初から上手くは行きませんよね><
たくさん手を動かしたら、できるようになった時の嬉しさもひとしおですね✨
*コメント*
熊谷 ゆか
*コメント*
前向きな姿勢がとても素敵です!
何事も最初から上手くは行きませんよね><
たくさん手を動かしたら、できるようになった時の嬉しさもひとしおですね✨
*コメント*
則岡 えり
*コメント*
雨にも負けず、風にも負けず、良いですね!
うまくいかなくても、何回でも頑張っていきましょう!
*コメント*
永野 智成
*コメント*
模写出来ただけでも大きな一歩です、最初はコードにたくさん触れて慣れていくしかないですね!!
頑張って下さい!
*コメント*
菅谷 将司
*コメント*
初めてOWLetのパーツの中身を開いた時にHTMLの中にPHPやOWLのプログラムが混在しているのを見て混乱した記憶があります笑
頑張ってください!
*コメント*
生尾 ゆうこ
*コメント*
お疲れ様です。
私も見やすいコードが書けるようになりたいです!
たくさん書けば書くほど理解が深まるはずなので
お互いに頑張りましょうー!
*コメント*
奥村 優
*コメント*
自分も最初は模写をよくしていたので大変さは良くわかります!覚えることがたくさんあって色々大変だとは思いますが頑張ってください!
*コメント*