よん| Web制作

【制作実績】 東京都武蔵野市で造園業と不動産業を営む株式会社ユウライフ様のHPリニューアルにあたり、デザイン＆コーディングを担当させていただきました。 URL： yon-code.studio.site/works/3XlXXMt_ =========================== ▷担当範囲：情報設計、デザイン、コーディング ▷制作時間：3週間 ▷ツール：Wordpress、figma ▷ご依頼内容：HPが古くなたっため更新を希望。メイン事業である「造園」にあったイメージにしてほしい。 ▷デザイン概要： ・コンセプト | 造園の「空間美」を体現する、余白を活かしたミニマル&モダン ・UI設計 | あえて施工写真を使わず、文字と余白のバランスのみで「質の高い空間」を演出。直感的に情報を読み取れるストレスフリーなレイアウト。 ・配色 | 森林を思わせる深い緑（#2E7D32）を基調に、土や石の質感を感じさせるグレー（#222222/484A4B）など配置した自然由来のパレット。 ・フォント | 視認性と誠実さを両立させるため、端正な「Noto Sans JP」を全面に採用。 =========================== #Web制作 #Webデザイン #デイトラ

@wkty_nsmr その気持ちよく分かります🤔 多分ほとんどの人がその状態ですが、 自分の中で折り合いをつけて日々生きている気がしてます🤫 お互い「やりたい事」が出来るように今は頑張りましょう💪✨

@yon_programmer よんさんの投稿楽しみにしてました！ 僕も普段から「やりたいこと」ができずに「やらないといけないこと」をこなす日々になっていると実感しています。 今の環境をなんとかするためにお互い頑張らないとですね🔥 海外も国内ノマドも楽しそうです〜🏖️

#デイトラ　 この度は6周年おめでとうございます🎉🎉🎉 せっかくの機会なので、デイトラ受講開始の経緯から自身の変化など。 自身のこと書いてみました📝 #エピソード　#Web制作　#デイトラコミュニティ 「人生」を見つめ直して、Web制作の道｜yon note.com/yon_code/n/n1e…

@masumi_614 workspaceのプランも迷いましたが、 Gemini性能優先でStandardにしました👍 そうなんですね！！ Cursor✖️claudcodeも気になります🤔

@yon_programmer Gemini移行は大正解ですね✨️ Workspaceにしたら安くなるのでありがたいですよね。 私はCursorとClaude Codeも入っているので、AIと生活してます😆

【AI活用の見直し】 案件が落ち着いてきたので、 このタイミングで制作環境を見直すことにしました。 ・ChatGPT Plus → Gemini （Googleの拡張性を重視） ・Claude Code の導入 Cursorも検討しましたが、 一気に始めすぎるとパンクしそうなので、 まずは「VS Code ＋ Claude」で様子見したいと思います👀 #Web制作 #AI活用

@moOchan_coder そうだったんですね😳 残り時間で使える選択肢を増やすためにも、お互い頑張りましょう👍

@yon_programmer 臨床看護師の方の言葉は沁みますね。。 私もコロナの時期に、人生の残り時間を意識するようになりました。 これからも一緒に頑張りましょう！

@Mizuho15396314 みずほ様、ありがとうございます！ 実は隠し持ってました🥷🌍 ワールドワイド...いい言葉いいですね笑 キャリア的にみずほさんを参考することも多いので、引き続きよろしくお願いします😁

@yon_programmer ヨン様、本業がありながら着実に積み上げててすごいなあと思ってたんですが、ワールドワイドな夢があるんですね! 応援してます!!

@hayakawa_design 早速嬉しいコメントありがとうございます😊 今やることは明確なので進んでいきます🏃💨 ハヤカワさんもノマドに興味が出てきた際にはぜひご相談を🗣️笑

@yon_programmer よんさん楽しみにしておりました！ 今のよんさんは本当に生き生きとしているように感じるし、兼業も大変ではあるかと思いますがWEBのお仕事に対する熱意もめっちゃ伝わってきます🔥 ノマドの夢もきっとよんさんなら叶えられると思います☺️

@NagomiDesigns そうですね😂 特にここ1ヶ月で良く見ます👀

@yon_programmer 皆さんAIの見直ししてますね🤣

@Mizuho15396314 私も拝見しました‼︎ 大変な状況でも自分の人生を自ら切り開いていく姿は本当尊敬します👏 同じような悩みを抱える方に是非読んで欲しいですね😌✨

自分のことを書くのはあまり得意ではないし、とにかく恥ずかしいのでたくさん悩みました。 でも人生を変えてくれたデイトラに感謝したい、その気持ちのみでありのままに書いてみました。 肉や椅子が目当てではありません。 誰かの一歩を踏み出すきっかけになれたら嬉しいです!! #デイトラ note.com/mizuho_nishika…

☑︎案件A(HP構築)→初稿提出 ☑︎案件L(HP構築) →対応中(9割完成) ☑︎案件L(ｴﾝﾄﾞ) →ﾗｲﾃｨﾝｸﾞ待ち ☑︎ﾁｰﾑｸﾘｴｲﾃｨﾌﾞMTG ☑︎千葉作業会 SEO講座とても悩みましたが、 今は他にも取り組むべきこともあり100%コミットできる確信ないため、今回は見送ることにしました。 親身に相談のっていただいた方々ありがとうございました🙏🙏🙏 千葉作業会ではAIを活用したコーディングを見せてもらい大変参考になりました😳 こういう機会があるのは有り難いですし、同時にコミュニティに入ってて良かったなと思う瞬間でした💻✨ #デイトラ

