のっこ | Web制作

デイトラ 第4回実案件チャレンジ にて 合格証をいただきました🎉 👇今回の制作物 marweblog.xsrv.jp/global-standar… 制作期間：約1週間 この経験を励みに、今後も精進しながら取り組んでいきます！ #デイトラ #Web制作

ファイル名にアンダースコア（_）を使うかハイフン（-）を使うかの話で、意外と見落とされがちなのが「ダブルクリック時の挙動の違い」だと思います。 アンダースコアで区切っている場合は一気に選択されますが、ハイフンで区切っている場合は単語ごとに選択されます。 この挙動を利用すると、ダブルクリックで狙った範囲だけを選択できます（アンダースコアとハイフンが混ざるのは気持ち悪いという人もいるとは思いますが……）。

「頑張らなきゃ」って気負わずに、 自然に続けられていたこと。 それはいつのまにか、 君の大きな力になっているよ。 特別な努力に見えなくても、「続いてきたこと」そのものが宝物なんだ💎

@Ryo_web_cording @haruka_graphic @s_fam12 公開おめでとうございます！ 映像のようなアニメーションで、思わず食い入るように見てしまいました👀 「こんなこともできるのか…！」が詰まっていて、めちゃくちゃかっこよかったです✨

💫New Ryo's Portfolio 公開しました！ 考え、悩み、こだわり抜く AIによる効率化の時代だからこそ、 一つひとつに向き合う大切さを再認識しました。 そして何より、やっぱりコーディングが好きです！ 🤝 Special Thanks 　- Design : Haruka @haruka_graphic 　- Photo : Satoshi @s_fam12 （- Coding : Ryo） 🔗 Site URL プロフィール欄下のリンクよりご覧になれます。 ぜひ感想もお待ちしてます✨

【Work】 北海道札幌市にある絵本専門店 「ちいさなえほんや ひだまり」様 のホームページ制作に携わりました！ 🔗 ehon-hidamari.com ■担当範囲 営業・企画・公開までディレクションを担当 ■ターゲット 子育て中の30代女性 ■ 本件の背景 店主の想いが詰まった素晴らしいお店である一方、 WEB上の情報は古く、店内の雰囲気やお店の情報が十分に伝わっていないと一顧客として感じました 「このお店の魅力を、必要としている方に正しく届けたい」という想いで提案・制作に至りました ■ディレクションについて ・自分の強みであるフロント業務を活かし、店主の想いを徹底的にヒアリングしました • 制作陣が迷わない具体的な指示出しと、スピード感のあるレスポンスを意識しました ■ お客様からの声 「話を引き出すのがうまい！話しているとアイディアが止まらない！」 と、嬉しいお言葉をいただきました ■最後に 本件は、自分の足を動かして獲得した思い入れの強いプロジェクトです！ 信頼する制作メンバーがいたおかげで、チーム一丸となって完成させることができました✨ 制作メンバー Design:@suzuzu321 さん Coding:@mar_web_design さん

この度はお声がけいただき、ありがとうございました✨ 店主様の想いを大切にされていることがとても伝わってきました📚 みさとさんのディレクションのおかげで、制作もとても進めやすかったです🙏 素敵なプロジェクトに関わらせていただき、とても嬉しかったです✨ 今後のご活躍も楽しみにしております🌸 またご一緒できる機会がありましたら、よろしくお願いいたします☺️

@su_aoi2887 アオイさん、はじめまして。 構造化マークアップについて、ぜひ学ばせていただきたいです！ 好きなWeb用語は、「text-align: center;」です✨ どうぞよろしくお願いいたします。

