【Web制作コース 221日目】 作業：2時間 中級編最終課題(45日目) モーダル実装👉できた！ pagetopもz-indexでモーダルより下⭕ 2日かかったけどググってイジってSP、PCも実装完了🙌 スニペット登録も倦まず完了 ヘッダーとfixedの重なりは修正必要 #デイトラコミュニティ #デイトラ #WEB制作デイトラ pic.twitter.com/mS7ZTJus0c

【Web制作コース 218日目】 作業：4.5時間 中級編最終課題(42日目) display:flex は2つ以上のテキスト、画像が子要素にあるから使うものと整理してた 水色の画像は absolute👉テキストボックス内はテキストしかないはず でも display:flex使える🤔 #デイトラ #WEB制作デイトラ #デイトラコミュニティ pic.twitter.com/IV8bXZxOzA

【Web制作コース 216日目】 作業：4時間 中級編最終課題(40日目) 昨日からPrizesに突入！ここクリアしたらほぼ最終課題の50%終わる 今日はHTML終えてSCSSの取っ掛かり（SP部分） display:flex 2個ずつ折り返す方法をググった 🤔中級編でやってた気が #デイトラ #WEB制作デイトラ #デイトラコミュニティ pic.twitter.com/3fpqsECtcW

【Web制作コース 215日目】 作業：2時間 中級編最終課題(39日目) 疑似要素でSTEP2の左右の波破線（赤）設定 見本サイトはSTEP1と2でafter表示 afterとbeforeを同classで再現して理解度をテスト👉⭕beforeとafter理解⤴🌟明日から次セクション！早⤴ #デイトラ #WEB制作デイトラ #デイトラコミュニティ pic.twitter.com/H8gyQNBmIe

中級編の最終課題 1ヶ月以上 Web制作コースの受講開始から7ヶ月近く 残りサポート期間 5ヶ月弱 この状況で混乱して、質問やたらすぐにするようにしたり、質問の質⤵から状況に不安募る だったけど！メンターさんの的確な指摘で調子戻ってきた感じ❗ #デイトラコミュニティ #デイトラ #WEB制作デイトラ pic.twitter.com/CwAmQOP571

【Web制作コース 214日目】 作業：2時間 中級編最終課題(38日目) STEP1-3の配置をabsolute👉flexへ 時間かけたのはgap後の中央配置、STEP3右に大きな空白（紫）が 30分ほど彷徨って見本サイト✅ justify-contentで整った🙌←やっぱしっくりこない🤔 #デイトラコミュニティ #デイトラ #WEB制作デイトラ pic.twitter.com/mQw22eZlBq

【Web制作コース 213日目】 作業：2時間 STEP1~3をabsoluteで配置👉テキスト非表示、スクロール効かず 相対の絶対だからはみ出てOK？🤔全体に変 見本サイトやっぱflex STEP2の高さがむずいと思いabsoluteしたけど単純にmargin-topで下げてる👉修正だ #デイトラ #WEB制作デイトラ #デイトラコミュニティ pic.twitter.com/eJDYTjW3VK

【Web制作コース 212日目】 文字数オーバー & ポスト忘れで2ポスト目 　🌟background-size: contain🌟 このコードの有無ではっきりアイコンの大きさが 反映する・しない　のが視覚できたので備忘のポスト✅ jajaaan.co.jp/css/background… #デイトラ #WEB制作デイトラ #デイトラコミュニティ pic.twitter.com/6neHLamiqk

【Web制作コース 211日目】4.5時間 中級編最終課題(35日目) Figmaと見本サイト数値に相違👉混乱💨メンター「子要素の場合は親要素に従いcss調整していくのが一番」デザインカンプ数値が額面通りじゃないことあり👉やや心配 ようやく次のセクション！ #デイトラ #WEB制作デイトラ #デイトラコミュニティ pic.twitter.com/6bU2eecIvJ

【Web制作コース 210日目】 作業：4時間 中級編最終課題(34日目) 画像サイズ全削除👉スライド再現⭕ imgにサイズ指定不要だった jsでwidthを設定してたから競合？👉メンター質問中 Swiperでスライドループ完成🙌まだ1/3ほどの達成😱 デイトラコミュニティー昨日から参加🌟 #デイトラ #WEB制作デイトラ pic.twitter.com/66uLd2ZdDu

【Web制作コース 209日目】 作業：2時間 中級編最終課題(33日目) メンターさんに質問して、ようやくスライダーループ設定！Swiperバージョンをver10にダウングレードしたらできた！ ただ、画面幅900-1199ではループにまだ不具合あり✅ HTML？js?今日もメンターさんに質問🤔 #デイトラ #WEB制作デイトラ pic.twitter.com/rUYEIspllp

