ゆい🐻 WEB制作
4.8K posts
ゆい🐻 WEB制作
@yui_webcoder
名刺・HP制作、ロゴ制作等まるっとお手伝いします！ 2026.4〜⭕️ | 👧🧒2児の母 |制作実績80件以上| 🏘️ 不動産業からの転身 (宅地建物取引士試験合格) | #デイトラ Web制作コースメンター
お問い合わせはこちらから 가입일 Haziran 2022
938 팔로잉1.5K 팔로워
デイトラ6周年おめでとうございます！
「新しい世界に飛び込んだら、生活が変わった話」を書きました！📒
もうすぐフリーランス3年目にはいるのでさらに頑張ります！
誰かの参考になれば嬉しいです✨
note.com/hirakkorder/n/…
#デイトラ #エピソード
日本語
@yui_webcoder コメント失礼いたします🙇♂️
フリーランス3年目突入おめでとうございます🎉
「余裕が出たからこそ学び直す」という姿勢、本当の成長ですね✨
フォローさせていただきました☺
日本語
4/1 おはようございます！
今月でフリーランス3年目になりました🥰
仕事に関しては、紹介で業務委託先も増え
嬉しい限りです🙏
これからも期待に応えられるように
一生懸命頑張りたいと思います😌✨
3年目に入るにあたり
2年目より成長していないのってダメだなと思い
（多分いろいろと余裕が出てきたんだと思う）
本を読み漁ったりYouTubeを見たり…笑
自分の目標を見直していました。
平日の限られた時間の中で仕事を完結させる。
その中で（家族は当たり前に）自分も大切にしながら、 仕事を頑張りたい気持ちが増えてきました🫶
この1年でしっかりと目標を達成できるように
頑張ります！
今年度もよろしくお願いいたします🥰
日本語
本日より晴れてフリーランスとなりましたー✨🎉
開業届もfreeeのアプリからサクッと提出😆
Web制作者として価値提供できるように頑張ります！💪
日本語
ゆい🐻 WEB制作 리트윗함
【🎨色についての便利なcss小技🍀】
よーきさん（@yoki_47 ）に教えてもらって、実装してみたらめちゃめちゃ便利だったので共有します🐻
今回ご紹介するのは、
「currentColor」です🎨‼️
これは、cssの値（右側）に設定して使います。要素のフォントカラーと同じ色にしてくれます🙌
例: border-color: currentColor;
【メリット🍀】
⭕️コードの記述量が減ります！
【解説📢】
ホバーアニメーションなどで、文字の色を反転させたりしますよね？その時、枠線の色も変える場合、フォントカラーの色を変えるだけで枠線の色も一緒に変わります😳
（ホバー時）border-color: #000; などの反転指定が不要です！！
更にすごいのは、擬似要素でも使えるところです🙌ホバーしたら下線が出るアニメーションなどよくありますよね。
擬似要素にbackground: currentColor;を設定したら、フォントカラーは継承されるので、文字色と一緒に変わります😳！
maskで実装したら矢印→とかにも使えますよ🤤
（※詳しくは調べてみてくださいね）
知らなかった方は、是非使ってみてください😊私は、便利でびっくりしました👀！
#あいまる豆知識
日本語
@tantans_design どうなんだろね・・・？？🤔
でも、行けるタイミングで行くのもアリなんじゃないかと🥹✨
私は世界情勢も含め、南海トラフにも怯えてるよ😭
日本語
情勢が不安定の極みでGW以降の予定を安易に立てられない。新緑の季節に九州色々巡りたいのにタイミング悪すぎワロタ
CIRCLE（野外フェス）も8割行くつもりやけど、チケットの在庫少なくなるまで念のため様子見かな、、、
備蓄しろだのいらんだの情報錯綜しすぎてわからん！！
誰か教えてえらいひと
日本語
@Ryo_web_cording やはりここまで詳細にルール決めないとダメですねぇ、、、🥹
AI指示出し考え直します！
参考ありがとうございます🫶
日本語
CLAUDE.mdにコーディングルールを細かく記載したら、１発目でレスポンシブまで8割自動で完成するようになった！
AIにコーディングさせていて、やはりネックだったのがレスポンシブ (特にタブレットが壊滅的)でした😂
なので、レスポンシブ対応にgridを使用してくれ！とか画像のリサイズルールを追加してみたら１発目で動画のようにかなり良い感じにやってくれました！
（もちろん調整が必要ですが...この程度なら2-3行の編集でいけそう！）
※2枚目がデザインカンプ
※3, 4枚目がCLAUDE.mdの抜粋
やり方👇
(※Claude Codeに伝えればできると思いますが...)
・CLAUDE.mdにコーディングルールを記載
→ 過去に自分でコーディングしたコードを元に作成してもらい、必要な箇所(今回のレスポンシブなど)を追加しました！
・.claudeファイル内に CLAUDE.md内のルールを読み込むFlowを作成
・コマンドで実行
・その後はFigma MCPなどを使ってコンポーネントから作成していく。
こんな感じです！
※cursor課金の人はrulesに記載すれば同様にできるかと！
日本語
おはようございます！
久しぶりに振り返りをしたいと思います🥰
🎎３月した事
✅コーポレートサイト（TOP+カスタム投稿のみ）
✅既存サイト修正×1
✅コーポレートサイト（全8ページ）
✅コーポレートサイト（全11ページ）
✅メンター業務
✅メンター勉強会
いつもは、余裕をかなり持たせて仕事をしているのですが（家庭が置いてきぼりになるので🤣）
有り難い事に、
今月はバタバタと忙しくさせて頂きました！❤️🔥
CursorやClaudeを使って
繰り返しの入力作業やテーブルタグは
AIに頼んだりしてだいぶこの入力時間が勿体ないな〜
という感覚は減ったような気がします🫶
自分のCSSを使って欲しいので
全部書いてはもらってはいないのですが・・・🤣
来月も頑張りたいと思います！☺️✨
日本語
ゆい🐻 WEB制作 리트윗함
【3/29(日) 早朝ポモドーロ作業会🧑💻】
4:00〜7:00 @自習室1F右下テーブル
皆さん、お疲れ様です！
毎週恒例 #早朝ポモ を行います！🙌
"なりたい自分"にみんなで近づきましょう🤝
🐴休日は子供優先で時間がない
🐴一緒に頑張る仲間がほしい
このような方のご参加お待ちしております😇
途中参加も大丈夫です👍
朝活宣言もどしどしお待ちしております🗣️
朝活でスタートダッシュして有意義な一日にしましょう👨💻
＃デイトラ #デイトラコミュニティ
日本語
＼ 0→1達成✨ ＆ 0→2達成✨ ／
ディレクション案件 0→1
コーディング案件 0→2
達成しました！！！
案件①：LPコーディング
→コーディング担当
案件②：LP＋HP修正＋新規ページ追加（エンド案件）
→ディレクション、コーディング担当
無事、納品・公開まで完了…！
初めてのことが多く悩むことも多かったですが、
協業してくださったデザイナーさんや家族、
デイトラコミュニティ、RyoHackなど
周りの支えがあったからこそ
達成することができました☺️
本当にありがとうございます！！
クライアント様やデザイナーさんからも
嬉しいお言葉をいただけて、
「やりきれてよかった」と心から感じています。
（※嬉しいお声は画像にまとめています）
これからも一つ一つの案件に丁寧に向き合い、
「お願いしてよかった」と思ってもらえる
コーダーを目指していきます🔥💪
#デイトラ #デイトラコミュニティ #RyoHack
日本語
今日から正社員 コーダー兼エンジニアとしてフルリモートすることになりました！
リモートワークが減っている中で、本当に有り難いです😭
4年前、前の会社で働いている時に育児休暇を取ろうとしたら、社長から「カイト君が取る必要あるの？」と言われた頃が懐かしいです😇
この会社を辞めて、コーダーに転職したい！と思い立って、デイトラで学習して、案件を任せてもらって、何とか未経験で転職することができて、2年間ぐらい出社しながら実務経験を積んで、今日に至りました
結果的に対面で教えてもらいながら、経験を積んだ上でフルリモートすることができるようになったのは良かったなと今は思います
しかも、正社員でフルタイムで働きながら、育児も両立できる環境に身を置くことができて良かったです
今後、本業ではバックエンドエンジニア、インフラエンジニアの経験を積んで、複業ではShopifyの案件に挑戦していきます！
これからもスキルアップして、自分の好きなことを仕事にしながら、頑張ります！
#デイトラ
日本語
@webpowerno1 お渡ししたデザインは
よく実務で出てくるので
また理解を深めて頂けると嬉しいです！🥰
ご参加ありがとうございました✨
日本語
ご報告遅れましてましてすみません。「flex」と「grid」の使い分けの勉強会に参加しました。gridは格子状にできるもの、flexはそれ以外のレイアウトに使うのが便利だと理解しました。特にレスポンシブ対応での縦並びなど頻出パターンは理解しておきたい。また「CSS Grid Generator」は便利だと感じた
ゆい🐻 WEB制作@yui_webcoder
今月はWeb制作コース内で メンターのちかさん（@Chika_Webcoder）と 一緒に勉強会を開催します！ ————————————————————————— 日時： 2026年3月20日（金）21:00〜23:00 （終了時刻は前後する可能性がございます） ————————————————————————— 今回のテーマは 【gridとflexってどう使い分ける？？】 です！ 実務でよくでてくる 横並びのデザインカンプを使用して 実際にコードを見ながら 楽しく解説しようと思います☺️✨ Discordに告知しておりますので 良かったらご覧下さい🥳💕
日本語
@usagineko2222 勉強会ご参加ありがとうございました！！
無事にお役に立てて嬉しいです😍
また知識の一つとして、覚えていてもらえたら
嬉しいです🫶
日本語
240日目 6h 卒業制作
・ perfect pixel修正(下層ページ）
ピクパ修正の後こちらの勉強会に参加🐈
display:flex;を２段に組んでたけど、flex-wrapを使うとhtmlがスッキリ！
ゆいさん（@yui_webcoder）ちかさん（@Chika_Webcoder）ありがとうございました🙏
#RyoHack #web制作デイトラ
ゆい🐻 WEB制作@yui_webcoder
今月はWeb制作コース内で メンターのちかさん（@Chika_Webcoder）と 一緒に勉強会を開催します！ ————————————————————————— 日時： 2026年3月20日（金）21:00〜23:00 （終了時刻は前後する可能性がございます） ————————————————————————— 今回のテーマは 【gridとflexってどう使い分ける？？】 です！ 実務でよくでてくる 横並びのデザインカンプを使用して 実際にコードを見ながら 楽しく解説しようと思います☺️✨ Discordに告知しておりますので 良かったらご覧下さい🥳💕
日本語
ゆい🐻 WEB制作 리트윗함
土曜日は #デイトラコミュニティ 自習室で「週末交流会 #あいまるーむ 」🐻
日時: 3/21 （土）21:00～
場所: 自習室2階ﾌﾘｰﾃｰﾌﾞﾙ
内容: 交流・雑談
通常交流会です🙌
ゆる～く、ぬる～くやってますので
是非お気軽にご参加ください😊
息抜きに、お絵描きやるかもです🖼
日本語
ゆい🐻 WEB制作 리트윗함
【爆裂ゆるぼ】
大阪でお昼に1日から間借り可能なカフェやバー、飲食店さんを探してます
（可能であれば土日のお昼）
大阪お住いの方や大阪にコネクションをお持ちの方
もしも「紹介できるよ！」ってかたいらっしゃいましたらご連絡ください🙇♀️
日本語
お久しぶりです♪
無事二女は大学、三女は高校を卒業し（献血で徳を積んだので希望の大学にはいれるようですｗ）
昨日は夕方ふと思いついてClaude Codeで何が出来るか検証してたら、ComfyUIのローカル構築できたうえに、アパレル大手3社の営業調査メモまで終わった。
2〜3時間。すごい時代だなぁ
日本語
【ご報告】
4月から夫が海外駐在となり、私も子どもたちと夏からニューヨークへ帯同することになりました🇺🇸
環境は変わりますが、フリーランスの仕事やメンター業務は今後も続けていきます！💪
引き続きよろしくお願いします☺️
#デイトラ
#デイトラコミュニティ
日本語
ゆい🐻 WEB制作 리트윗함
