Nago＠Webデザイン・制作

【ご報告】 ポートフォリオサイトを公開しました！✨ nagomi-design.info/design-portfol… 「シンプルだけど、心地よい体験」を目指してデザイン〜実装まで制作しました😊 映画をモチーフに、サイト全体に"映画らしさ"を感じる演出を散りばめています🎬 ぜひゆっくりご覧ください！ 【こだわりポイント🌿】 🎞 Loading：カウントダウン＋フィルム風アニメーション 🎬 FV：エンドロールのように画像が切り替わり、テキストが下からふわっと登場 ⓒ コピーライト：映画ラストシーンを意識し、下からゆっくり浮かぶ演出を追加 🛠 デザインも自作：構成・演出・実装まで統一した世界観に仕上げました！ 「制作会社さま」「エンドユーザーさま」どちらにも、 心地よく迷わず操作できる体験を届けられるよう、細部まで丁寧に仕上げています。 ご相談・ご依頼はフォームまたはDMよりお気軽にどうぞ🌸 #Web制作 #コーディング #ポートフォリオ #RyoHack #デイトラ

🕐学習メモ💻✨ #Web制作 #バイブコーディング #WEBMARKS #Figma バイブコーディングも少しずつ学習していきたいな…！🤔 AIを活用した開発、 これからは避けて通れない領域な気がしてる。 まずは Figma MCP あたりから触ってみようかな。 デザイン → コーディングの流れがどう変わるのか気になる👀 新しいことに手を出すのはちょっと勇気いるけど、 少しずつでも触れていけばきっと武器になるはず💪 #今日の積み上げ #継続は力なり

🕐3/30｜本日の積み上げ💻✨ 「URLって、同じページでも複数存在できる」 …これ、SEO的にめちゃくちゃ重要な話だった。 🔹WEBMARKS SEO 第3回課題｜URL正規化 http / https　www あり / なし、 末尾スラッシュの有無…… 実はすべて「別ページ」としてGoogleに認識される。 放置するとコンテンツが分散して 評価が薄まる「重複コンテンツ」になってしまう。 対策はシンプル。 「正規のURLをひとつ決めて、そこに統一する」 canonicalタグやリダイレクト設定が なぜ必要なのか、ようやく腑に落ちた気がした。 —————————— 【本日のチェック】 ✅ SEO課題 第3回 提出完了 —————————— 「丁寧に積み上げた日は、ちゃんと前に進んでる」 #今日の積み上げ #継続は力なり

@Hiro_web_code インプットだけじゃなくて、実際にやってみて初めて身につきますよね！ ヒロさんを見習わないと🧐

2026/3/29 total2041h #デイトラ 749日目 この週末 ✅案件K：WPテーマを使ってできることを検証 ✅SEO学習：内部リンクの理想の形を知る。URL正規化（301リダイレクト、canonicalタグ）…動画を見た時点では一度で理解できず実際にやってみて理解🫡 調べたこと→WordPressの場合、SEO SIMPLE PACK や Yoastを入れるとcanonicalタグの最適化が自動でされる。静的サイトや独自CMSでは、に手書きの必要あり。 #WEBMARKS ✅片付け会社　投稿作成 🏠来客 ✨念願の電動昇降デスク届く（組み立ても頼んだ）。座りっぱなしを卒業します！ 🥂私もほぼ知り合いゼロのパーティに、人見知りの息子を連れて参加（決して無理やり連れて行ったわけではありません）。最初「帰りたい」と言っていた息子も、周りの人とお話しでき、それなりに楽しんでくれた様子。 いろんな環境を知るのは良いことだと思うので、一緒に行けてよかった😌

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

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

🕐本日の積み上げ💻✨ #SEO学習 #WEBMARKS #継続学習 #デイトラ ✅ WEBMARKS SEO講座 第3回「URL正規化」受講 URLの重複を防ぐ 301リダイレクト と canonical の使い分け、 思っていた以上に奥深かった…！ 「同じように見えるURLでも、 検索エンジンにどう正しく伝えるかで評価が変わる」 という視点がすごく勉強になりました。 知っているつもりでも、 仕組みまで理解しようとするとまだまだ発見が多い。 一つずつ整理しながら、自分の知識にしていきたい💪 #今日の積み上げ #継続は力なり