【Web制作コース 208日目】 作業：2.5時間 中級編最終課題(32日目) スライドが1枚のままでループしなくなった 見本サイトのjs✅下記の対応 　各スライドにclass付与 　id class を照合 👉結局、メンターに質問！ 回答：jsの変数定義が十分じゃなかった 再修正する❗ #デイトラ #WEB制作デイトラ pic.twitter.com/lWO2iyiURk

#1か月チャレンジ #1か月チャレンジ202405 DAY 32~42 最終課題：実践コーディング ー Web制作コース中級編 edu.daily-trial.com/lessons/web_si… #デイトラ #WEB制作デイトラ フォーム完成、いよいよラストセクション。 めっちゃ時間かかってる💦 週末はフェリーで別府に行ってました♨️ pic.twitter.com/Kt06z8vXUI

#ブログ更新しました mona-hacneo.site/webcreatebrgi3… 今回はデイトラWeb制作初級編のDay32として、ポートフォリオサイトをインターネット上に公開しました！ ポートフォリオサイトのURLはブログ記事内又は昨日のポストにあります。 今回で初級編は最後となります。 #Web制作デイトラ #駆け出しエンジニア pic.twitter.com/60S9xmEKpi

【Web制作コース 206日目】 作業：2時間 中級編最終課題(30日目) absoluteからcalcを使って画像配置するのはわかってきた 今日の宿題は✅ ①（階段の）画像がPCサイズの画像に切り替わらない ②画像（ONOMICHI）とスライドの上辺に間があく（margin-top:- で修正できない） #デイトラ #WEB制作デイトラ pic.twitter.com/DqQ22hu8n4

【Web制作コース 205日目】 作業：4.5時間 中級編最終課題(29日目) SP画面で中央配置（margin-左右:auto）⭕👉PC画面marginが無効に なぜ❓ スライダーは slidesPerView: 4👉見本サイトは別コード？🧐 4時間しても手に負えず他も含めメンターに質問中 地道にスキルアップ❗ #デイトラ #WEB制作デイトラ pic.twitter.com/2XqxasiKTg

Web制作コース初級編「DAY 31 自分のポートフォリオサイトを作ろう（ブラッシュアップ編）」でオリジナルポートフォリオサイト完成✨ 現段階ではこのレベルのサイトで精一杯だけど、講義を進めてレベルアップしたら、もっと素敵なサイトにするぞ😆 #デイトラ #WEB制作デイトラ #駆け出しエンジニア pic.twitter.com/KZbffUQnI4

【Web制作コース 204日目】 作業：4.5時間 中級編最終課題(28日目) ドロワーアイコンが画面外にはみ出す👈修正 ヒント受けて2時間かけても❓ 再質問でわかった答え body直下に👉 overflow:hidden😂 いつも body直下にサイト全体を包むclass設定あった理由が一つわかった！ #デイトラ #WEB制作デイトラ pic.twitter.com/83t68Ua56C

【Web制作コース 203日目】 作業：4時間 中級編最終課題(27日目) スマホ見た目ではセクションほぼ完成 でもヘッダーfixed、ドロワーアイコン非表示の問題発生 きっと画像と競合（質問中） 2日前のメンター案内「z-index」参考記事👉地味に超パワーな助力 助かる〜〜❗ #デイトラ #WEB制作デイトラ pic.twitter.com/gS5kwGd1nD

【Web制作コース 202日目】 作業：2時間 中級編最終課題(26日目) メンターに紹介していただいた記事 まじで参考になる😊 z-indexの「z」ってZ軸のこと！めちゃ腑に落ちた X軸 Y軸 Z軸 この立体空間(3D)概念の「Z」ってわかればz-indexに親しみやすい🙌 課題はあと少し修正 #デイトラ #WEB制作デイトラ pic.twitter.com/zR5JCABtfE

Web制作コース中級編「DAY 2 FigmaでWebカンプを作ってみよう②」をクリアしました。 edu.daily-trial.com/lessons/web_si… #デイトラ #WEB制作デイトラ pic.twitter.com/TVKcch3gOG

【Web制作コース 201日目】 作業：2時間 DAY32-42 中級編最終課題(25日目) 白色領域に対し 　猫の足跡：上に表示される 　画像：下に表示される なぜ.この違いが生まれるのか整理できない。 position:relative、absoluteの関係だと思うけど、決まらない🤔メンターへ質問中 #デイトラ #WEB制作デイトラ pic.twitter.com/aJZCZuzd7h

【Web制作コース 200日目】 作業：2時間 中級編最終課題(24日目) 根気の連続👉コーディング楽しむ！ 👉先のパーツだけどSwiper！ ちょっと手こずるもデイトラ動画と見本✅ めっちゃ🆘を受けてくれたのは junpei-sugiyama.com/swiper-loop/ 👆じゅんぺいさん @junpei_sugiyama の記事 #デイトラ #WEB制作デイトラ pic.twitter.com/ZH4vAYjR3L