🎁構造化マークアップについてのPDF配布します🎁 2024年12月ごろに #デイトラコミュニティ 内でイベント #アオ青 「構造化マークアップについて」を開催していました！ その時の勉強会で用いた資料をスライドPDF（全17ページ）にまとめましたのでもし欲しい方いたら配布します！ ☑️構造化マークアップとは ☑️実際のコード例 ☑️便利ツール紹介 勉強会からもう1年以上経ちますが、ありがたいことに ・わかりやすかった ・知らなかったので知れてよかった ・早速使ってみたい 等のお声をいただきます☺️ 好評だった内容をそのままPDF化しています🌊 （内容は開催当時のものから変えていません！） 欲しい方いたら ①フォロー ②このポストにリプ いただけましたらDMさせていただきますね！ 〆3/5（木）23:59まで📅 リプの内容は「好きなWeb用語」でお願いします！（特にない方は好きな色教えてください🤣） よろしくお願いします🪼

＼WordPress案件を納品しました／ この度ご縁をいただきLPを作成させていただきました🎉 これからも1つ1つ大切に丁寧に取り組んでまいります💪 支えてくださった皆さま、本当にありがとうございます✨ ありがたいことに 0→1達成🍀 ここからが本当のスタート🏃‍♀️さらに精進します🔥 #RyoHack #デイトラ #Web制作 ■制作実績 ehon-hidamari.com ■担当範囲 コーディング ■初稿提出 2週間 ディレクション：みさとさん @mii_web7112 デザイナー：すずさん @suzuzu321 温かくやさしい世界観と、たくさんの想いが詰まったサイト制作に携われたことをとても嬉しく思います✨📚 ありがとうございました🌸

@suzuzu321 @mii_web7112 この度はご一緒させていただき、ありがとうございました✨📚 想いが込められた温かな世界観が伝わる素敵なデザインで、拝見していて和やかな気持ちになりました☀️ 今後のご活躍も楽しみにしております💐 またご一緒できる機会がありましたら、よろしくお願いいたします☺️

【実績公開📚】 札幌市にある「ちいさなえほんやひだまり」様のホームページデザインを担当し、この度公開されました✨ ehon-hidamari.com 担当範囲：ホームページデザイン ディレクション：みさとさん@mii_web7112 コーディング：のっこさん@mar_web_design 今回こだわった部分は沢山ありますが… ◎絵本のような、柔らかくほっとする優しさのある世界観 ◎お店の信頼感や店主様のお人柄が伝わるようなデザイン設計 ◎初めて訪れる方でも分かりやすい構成 を大切に、制作しました✨ 今回ご依頼頂き的確なディレクションで進めてくださったみさとさん、 丁寧にスピーディにコーディングしてくださったのっこさん、本当にありがとうございました💐☺️ ※ご相談やご依頼は、現在空きがございますので、是非お声がけください😊

ひろむさんのアニメーション講座、 説明がとてもわかりやすくて「なるほど！」と思いながら進めています✨ SVGの一部を動かす方法も本当に勉強になる…！ 何より、要素ごとに分けて考えるやり方を取り入れたことで、以前より実装しやすくなりました🙌 この先も楽しみです！コツコツ進めていきます💪

開発環境だけでなく、コーディングやGitの運用ルールまで整っており、単にコードを書くスキルだけでなく、環境構築を含めて全体を見直したいと思っていた私にとって、とても学びの多い内容でした✨ これまでBEM中心でしたが、これを機にFLOCSSも理解を深めていきます💪

Chromeのタブがさらに便利に進化！ 分割表示の次は、なんとタブを垂直に表示できる -Vertical Tabs coliss.com/articles/build…

@Ryo_web_cording ありがとうございます！ スピード感を大切にしつつ、丁寧さも忘れずに進めていきます🔥 実務も全力で取り組みます💪

@mar_web_design スピード感が良さげです✨👍 実務も気合い入れて頑張っていきましょい！🔥

この度、ご縁をいただき実務を任せていただけることになりました！ 全力で頑張ります🔥 朝活ではアニメーション学習→アウトプットとして 模擬案件体験のFVを一部アップデートしました。 引き続き、取り組んでいきます💪 #Web制作 #デイトラ #RyoHack

