monet

デイトラweb制作コース受講中。テックアカデミーのはじめての副業コース受講終了。第47期。

[monet @ikumi_e_web]

#お上手ですinグアム2026

[グアム政府観光局（公式） @visitguam_jp]

🌴✨プレゼントキャンペーン開催✨🌴

YouTube「ハマちゃんとコージのお上手です！」× グアム政府観光局🇬🇺

グアム編の放送を記念して、
🎁豪華グアムセットを抽選で10名様にプレゼント！

番組で罰ゲームとして
“海外はじめてのおつかい”に挑戦したSnow Man・向井康二さん🧡

コージがグアムで実際に購入したものと同じアイテムに、番組オリジナルキャラクターステッカー＆グアム政府観光局グッズを加えたスペシャルセットです🌺✨

何を買ってきたのかは…YouTube本編をチェック👀🏝️
https://t.co/rPbNI49AHj

【応募方法】
① @hmojozudesu ＆ @visitguam_jp をフォロー
② この投稿に「#お上手ですinグアム2026」をつけてリポスト🔁

📅応募期間
9/15（火）17:00 ～ 9/30（水）23:59

▼キャンペーン詳細
https://t.co/Yf1vHi6e00

たくさんのご応募、お待ちしています🇬🇺🌴

#お上手ですinグアム2026
#ハマちゃんとコージのお上手です
#向井康二
#グアム
#Guam

[monet @ikumi_e_web]

5/24_ChatGPTのプログラミングへの活用方法

ChatGPTは便利って聞くけど、使い方が分からなかったので解説動画ありがたい^ ^
さっそく中級課題のチェックに使ってみました。

#デイトラ
#WEB制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

5/10_中級最終課題

課題をなかなか進められなくてどーしよう状態…🥲最後まで自力でやります。

contactフォームでselectタグに擬似要素が使えないことを初めて知りました。
親要素に擬似要素を使って解決！
コレはスッキリした✨

#デイトラ
#WEB制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

4/17_中級最終課題

画像の取り込みとHTMLが完成。
ストックしたコードが役に立ちました。
でも2.5hくらいかかった・・

#デイトラ
#WEB制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

4/16_ デイトラ中級総復習編

contactフォームが一番難しかった。
まだ理解できてません🥲
コードの書き方は人それぞれなので、自分の中で使いやすいものを探してコードストックしてます。

#デイトラ
#デイトラweb制作
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

4/11_ デイトラ中級総復習編

動画を見ながらcssを修正。

⚪︎min関数で横幅指定
⚪︎flexのショートハンドで画像の幅指定

画面幅が変わってもきれいに表示されました！
widthじゃなくてflexで幅を指定できるのは知らなかった〜

#デイトラ
#デイトラweb制作
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

4/9_ デイトラ中級総復習編

見本通りにhtmlを模写。
timeタグとsmallタグの使い方やaria-label属性など、初めて知るものもありました😃
そして、自分のコードがぐちゃぐちゃなのがよく分かる💦

#デイトラコミュニティに入りました
#デイトラweb制作
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

4/8_ デイトラ中級総復習編

詰まってしまったので、見本を参考にコーディング。
デイトラ受講開始して3ヶ月経ちました。進みが遅くて焦ります💦
勉強時間をもっと増やさないと…

＃デイトラ　＃デイトラweb制作
＃駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

@seisaku64 こんにちは。フォローありがとうございます😊
返信遅くなってすみません…
よろしくお願いします。

[monet @ikumi_e_web]

4/7_ デイトラ中級総復習編

今まで勉強したことをふまえて、自力でコーディング中。
課題はレイアウトが崩れること…

週末は時間とって取り組みます！

＃デイトラ　＃デイトラweb制作
＃駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

3/27_DAY 28 Q and Aをアコーディオンでコーディング

インデントをひたすら微調整してたけど、これで解決しました。

✔️dd要素のインデントをなくすCSS記述
margin-inline-start: 0;

＃デイトラ　＃デイトラweb制作
＃駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

3/21_DAY 24 スクロールに応じて要素を「フワッ」と登場させる

WOW.jsを使ったアニメーション。
swiperのバージョンを変えたらエラーが解消しました。最新版だとうまくいかないのかな？

いろんなアニメーションを試しました↓動きがあると楽しい😃

＃デイトラ

https://t.co/4Z5jCCm52l

[monet @ikumi_e_web]

3/20_DAY 23 スライダー（カルーセル）を作る

アローアイコンを上書きして、right: calc(50% - 600px );というように中央基準で配置する方法を学びました。
これは結構使えそう😀

#デイトラ　#web制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

3/12_デザインカンプからコーディング編復習

input type =“text”にwidth 100%を指定してるのに、文字位置をpaddingで調整するとはみ出る…
原因はbox-sizing:border-box がないから、でした。
この指定は共通部分に入れておこう〜

#デイトラ #WEB制作デイトラ
＃駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

3/5_DAY 19 PerfectPixelでチェック終了

フッターの画像を実際のSNSアイコンに変えたら、webサイトぽくなった😃
お問い合わせフォームが苦手なので、復習してマスターしたい！

#デイトラ #WEB制作デイトラ
＃駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

3/4_DAY 19 フッターのコーディング

ようやくフッターまでできました！
「ファイル添付フォーム」が難しくて今週ずっと格闘してたけど、メンターさんに質問したらすぐに解決したから、もっと早く聞けばよかった😅

＃デイトラ　＃WEB制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

2/26_DAY 18 お問い合わせフォームのコーディング

お問い合わせフォーム難しい・・😢
答え合わせしたら、全然違う書き方でした。
今までシンプルな書き方しか知らなかった〜
ラジオボタンを自作したのも初めて。

#デイトラ #WEB制作デイトラ
＃駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

2/25_Web制作コース中級編「DAY17」

パーフェクトピクセルまで終了。
これから他のテーブルパターン練習に入ります。進みが遅い💦

widthとmax-widthを組み合わせて使う方法がなんとなーく分かったような分からないような…😅

#デイトラ #WEB制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

2/22_Web制作コース中級編「DAY17」

✔︎Flexの子要素はdiv タグで囲む

画像の高さが合わない原因がコレでした。
imgをdiv タグで囲むのを忘れてしまう…

#デイトラ #WEB制作デイトラ
#駆け出しのエンジニアと繋がりたい

[monet @ikumi_e_web]

2/19_DAY 16 ニュース系のコーディング
line-heightでしか使ってなかった「calc」
この使い方を知りました↓

以下をdisplay: flexにする時
日付＋ラベル：width: 185px;
タイトル：width: calc(100% - 185px);

こうすると日付＋ラベルは固定、タイトルは可変にできる。

#デイトラ #WEB制作デイトラ