さな | Webコーダー

HP・LPサイトのコーディング、WordPress制作承ります｜デイトラWeb制作コース卒(2025.4）｜一つ一つのご縁を大切に、丁寧な仕事を心がけます｜🐸ご依頼・ご相談 随時受付中｜DMまたはポートフォリオのリンクより📩｜お気軽にご相談ください

[さな | Webコーダー @sa7e110]

\ ポートフォリオサイトを公開しました 🎀/

シンプルだけど、今の自分らしさが伝わるサイトを目指しました🐸
GSAPを使ったアニメーションも取り入れています。
ぜひご覧ください✨

サイトはこちら▼
https://t.co/0vo23qItFg

コーディングのご依頼・ご相談は、サイトのフォームまたはDMからお気軽にお問い合わせください！

🍀こだわったポイント🍀
・デザインの魅力を最大限に引き出すため、ディテールを大切にコーディングしました😊
・パララックスやフェードインでサイトに奥行きと動きを加えています。

🍀担当範囲：コーディング
🍀制作期間：約２週間

🍀デザイン：ゆきさん（@Yuki_Wdesign）
私のふんわりした要望にも親身になって耳を傾けてくださり…☺️
そのやり取りの一つひとつが本当に嬉しかったです。一緒に作り上げる時間はとても楽しく、素敵なデザインが生まれたことに感謝の気持ちでいっぱいです！🥰

🐸これからも、一つ一つ丁寧に取り組んでいきたいと思いますので、どうぞよろしくお願いします！

#ポートフォリオ　#Web制作　#コーディング

[さな | Webコーダー @sa7e110]

🐸Swiper parallax でページが捲れるようなスライドを実装✨

難しそうに見えて、案外簡単にできました😊
画像サイズの調整は CSS でやる方がコントロールしやすい◎

スピードなどの数値は色々試しすぎて「どれが正解…？」となってしまいました🤣
いろんなサイト見て目を養いたいです👀

#Web制作

[さな | Webコーダー @sa7e110]

@yui_webcoder ゆいさん😊昨日はありがとうございました！お話を聞けて本当にありがたかったです✨
また参加したいと思いますので、その際にはよろしくお願いいたします☺️💗

[さな | Webコーダー @sa7e110]

🐸今日はWeb制作コースの交流会に参加してきました。
初めてお話しさせていただく方が多く、久しぶりの参加だったけど楽しかったです😊
先輩方の話からいい刺激をもらえました。特に営業まわりの話は、自分になかった視点が多くて、もっといろいろ聞いてみたかったくらいです！
また参加したいと思います🔥
お話してくださった皆様、ありがとうございました！
#デイトラコミュニティ

[ゆい🐻 WEB制作 @yui_webcoder]

#デイトラ　#デイトラコミュニティ
6/18（木）Web制作コースの方達を対象に
デイトラコミュニティ内で
交流会を開催致します・・・！🥰

13:00〜15:00
お昼の開催になります！
良かったらご参加お待ちしております☺️✨

今回はシャッフル形式ではなく
フェーズ毎にテーブルを用意しておりますので
色々とお話出来たら嬉しいです🫶

私以外にも
おかさん（@dev__oka）ちかさんも
ご参加頂きますので
良かったらお待ちしております🥳

[さな | Webコーダー @sa7e110]

🐸一昨日はご近所のデザイナーさんとの作業会💻✨
…のはずが、いつの間にかずっと話してました・・😂

近況から仕事のこと、家族や子育てのことまで、気がついたらなんでも話してて🤭
こういう気兼ねなく話せる関係、大事にしたいなと思いました✨

次こそちゃんと作業します！🔥

[さな | Webコーダー @sa7e110]

@foldmotionhq Thank you! You clearly know your stuff , I learned a lot from this 🙌

[さな | Webコーダー @sa7e110]

#RyoHack ライブコーディング
🐸背景固定でスクロールするたびに 文字・画像・背景が切り替わる実装をやってみました🐾

🎀GSAPのScrollTriggerでpinして スクロール量に応じてクラスを切り替える仕組み✨
最初は難しそうと思ってたけど 構造さえ理解できれば意外と簡単！応用もできそうです🔥

😺コンテンツは実家の猫で試したので・・センスは許してください笑

#Web制作

[さな | Webコーダー @sa7e110]

🐸気づいたら経過すっ飛ばしてましたが😅、
WordPressサイトの初稿提出＆修正もほぼ完了しました！あとはクライアント様のご確認待ちです。ゴールが見えてきた…！✨

並行案件もあってなかなかハードで💦 修正対応が終わると同時に電池切れになってしまい…反省です😇
体力管理も仕事のうち…！

次はもっと余裕を持って取り組みたいです。またご縁をいただけるよう、どんどん挑戦していきます！🔥
#web制作

[さな | Webコーダー @sa7e110]

@JJ93187763 あやこさん😊
ありがとうございます✨がんばります！！！💪

[さな | Webコーダー @sa7e110]

🐸この度、WordPressサイトの構築をお任せいただくことになりました！
複数ページのコーポレートサイト✨
MTGで内容を擦り合わせてこれからスタートです🔥

素敵なデザインなので、コーディングするのが楽しみです。納期までしっかり頑張ります！💪
良いご縁をいただけました、感謝です🙏

#web制作

[さな | Webコーダー @sa7e110]

🐸先日面談させていただいた会社様より、嬉しい言葉をいただきました。

「普段、営業メールはあまり読まないのですが…
（私）さんの内容は明確で、
何を大切にされているのかも伝わってきて、
とても丁寧な方なんだろうなと思い、面談してみようと思いました」

本当にありがたいお言葉で、とても嬉しかったです…！😭
メールの内容は、りょーさん(@Ryo_web_cording)に何度も見ていただきながら作成したので大丈夫かなと思いつつも、なかなか反応がなく、少し変更しようか考えていたところでした。

引き続きブラッシュアップしながら、頑張っていきたいと思います！🔥

#RyoHack

[さな | Webコーダー @sa7e110]

@Ryo_web_cording ありがとうございます！
行動量をもっと上げて、チャレンジしていきたいと思います😆✨

[さな | Webコーダー @sa7e110]

#RyoHack
🎉1周年おめでとうございます！✨

りょーさんやメンバーの方々の行動を見ていると
「よし！私もやろう！」と自然と思えてくる素敵な環境だと思います！

進むべき道が明確になって、行動量も自己肯定感も上がり・・🔥
RyoHackのおかげで毎日楽しいです☺️

これからも日々頑張ります！
りょーさんいつもありがとうございます🙇✨

[りょー｜フリーランス @Ryo_web_cording]

＼ RyoHack 1周年✨ ／

ちょうど1年前の3月9日。

初期メンバーを募集してから、今日で1年が経ちました。

現在、メンバーは143名。
個性的で熱い皆さんに囲まれ、僕自身が一番刺激をもらい、毎日を最高に楽しく過ごせています✨

そして一人ひとりの存在が、
僕が毎日ワクワクしながら活動できる一番の原動力です！

"よくわからないけど、なんだか凄い集団"

を目指して、突き進んでいきましょう！👊

#RyoHack

メンバーの実績や次回募集についてはリプ欄をご覧ください！👇

[さな | Webコーダー @sa7e110]

@Ryo_web_cording @haruka_graphic @s_fam12 公開おめでとうございます！🎉
アニメーションも写真もめっちゃかっこいいです✨✨
次どうなる？とワクワクしながらスクロールしていました！
「こんなこともできるんだ！」と感心することばかりで、自分ももっと色々挑戦してみたいと思いました☺️

[さな | Webコーダー @sa7e110]

@su_aoi2887 アオイさん、いつもポスト拝見しています。有益情報をありがとうございます😊
構造化マークアップについて勉強させていただきたいです✨
好きなWeb用語は、justify-content: です！
よろしくお願いいたします🙇

[さな | Webコーダー @sa7e110]

久しぶりの投稿です🐸
WordPressサイト（6ページ）の初稿を提出しました！

今回は既存構成をベースにした案件で、
CSSの整理や調整に想像以上に時間がかかりました。
その分、
「自分ならどう設計するか」を改めて考える良い機会に🤔✨

自身の課題とも向き合うことができ、
今後につながる大切な経験となりました。

一つひとつの案件を大切に、
これからも着実に積み重ねていきます😊🔥

[さな | Webコーダー @sa7e110]

🐸昨日提出したLP、先方より嬉しいお言葉いただきました！

「ばっちしです！よくできてます！」

ほっとしました〜〜😮‍💨
初めてのカラーミーショップでの実装だったので、先方も私も少し不安な状況でしたが、テンプレートを触らない実装だったのが結果的によかったです。

「早め早めに・・」と唱えながらコーディングを進められたことで、気持ちにも余裕ができました☺️✨
安心してお任せいただけるよう、これからも精進していきます🔥
#Web制作

[さな | Webコーダー @sa7e110]

#ウィークリーコーディング に挑戦！

【ホバーでカードをめくってみよう】
CSSだけで3Dカードを実装✨
perspective / preserve-3d / backface-visibility
それぞれの役割分担が大事だと理解できた😊
#デイトラ

[さな | Webコーダー @sa7e110]

#デイトラ から記念品をいただきました☺️✨

ありがたいコメントまでいただき、本当に感謝の気持ちでいっぱいです😭

この気持ちを忘れず・・「仕事を任せてよかった」と思ってもらえるように、今後も一歩ずつ成長していきたいと思います💪😊✨

[さな | Webコーダー @sa7e110]

@showheyohtaki 契約書

[さな | Webコーダー @sa7e110]

@hamanoka_design はまちーさん☺️ご卒業おめでとうございます！！🎉
すごいです！！✨ポートフォリオ楽しみにしていますね😊