Web制作コース中級編「DAY 1 FigmaでWebカンプを作ってみよう①」をクリアしました。 edu.daily-trial.com/lessons/web_si… #デイトラ #WEB制作デイトラ pic.twitter.com/TooCplcCHU

【Web制作コース 199日目】 作業：2時間 DAY32-42 中級編最終課題(23日目) strongタグにmargin、padedingが効かない ググって 「strongはインライン要素、display:inline-bolckを当てる」 と整理👉margin、padedingが効いた⭕ でも今度はbutton中央配置できない🤔 #デイトラ #WEB制作デイトラ pic.twitter.com/QuBQk8aq4t

【Web制作コース 198日目】 作業：3.5時間 中級編最終課題(22日目) PerfectPixelとのズレ完璧計画 メンターとのやり取りでのめり込み過ぎ✗😌 検証ツールで微調整できたがなぜこの値❓とにかく🔼🔽を連打して合わせた こんな感じで⭕とメンター！指導、支持を頂け心強い💪 #デイトラ #WEB制作デイトラ pic.twitter.com/uVugVKd1MO

【Web制作コース 197日目】 作業：4時間 中級編最終課題(21日目) ファーストビューの表示が変。 画面幅を変えるとFV画像ズームアップ、ズームアウトできるけど、画像の縦横比が崩れながらズームアップ、ズームアウトする メンターに質問 object-fit: cover; で修正できた！ #デイトラ #WEB制作デイトラ pic.twitter.com/VOB9jjijTb

Github-Copilotの利用開始❗ 楽しみでしかない😆 edu.daily-trial.com/lessons/web_si… 【Web制作コース 196日目】 作業：2時間 作業内容 DAY32-42 中級編最終課題(20日目) #デイトラ #WEB制作デイトラ pic.twitter.com/vQafag3fEA

【Web制作コース 196日目】 作業：2時間 中級編最終課題(20日目) scssでclasss名のあとにspanタグを組み合わせるとtext-aligin:centerが効くって初めて知った 「.class名　スペース　タグ」 👆こんなscss設定できるとは驚いた😱 勉強になった❗ Github-copilot契約この後！ #デイトラ #WEB制作デイトラ pic.twitter.com/oXyk3omWvA

【Web制作コース 195日目】 作業：3時間 中級編最終課題(19日目) PerfectPixelでヘッダー、ファーストビューの再現性を✅ ほぼOK！ただ、この画像の部分のみかなり修正必要 今週中に終えて、次のsectionに進みたい❗ 講座の勧めの通りGithub Copilotの利用を開始とする！ #デイトラ #WEB制作デイトラ pic.twitter.com/6GXre8H0P8

【Web制作コース 194日目】 作業：3時間 DAY32-42 中級編最終課題(18日目) コーディングの最初から共通パーツを組めればと思ったけど、全体構造を整理できなかった😅 header、FVができてきたので共通パーツを整理しやすくなったかも、、 共通パーツを $ で作成、反映した❗ #デイトラ #WEB制作デイトラ pic.twitter.com/TADSgOeA5s

この いきなりはじまるCSSの無限増殖、何なんですかね💦 なにをきっかけに始まるのか、どうやったら終わるのか、わからないです😭 #WEB制作デイトラ #デイトラ pic.twitter.com/en9Qo06uVe

DAY 19 Web制作コース初級編 家族の体調不良で、久々の演習。 なんどやっても、うまくいかなくて動画見直したり、リファレンス見たり、アラートで確認したりしていたら、 ここのドットか！！ くぅぅぅぅ 本日の教訓 【toggleClassの中に.いらない】 #デイトラ #WEB制作デイトラ pic.twitter.com/W8QFkbmbux

【Web制作コース 193日目】 作業：2時間 DAY32-42 中級編最終課題(17日目) relative（相対）absolute（絶対）の訓練になった（絶対、相対無関係か？） 猫の右耳分だけrelative領域からハミ出てた left:0 でOK👉right:20にしてた（20が右耳分の幅） 基本みっちりデイトラ #デイトラ #WEB制作デイトラ pic.twitter.com/jYK84xGRpm

【Web制作コース 192日目】 作業：1.5時間 中級編最終課題(16日目) なぜかFV画像の領域が小さい 見本サイトと見比べ「どこが？？」👉メンター質問 超基本img{}にwidth:100% height:100%なかっただけ 検証ツールの見方がよりわかった感じにはなった💪 基礎力積み上げるぞ❗ #デイトラ #WEB制作デイトラ pic.twitter.com/btB5Pvg190