ゆい🐻 WEB制作

@Hirakkoder 私の🐻ちゃん😍💗

デイトラ6周年おめでとうございます！ 「新しい世界に飛び込んだら、生活が変わった話」を書きました！📒 もうすぐフリーランス3年目にはいるのでさらに頑張ります！ 誰かの参考になれば嬉しいです✨ note.com/hirakkorder/n/… #デイトラ #エピソード

@orepote_academy ありがとうございます！！☺️✨

@yui_webcoder コメント失礼いたします🙇‍♂️ フリーランス3年目突入おめでとうございます🎉 「余裕が出たからこそ学び直す」という姿勢、本当の成長ですね✨ フォローさせていただきました☺

4/1　おはようございます！ 今月でフリーランス3年目になりました🥰 仕事に関しては、紹介で業務委託先も増え 嬉しい限りです🙏 これからも期待に応えられるように 一生懸命頑張りたいと思います😌✨ 3年目に入るにあたり 2年目より成長していないのってダメだなと思い （多分いろいろと余裕が出てきたんだと思う） 本を読み漁ったりYouTubeを見たり…笑 自分の目標を見直していました。 平日の限られた時間の中で仕事を完結させる。 その中で（家族は当たり前に）自分も大切にしながら、 仕事を頑張りたい気持ちが増えてきました🫶 この1年でしっかりと目標を達成できるように 頑張ります！ 今年度もよろしくお願いいたします🥰

@tedekku0323 テデックさん、おめでとうございます〜〜☺️✨ 共に頑張りましょう！！

本日より晴れてフリーランスとなりましたー✨🎉 開業届もfreeeのアプリからサクッと提出😆 Web制作者として価値提供できるように頑張ります！💪

【🎨色についての便利なcss小技🍀】 よーきさん（@yoki_47 ）に教えてもらって、実装してみたらめちゃめちゃ便利だったので共有します🐻 今回ご紹介するのは、 「currentColor」です🎨‼️ これは、cssの値（右側）に設定して使います。要素のフォントカラーと同じ色にしてくれます🙌 例: border-color: currentColor; 【メリット🍀】 ⭕️コードの記述量が減ります！ 【解説📢】 ホバーアニメーションなどで、文字の色を反転させたりしますよね？その時、枠線の色も変える場合、フォントカラーの色を変えるだけで枠線の色も一緒に変わります😳 （ホバー時）border-color: #000; などの反転指定が不要です！！ 更にすごいのは、擬似要素でも使えるところです🙌ホバーしたら下線が出るアニメーションなどよくありますよね。 擬似要素にbackground: currentColor;を設定したら、フォントカラーは継承されるので、文字色と一緒に変わります😳！ maskで実装したら矢印→とかにも使えますよ🤤 （※詳しくは調べてみてくださいね） 知らなかった方は、是非使ってみてください😊私は、便利でびっくりしました👀！ #あいまる豆知識

@tantans_design どうなんだろね・・・？？🤔 でも、行けるタイミングで行くのもアリなんじゃないかと🥹✨ 私は世界情勢も含め、南海トラフにも怯えてるよ😭

情勢が不安定の極みでGW以降の予定を安易に立てられない。新緑の季節に九州色々巡りたいのにタイミング悪すぎワロタ CIRCLE（野外フェス）も8割行くつもりやけど、チケットの在庫少なくなるまで念のため様子見かな、、、 備蓄しろだのいらんだの情報錯綜しすぎてわからん！！ 誰か教えてえらいひと

@yukis_2288 yukiさんお久しぶりです・・・！ お元気ですか？？🥰 また自習室でお待ちしております🫶

お久しぶりになりました〜 さなぎ期間中に 自分の状況をみつめなおし、 色々と整理しました “何も捨てることができない人には何も変えることはできないだろう” by アルミン デイトラコミュニティ再開しようかと思います💡 #デイトラ

@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を使って欲しいので 全部書いてはもらってはいないのですが・・・🤣 来月も頑張りたいと思います！☺️✨

【3/29(日) 早朝ポモドーロ作業会🧑‍💻】 4:00〜7:00 @自習室1F右下テーブル 皆さん、お疲れ様です！ 毎週恒例 #早朝ポモ を行います！🙌 "なりたい自分"にみんなで近づきましょう🤝 🐴休日は子供優先で時間がない 🐴一緒に頑張る仲間がほしい このような方のご参加お待ちしております😇 途中参加も大丈夫です👍 朝活宣言もどしどしお待ちしております🗣️ 朝活でスタートダッシュして有意義な一日にしましょう👨‍💻 ＃デイトラ #デイトラコミュニティ

@natsu_bf1 どんどん実案件に携われて最高ですね🥰 沢山素敵なホームページを作っていって下さいね💗 共に頑張りましょう🫶