@fasao_web0305 ふぁさおさん 本当ありがたいです🙏しっかりと一件ずつやっていきます🤩 ふぁさおさんのご報告も楽しみにしてますね😁また今度お話ししましょう🗣️

@yon_programmer よんさん 物凄い勢いで案件獲得されてますね🎉 私も頑張らないと🫡

☑︎案件A(HP構築)→下層WF作成中 ☑︎案件L(HP構築) ※新規受注 ☑︎案件M(HP修正)→ 完了 ☑︎案件L(ｴﾝﾄﾞ) →ﾗｲﾃｨﾝｸﾞ待ち ☑︎案件F(ｴﾝﾄﾞ) →問い合わせ対応中 ☑︎ﾁｰﾑｺﾐｯﾄｸﾘｴｲﾃｨﾌﾞMTG ☑︎新ﾎﾟｰﾄﾌｫﾘｵ作成 2月もあっという間でした。ﾊﾔｲ… このまま一年終わったねーとならないように、目標に向かって計画的に頑張ります🏃 ちなみに今年の目標は、 「クリエイターを本業にする」です🔥 #デイトラ

@y_ma_1110 その積み重ねだけで一年過ぎ去ってしまいそうですよ😇 ありがとうございます✨早く良いご報告できば…😏 一緒に頑張りましょう🤝

@yon_programmer 私も毎日「また今日が終わってしまった…」の繰り返しです😂 目標 👀✨ 達成のご報告たのしみにしています！

サーバーへのアップでヒヤヒヤ😨 HP修正案件で公開前日の23時から作業開始💻 テスト環境で最終確認後、FTPの本番環境にそのままアップ。するといくつかの画像が差し変わっていない、CSSが当たってなどの不具合が😱 一方、シークレットモードで確認すると問題なく反映されてるため、データではなくキャッシュ側に原因があると断定🔍 調べたところcssファイルに「?v=1.0」等を付けることで、ブラウザ側が別ファイルとして再読み込みをしてくれるとのこと。 結果としてこれが功を奏し、23:50に無事にアップデート完了✅ ファイル名更新によるキャッシュ更新、時間に余裕持って取り組むことの大切さを身をもって感じました📚 作業後は安堵感からいつもよりぐっすり眠れました😪(気がする) みなさんもHP更新や修正を行う際にはご注意ください⚠️

@wkty_nsmr @hayakawa_design @Lanka_designs 昨日はありがとうございました！ 月末のため強制退出されられるのは、初めて知りました😳 またよろしくお願いします〜🙏

自習室でご一緒してくださった @yon_programmer さん @hayakawa_design さん @Lanka_designs さん 相席ありがとうございました！

2/28 689日目 2h ✔修正対応(転送先変更) ✔月報提出 修正対応が無事終わったので手順のマニュアルも作りました なんとか解決できてよかった... #デイトラ #デイトラコミュニティ

☑︎案件A → WF先方確認 ☑︎HP修正案件→ 対応中 ☑︎ｴﾝﾄﾞ案件① →WF調整 ☑︎ｴﾝﾄﾞ案件② →問い合わせ対応中 ☑︎ﾁｰﾑｺﾐｯﾄｸﾘｴｲﾃｨﾌﾞMTG ☑︎新ﾎﾟｰﾄﾌｫﾘｵ作成→ デザイン完成 少しずつですが、色んなお話を頂けるようになってきました🙏 今後は稼働時間を見積りながらご対応出来ればと思います⌛️ そしてﾁｰﾑｸﾘｴｲﾃｨﾌﾞ企画が→ﾁｰﾑ「ｺﾐｯﾄ」ｸﾘｴｲﾃｨﾌﾞに進化しました🎉笑 #デイトラ

@wkty_nsmr @chisa_dailylog_ @TREX09240217 昨日はありがとうございました！ 久しぶりの相席でとても作業が捗りました🙌 またよろしくお願いします🤗

自習室でご一緒してくださった @yon_programmer さん @chisa_dailylog_ さん @TREX09240217 さん 相席ありがとうございました！

2/20 681日目 1.5h ✔ポートフォリオ(共通部分) セクションの左右の余白、これまで固定(px)にすべきか可変(%)にすべきかうやむやにやっていたので調べました 「仕上がりの安定感」は固定(px) 「柔軟性」は可変(%) marginのauto、max-widthも組み合わせるとよりきれいになる #デイトラコミュニティ

☑︎案件L → 納品 ☑︎案件A → WF作成 ☑︎ｴﾝﾄﾞ案件MTG ☑︎ﾁｰﾑｸﾘｴｲﾃｨﾌﾞMTG ☑︎新ﾎﾟｰﾄﾌｫﾘｵ作成 最近はﾜｲﾔｰﾌﾚｰﾑ多めですが、その前段階(要件定義、競合分析)で苦戦中😇 ここは目標達成の重要ポイントだと思うので、めげずに頑張ります💪✨ #デイトラ