date_range
2026/04/08
【長期インターン】続！WEBページ模写！
date_range
2026/01/23
日々の活動日記インターン生応募エンジニアインターン
金丸 颯真
こんにちは！ガーディアン社長室所属WEBプログラマーコース長期インターン生の金丸颯真です。
写真は前回の菅原さんの活動日記に触発されて、ラーメン屋さんに行ったときに撮った写真です。
一部地域のみで展開されているチェーン店ですが皆さんも見かけた際には行ってみてください！
本日も前回までと同じく、OWLetを用いてWEBページの模写を行いました！
いろいろと調べながら、少しずつパーツも出来上がってきており、なんとなくの形は出来上がってきました。
しかし、そのパーツを実際にページにあてはめてみると形が若干崩れてしまっていたり、微妙に例と異なっていたり、リンクの設定にミスがあり、リンクボタンを押した瞬間にページのCSSがすべて崩れてしまうアクシデントもあったりと、完璧な模写にはもう少し時間がかかりそうです。
さらにPCで見る場合とスマホで見る場合で異なるCSSを書く必要があり、普段何気なくみるWEBサイトの裏には様々な工夫がなされているんだなぁ、と改めて感じました。
引き続き、模写を頑張って進めていきます！
実際にコードを書くことに興味がある方！
ガーディアンでは長期インターン生をまだまだ募集しております！
少しでも興味のある方は下記リンクからチェックしてみてください！
メンバー紹介：ガーディアンのメンバーページ
長期インターン生の活動日記：インターン生の活動日記
長期インターンの採用要項：長期インターン採用要項
＊コメント＊
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とcssの模写異なり、OWLetのコードも入ってくるのと、見たまま編集を意識したcssの実装と私も課題で色々と四苦八苦しました。今もです笑
ですが、完成した時の達成感がいいですよね！
お互いに頑張りましょう！！
＊コメント＊
則岡 えり
＊コメント＊
実際にページにあてはめてみると崩れてしまう、、私もよくあります。
Androidではきれいに表示されるのに、iPhoneで崩れる、とかもよくあります。
奥が深いですね。。
＊コメント＊
山口 晃
＊コメント＊
最初はうまくいかないこともありますよね。
一歩一歩着実にこなし成長していきましょう！
＊コメント＊
下川 春樹
＊コメント＊
お疲れ様です。
リンクボタンを押した瞬間にページのCSSがすべて崩れてしまうアクシデント！？それは驚きますね！
最初はレスポンシブで苦戦すると思いますので、パーツを作る時はSPの時の見た目も考えておくと後々楽になりますよ、ファイトです٩( 'ω' )و
＊コメント＊
生尾 ゆうこ
＊コメント＊
お疲れ様です。
ラーメン美味しそうですね🍜
私もこの仕事を始めてからレスポンシブの存在を知りました。
引き続き模写頑張ってください！
＊コメント＊
熊谷 ゆか
＊コメント＊
職業訓練でコーディングを学んだ時に、普段何気なく見ているスマホのサイトを作るのってこんなに難しいんだ…！と衝撃を受けたのを覚えています！
周りの皆さんも通ってきているはずなので、どんどん力を借りていきましょう✨
＊コメント＊
中谷 ゆい
＊コメント＊
ラーメンおいしそうです…！
OWLetはまだカリキュラムが終わってなくて、触ったことないのですが、頑張ってください！
＊コメント＊
廣 みわこ
＊コメント＊
私も最初は模写の嵐でした。
模写はあとあとたくさんやっておいて良かったと思うことの一つです。頑張ってくださいね〜
＊コメント＊
菅谷 将司
＊コメント＊
山岡家最高ですね！
模写頑張ってください！
＊コメント＊
奥村 優
＊コメント＊
OWLetのコードも入ってくるので確かに難しくなりますよね！
その気持ちよくわかります。お互い頑張っていきましょう！！
＊コメント＊