＼ 0→1達成✨ ＆ 0→2達成✨ ／ ディレクション案件 0→1 コーディング案件 0→2 達成しました！！！ 案件①：LPコーディング →コーディング担当 案件②：LP＋HP修正＋新規ページ追加（エンド案件） →ディレクション、コーディング担当 無事、納品・公開まで完了…！ 初めてのことが多く悩むことも多かったですが、 協業してくださったデザイナーさんや家族、 デイトラコミュニティ、RyoHackなど 周りの支えがあったからこそ 達成することができました☺️ 本当にありがとうございます！！ クライアント様やデザイナーさんからも 嬉しいお言葉をいただけて、 「やりきれてよかった」と心から感じています。 （※嬉しいお声は画像にまとめています） これからも一つ一つの案件に丁寧に向き合い、 「お願いしてよかった」と思ってもらえる コーダーを目指していきます🔥💪 #デイトラ #デイトラコミュニティ #RyoHack

@kaito80809 わーー！おめでとうございます！ お祝いですね🎊

今日から正社員 コーダー兼エンジニアとしてフルリモートすることになりました！ リモートワークが減っている中で、本当に有り難いです😭 4年前、前の会社で働いている時に育児休暇を取ろうとしたら、社長から「カイト君が取る必要あるの？」と言われた頃が懐かしいです😇 この会社を辞めて、コーダーに転職したい！と思い立って、デイトラで学習して、案件を任せてもらって、何とか未経験で転職することができて、2年間ぐらい出社しながら実務経験を積んで、今日に至りました 結果的に対面で教えてもらいながら、経験を積んだ上でフルリモートすることができるようになったのは良かったなと今は思います しかも、正社員でフルタイムで働きながら、育児も両立できる環境に身を置くことができて良かったです 今後、本業ではバックエンドエンジニア、インフラエンジニアの経験を積んで、複業ではShopifyの案件に挑戦していきます！ これからもスキルアップして、自分の好きなことを仕事にしながら、頑張ります！ #デイトラ

3/23　おはようございます！ 先週の金曜日はWeb制作コース内で 初めてちかさんと勉強会をしました🥰 夜の開催でしたが、約30名ほどお集まり頂き その後は質問会などをしました☺️✨ またWeb制作コース内では 定期的にイベントを開催しますので お楽しみに・・・！❤️‍🔥 今月も残り僅かですが しっかりと頑張りましょう〜〜❤️‍🔥

@webpowerno1 お渡ししたデザインは よく実務で出てくるので また理解を深めて頂けると嬉しいです！🥰 ご参加ありがとうございました✨

ご報告遅れましてましてすみません。「flex」と「grid」の使い分けの勉強会に参加しました。gridは格子状にできるもの、flexはそれ以外のレイアウトに使うのが便利だと理解しました。特にレスポンシブ対応での縦並びなど頻出パターンは理解しておきたい。また「CSS Grid Generator」は便利だと感じた

@usagineko2222 勉強会ご参加ありがとうございました！！ 無事にお役に立てて嬉しいです😍 また知識の一つとして、覚えていてもらえたら 嬉しいです🫶

240日目　6h　卒業制作 ・ perfect pixel修正(下層ページ） ピクパ修正の後こちらの勉強会に参加🐈 display:flex;を２段に組んでたけど、flex-wrapを使うとhtmlがスッキリ！ ゆいさん（@yui_webcoder）ちかさん（@Chika_Webcoder）ありがとうございました🙏 #RyoHack #web制作デイトラ

土曜日は #デイトラコミュニティ 自習室で「週末交流会 #あいまるーむ 」🐻 日時: 3/21 （土）21:00～ 場所: 自習室2階ﾌﾘｰﾃｰﾌﾞﾙ 内容: 交流・雑談 通常交流会です🙌 ゆる～く、ぬる～くやってますので 是非お気軽にご参加ください😊 息抜きに、お絵描きやるかもです🖼

【爆裂ゆるぼ】 大阪でお昼に1日から間借り可能なカフェやバー、飲食店さんを探してます （可能であれば土日のお昼） 大阪お住いの方や大阪にコネクションをお持ちの方 もしも「紹介できるよ！」ってかたいらっしゃいましたらご連絡ください🙇‍♀️

@yudeyudetako わあ！お久しぶりです！ おめでとうございます🥰

お久しぶりです♪ 無事二女は大学、三女は高校を卒業し（献血で徳を積んだので希望の大学にはいれるようですｗ） 昨日は夕方ふと思いついてClaude Codeで何が出来るか検証してたら、ComfyUIのローカル構築できたうえに、アパレル大手3社の営業調査メモまで終わった。 2〜3時間。すごい時代だなぁ

@coooom1019 わわわ！！大変ですね😭✨ また会える日を楽しみにしています🇺🇸💗

【ご報告】 4月から夫が海外駐在となり、私も子どもたちと夏からニューヨークへ帯同することになりました🇺🇸 環境は変わりますが、フリーランスの仕事やメンター業務は今後も続けていきます！💪 引き続きよろしくお願いします☺️ #デイトラ #デイトラコミュニティ

名刺作らんと…だれか…