@hayakawa_design 蟹美味しそう

また昼から飲みです 蟹食べにきてます🦀

@samuraibrass しょーごさん はじめまして、以前よりYoutube拝見させていただいておりました。 今回WEBMARKSさんの2期生SEO講座に参加しております。 質問会楽しみにしてます！

以前登壇したデイトラ×WEBMARKSセミナーですが、「デイトラ×WEBMARKSの2期生SEO講座」にて、講師として参加することになりました！ 課題の質問回答会では現場の話などもできればと思うので、講座参加されてる方はよろしくお願いします🙇‍♂️ #デイトラ #WEBMARKS

🕐3/28｜本日の積み上げ💻✨ 🔹コーディング TOPページのピクパ作業。 カンプと数値で合わせていく地道な作業が 完成度を上げる近道だと実感💪 🔹フォント調査 カンプで指定されていたフォントがGoogle Fontsになく デザインに近い代替フォントを自分で探して対応。 フォント選定の視点が少し鍛えられた気がする🔤 🔹SEO学習（WEBMARKS第2回） alt属性と内部リンクについて学習。 ・alt属性は意味のある画像にだけ設定する ・アンカーテキストはリンク先の内容が伝わる文言で ・本文中の内部リンクがSEO効果高い —————————— 【本日のチェック】 ✅ TOPページ ピクパ完了 ✅ フォント代替対応 ✅ SEO学習（alt属性・内部リンク） —————————— 休日も積み上げた分だけ、着実に前に進んでる🌱 #今日の積み上げ #継続は力なり #Web制作

@shu_web_net 自分は今流行りの会社立ち上げてみました。 まだいろいろできそうなので使うと使わないだと大きく差が開きそうで勉強してます。

@NagomiDesigns いまお仕事させていただいてる企業様がAIがんがん活用する方針で、いろいろ勉強させてもらってます まだ、スキルとか使ってないんですが、それもヒマ見て触ってみます 便利とかの域を超えてますよね...😅

#Web制作 #コーダー Claude Code契約して、Cursorと紐づけ＆動作確認完了！ なんか嬉しいすね😁 エディターも今後しばらくCursorメインで使ってみることにしました 早速、今夜の案件作業から使ってみます いったん、わんこのおさんぽ行って、ご奉仕してきます さあ、楽しくなってきました...😆

🕐3/27｜本日の積み上げ💻✨ 今日からClaude Codeを本格導入してみた🤖 AIで「仮想会社」を作れる機能を試したら 思った以上に使えて驚いてる… 🔹Claude Code × 仮想カンパニー タスク管理・案件管理・学習記録など 部署ごとに役割を持たせて運用スタート AIが秘書になってくれる感覚、これは便利 🔹Notion MCP連携 NotionとClaude Codeが繋がった！ これからの使い道がめちゃくちゃ楽しみ —————————— 【本日のチェック】 ✅ Claude Code 仮想カンパニー構築 ✅ Notion MCP連携 完了 —————————— まだ試したいことが山積みだけど 少しずつ使いこなして業務効率化していく🔥 AI×Web制作の可能性、まだまだ広がりそう！ #今日の積み上げ #継続は力なり #Web制作 #ClaudeCode #AI活用

#SEO学習 #WEBMARKS #継続学習 今週の課題、無事提出完了📩 ここからが本番で、 ・動画を何度も見返して記憶に定着させるか ・仮想クライアントを立ててアウトプットするか どっちに時間を使うか悩み中🤔 インプットを深めるか、 アウトプットで使える状態にするか…。 どちらも大事だけど、 この時間の使い方で成長スピード変わりそうな気がする。 少し試しながら、自分に合うやり方見つけていきたい💪 #今日の積み上げ #継続は力なり #デイトラ