Web制作者のレベルを上げるGitの話 〜運用ルール編〜 Gitの怖い所って 「変なことしちゃったらどうしよう...」 って思っちゃう所ですよね。。 でもそれ、ひとまず この 「3つの鉄則」 だけ守れば 大きな事故は防げます ✅️作業は必ず「専用ブランチ」で main ブランチに直書きは基本NGです🙅‍♂️ feature/add_top など、 作業用のブランチを別途切ってから作業しましょう ✅️作業の前後にmainブランチを確認 「main ブランチ、更新されてないかな？」 これは必ず確認してほしい もし更新されてたら、 自分のブランチに取り込んで（マージして） 「最新の状態」 にしてから作業スタートでOKです ✅️過去に戻るときはブランチをきる 「あの時のコードを確認したい・・！」 って履歴を遡る時、実は要注意 そのまま作業すると 「迷子（detached HEAD）」になっちゃいます.. 過去に戻るなら、 「その地点から新しくブランチを作る」 これを忘れないでくださいね😌 「最新の状態を確認しながら進める」 これをとにかく徹底すれば コンフリクトなどの事故は激減する 少しずつ慣れていきましょ〜！

1/3 2026年の目標設定会に参加！ 初めてのマンダラチャートで「心・技・体・生活」をバランスよく整理✨ ✔ 定量化　✔ 自分軸　✔ ポジティブ を意識 やるべきことがぐっと明確になりました。 日々コツコツ積み上げていきます😊 じっくり取り組む機会をいただき、ありがとうございました！ #デイトラ

2026年を最高の年にしたいならこの5つ意識しましょう ①健康を最優先する。栄養あるもん食べて、適度に運動して、7時間は寝ろ ②7割の力で働け。そしてフルパワーで遊べ ③何事も深刻に考え過ぎるな。気楽にやれ ④やりたい事をやれ。やらない後悔は一生残るぞ ⑤筋トレしろ。筋肉はすべてを解決する

新年一発目のTestosteroneさんの記事にて、人生が変わる習慣についてお話してます 2025年僕があらゆるところでお話してきたことの集大成であり、それをビシッと纏めて頂きつつ、テスさんの視点と実績が掛け算された内容です 当たり前のことも書いてありますが、それにはちゃんと理由があり、再現性もあり、やれば大きく変わる、文字通り最強習慣だと思います

新年あけましておめでとうございます🎍 昨年は実案件チャレンジに合格し、大きな自信になりました✨ 今年も学びと実践を重ねながら、一歩ずつ着実に前へ進んでいきます😊 本年もよろしくお願いいたします！ #Web制作 #RyoHack

忙しいを理由に機会損失をしないために 「忙しい」という感覚にはたびたびなるんですが、冷静に考えてみると、もうちょい細かく分けられて 1. どう考えてもやるべきことと、自分のキャパシティのバランスがおかしくて物理的に時間が足りない 2. 意思決定しなきゃいけないことが渋滞してて宙ぶらりんになることで、マインドシェアがいつも取られてる 3. 雑多に色々なことがあって、優先順位がつけられていない 1は断捨離が必要。あとキャパを超えて受けすぎなので、受けない勇気、断る勇気が必要 2は意思決定したくないとか、決めることがストレスだから、意思決定を先送りしてしまいたい という時間の制約じゃないことが問題なので、3秒で方向性だけは決めてしまって 伝えるタイミングの問題とかに整理しちゃうと、マインドシェアから片付けられる 3は急に誘われた会とか、公共料金の支払いとか、期限がある面倒な書類手続きとか、今やらなくてもいいけど必ずやる必要があることとかで こういうのは、タスクを全部書き出して、大体それにかかる時間も横に書いてみると驚くほど大したことじゃないことに気づいて、さっさと片付けられる 1こそはほんとうの忙しさなんだけど、結構2.3の問題だったりするので、こうやって整理すると、忙しい雰囲気だけと、忙しくないことがわかって ほんとうにやりたいことに時間が使えたり、やりたいことを無駄に断らなくて済んだりする