🕐SEO学習メモ💻✨ #SEO学習 #WEBMARKS #Web制作 SEO講座の課題で、 対策する自治体サイトは決まったけど…🤔 該当ページって、トップページから全部たどって探すのが正解？ それとも ・検索意図ベースでページを特定する？ ・ツールで流入ページを洗い出す？ 実務ではどうやってるのか気になる…。 SEOマーケターって 「どのページを改善するか」ってどう決めてるんだろう👀 #今日の積み上げ #継続は力なり #デイトラ

今日の学び✍️ descriptionは、検索結果で 「読むかどうか」を決める大事な要素。 Hタグは、ページ全体の流れを整えて 読みやすさやユーザー体験を高める重要な要素。 どちらも欠かせないけれど、 特にHタグはコンテンツやページ構成そのものに関わる分、影響が大きいと感じました💡 #WEBMARKS #SEO #積み上げ #デイトラ

@kotoori0815 ことおりさんも受講していると心強いです！ 一緒に頑張りましょう！

@NagomiDesigns おお、NagoさんもSEO講座やってるんですね。 私もWEBMARKSのSEO講座を始めました（今Titleタグの動画見てますｗ） 奇遇ですね😆 Nagoさんもやってると思うと気合が入ります🔥

🕐3/22｜本日の積み上げ💻✨ 1h #Web制作 #SEO学習 #継続学習 #WEBMARKS 今日は SEO講座を本格スタート📘 🔹SEO講座（1h） ・titleタグ ・description ・Hタグ 単語自体は知っているけど、 いざ使うとなるとパッと出てこない…。 だからこそ、 反復して“使える知識”にするのが大事だと実感。 今日はまず titleタグの学習まで完了。 基礎だけど、ここを曖昧にしないように固めていきたい。 —————————— 【本日のチェック】 ✅ SEO講座開始 ✅ titleタグの理解 —————————— 基礎を丁寧に積み上げる。 これが後で効いてくる💪 #今日の積み上げ #継続は力なり

@JamesSakam43572 youtubeとかでcursorで説明してるのが多いのでUI一緒にしたほうがとっかかりやすいのかなと思いまして！

@NagomiDesigns VS CodeはClaudeCode使用できないんですか？👀 私Cursor派でして、、🧐

🕐検討中💻✨ #Web制作 #Cursor #VSCode #開発環境 Claude Code使いたくて、 VS Code → Cursor に移行するか悩み中🤔 AI周りの機能かなり強そうで気になるけど、 今の環境も慣れてるからいきなり完全移行はちょっと怖い…。 とりあえず並行で使ってみて、 使い勝手見ながら判断するのが良さそう。 こういう環境選びも、 地味だけど作業効率に直結する大事なポイント💡 #今日の積み上げ #継続は力なり

🕐3/17｜本日の積み上げ💻✨ #Web制作 #健康習慣 #案件対応 今日は 制作と運動、両方動いた1日。 🔹案件② 一通りの対応が完了し、 残すは 試験のみ となりました。 ここまで来ると一安心ですが、 最後の詰めが一番大事なフェーズ。 気を抜かずしっかり仕上げていきたい。 🔹ジョギング 昨日のスクワット＋ジョギングの影響で 足全体がしっかり筋肉痛…😂 久しぶりに体を動かした実感。 無理せず、でも止めずに、 少しずつ習慣を戻していきます。 —————————— 【本日のチェック】 ✅ 案件②：ほぼ完了（残り試験） ✅ ジョギング —————————— 仕事も体づくりも、どっちも積み上げ。 一歩ずつ整えていきます💪 #今日の積み上げ #継続は力なり

「うちのHP、ちゃんと集客できてるのかな…」と不安な人は、一回Manus（ @ManusAI_JP ）触ってみて。 URLを渡すだけで、SEO監査→コンバージョン率の改善提案→修正コードの生成→詳細レポートの提出までやってくれる。SEOとUIの専門家を雇う感覚です。 何がどうすごいのか、深掘って解説しました👇