もぐ

WEBエンジニア👩‍💻

[こう@コーディング一本で生活してます @Kou_bangkok]

https://t.co/2xeduu3fDV

[もぐ @m1lb4]

久々にFigmaでUIを作ってる！プロダクトデザイン楽しい❤️‍🔥
MCPでのコーディング再現精度も、数ヶ月前と比べて格段に良くなっていて本当びっくりする🥹

[もぐ @m1lb4]

もう1月終わりかけだけど、今年の目標と計画をちゃんとスケジュールに書きました📝

自分のサービスでしっかり収益化し、
受託開発は損得ではなく人の役に立てる仕事をしていきたい！
業務委託も、AIに頼むより仕事しやすいと思ってもらえるような気配りを。
あとは身体が資本なので、健康体になる！

[もぐ @m1lb4]

配色センスが絶望的なのでどうにかしたい…

[もぐ @m1lb4]

もうOpus4.5とCodexしか使えない身体になってしまって、自分でやったほうが早いような修正も依頼してしまって請求がやばい🥹

[もぐ @m1lb4]

お正月に頑張って自分のサイトをフルリニューアルしました！おしゃれさはないけど、情報設計がだいぶ良くなったと思う🙌ビジュアル面はまたフィードバックもらいながらブラッシュアップしていきたい！

[もぐ @m1lb4]

今年はプライベートでも仕事でも、大きな出来事がたくさんありました。間違いなく人生のターニングポイントとなった一年です！来年は、今年した選択が正解だったと言えるように歩んでいきます😊そして何よりも健康第一で✊

[もぐ @m1lb4]

自分のホームページのデザイン、いつまで経っても作れない問題、自分にヒアリングと要件定義をしていないからだった🥺

クライアントへのヒアリングは大切にしてるのに、自分に出来ていなかった…！

[Yusuke @yusuke_post]

Figma公式が
Figmaデザインを精度よくコードに変換するためのSkills
を公開しています

実際に試してみて、このSkillsを使用しない時と比べて
精度が良くなることを確認しました

▼今までは
Claude Codeが直接Figma MCPを呼び出していました

▼これからは
Claude CodeがSkillsに書かれている指示を参照してからFigma MCPを呼び出してコードに変換します

▼仕組み
Figma MCPの中のそれぞれのツールを
どの手順で適切に使えばいいかという"指示"が
詳細にSkillsに書いてあります

▼具体的な"指示"の内容
以下のような複数ステップで構成されるワークフローが
定義されています

①変換対象のフレームのIDを取得
②レイアウト、タイポ、カラー、コンポーネント構造、スペーシングを取得
③Figmaデザイン側のスクリーンショットを取得
④デザインデータを取得し、コード側の既存のデザインシステム、トークン、再利用可能なコンポーネント、既存のルーティング・状態管理と整合性をとる
⑤&⑥取得した画像と、実際のコードを比較して最終調整

↑各ステップでFigma MCPをどのように使えばいいかが詳細に書いてあります

▼Skillsの内容が読める公式レポジトリはこちら
https://t.co/8mf6ypNszE

[もぐ @m1lb4]

だいぶ前に作ってメンテもしてない個人開発のサイト、いまだに毎月数万円の収入があり、使ってくれてる方に本当に感謝です😭

そして個人開発は素晴らしいので、全人類やった方がいいです😭

[土屋尚史 / Goodpatch @tsuchinao83]

ゴッドタンやNOBROCK TVのプロデューサーとして有名な佐久間宣行さん @nobrock のHPをグッドパッチが作らせていただきました！

そしてUXデザイナーとしてラランドのニシダさんをアサインして、佐久間さんのWHYを引き出し、グッドパッチのデザイナーの栃尾が佐久間さんも涙出そうになるHPを作っております。

一体、何を何を言っているのかわからないと思うので、まずはこちらのYouTubeをご覧ください！

https://t.co/ousKM97OGd

[トミナガハルキ | フリーランス歴10年な人 @asobodesign]

「AIで育てる」を前提に設計した27種の無料Webテンプレートを公開しました！！ AIと会話しながらサイトをアレンジしていく「新しいWeb制作体験」をぜひ気軽に体験してほしい…！！ 登録不要・完全無料・商用利用OK（クライアントワークもOK）です！
https://t.co/GbyZC1C5oT

[SaaS飯 @saasmeshi]

気づいてるか？

AI時代、IT人材として生き残りたいなら『既存クライアントから困りごとが持ち込まれる関係性を作る』一択だ。

その理由を解説する。

まず、AIが普及すると“手を動かす作業”は、誰でもある程度できるようになる。その結果、作れる人が増えて、作業単価が下がるため、“作業者としてのIT人材”の価値が下がり、“問題解決者としてのIT人材”の価値が上がる。

問題解決者とは、「その会社の現場の困りごとを理解して、ちゃんと前に進められる人」のことだ。会社の困りごとは、ネット検索やAIとの壁打ちで出てくる一般論じゃ解決しないことが多い。会社ごとに使っているツールも違うし、担当者のスキルも違うし、社内ルールも違うし、予算も違うし、政治も違う。これらはAIがいきなり理解しづらく、理解できたとしても「社内で通る形」に落とし込むのが難しい。ここに人間の仕事が残る。

そして、この“現場の困りごと”は、常に発生する。

①新しい社員が入った
②退職者が出た
③部門が変わった
④業務フローが変わった
⑤新しい補助金が出た
⑥法改正が来た
⑦取引先から要望が来た
⑧売上が落ちた
⑨採用が止まった
⑩クレームが増えた
11在庫が合わない
12請求がズレた
13決済システムが落ちた
14アクセスが伸びた
15サーバー代が上がった

こういう“日常の変化”がある限り、困りごとは絶対に無くならない。だから生き残りたいなら、困りごとが起きた瞬間に「まずあなたに相談しよう」と思われる立場を取るのが最強だということだ。

なぜなら、既存クライアントは、すでにあなたを知っている。すでにあなたの仕事を見ている。すでに一度お金を払った経験がある。つまり信頼の貯金がある。信頼の貯金がある相手からの相談は、営業コストがほぼゼロだし、提案も通りやすい。

さらにもう一つ強い理由がある。それは“情報格差”だ。既存クライアントから困りごとが持ち込まれると、あなたはその会社の「次に起きる問題」を最速で知ることができる。AI時代、解決すべきテーマは、SNSのタイムラインではなく“現場”に落ちている。現場にいる人が「今まさに困ってる」ことこそが金の卵であり、困りごとが持ち込まれる関係性を持っていると、あなたは常に“次の需要”を先に拾える。

では、「困りごとが持ち込まれる関係性」って具体的に何か。それは、クライアントにとってあなたが「便利」かつ「安心」な存在になっている状態のことだ。

【便利】
❶話が早い
❷レスが早い
❸相手の状況を理解している
❹必要なときに適切な選択肢を出せる

【安心】
⑴秘密を守る
⑵無茶な提案をしない
⑶変な押し売りをしない
⑷できないことはできないと言う
⑸期限と品質の約束を守る

この“便利×安心”が積み上がると、「困ったらあの人に聞こう」が自然に起きる。

この関係性の構築は、AI時代におけるSaaS最大の負け筋「発注の内製化」にも強い。なぜなら、困りごとは“修正”じゃなくて“前に進まない原因”だからだ。AIで作れたとしても、業務が回らない、社内が動かない、データが揃わない、運用が続かない、責任の所在が不明、セキュリティが不安などの問題が残る。つまり、ここを片付ける人は必ず必要で、結果、AIで内製化が進むほど、「困りごとの交通整理ができる人」の価値が上がる。

私が個人開発したSaaS『Apps』は、知り合いの税理士の「コロナ禍で顧問料の未払いが増えている。クレカ決済を導入したい」という困りごとが開発のきっかけだった。この相談が私に来たのは、この税理士にとって「ITの困りごとと言えばSaaS飯」という第一想起があったからだ。

また、Apps自体も流通総額80億円を超え、利用者も堅調に増えている。これは、いくらAIで内製化できるとしても、トータルで考えたらSaaSを利用し続けたほうが良いと考えていることに他ならない。もちろん今後はどうなるか分からないが、私も生き残るためにAPIの拡充やセキュリティ関連投資を進めている。

結論。

困りごとが持ち込まれる関係性を作ると、「今月どうやって食う？」から解放される。精神的にも楽になる。そうすれば学習にも投資できる。結果、さらに価値が上がる。ここまで来ると強い。

これは根性論ではなく、構造の話だ。作業がコモディティ化する時代に、関係性と現場理解と信頼の“非コモディティ”を握る。これがAI時代の生存戦略の本質中の本質だ。

やるしかねえ。Don’t Work!

[azukiazusa @azukiazusa9]

Cursor こんな面白い感じになってたのなら早く教えてよ

[窓の杜 @madonomori]

「Node.js」に最大深刻度Highの脆弱性 ～v25.x、v24.x、v22.x、v20.x系統に影響／15日に対策済みのバージョンをリリース予定 https://t.co/jcgy0i2S9X

[アドビ クリエイティブ クラウド @creativecloudjp]

ChatGPT内でPhotoshop、Adobe Express、Acrobatが使えるようになりました！
各アプリの一部の機能を無料で利用することができ、誰もが創造性を発揮できるようになります。

いますぐ、ChatGPTでお試しください！

[𝘬𝘰𝘴𝘶𝘨𝘦 @9m]

これめっちゃ攻撃来ててうざい。便利すぎて犯罪者界隈でボーナス扱いされてると思う。Next.js使ってる人はちゃんと見たほうがいい。

https://t.co/LLYKB11p0g

[エナミコウジ@RaiseTech代表 | 自走力を鍛え上げるエンジニアリングスクール @koujienami]

こちらの投稿、色々な意見頂けてとても嬉しいです。やたら広まっててビックリしました。
参考程度に意図も含めて少し長文で話せたらと思いますが、まず前提として

相手の現場に行くかどうかはぶっちゃけどっちでもいい。

というのは伝えておきたいです。我々IT屋にとって大事なのは「お客さんの課題を解決できること」です。究極的に言えばシステム導入すら必要がないケースも多々あります。

そしてシステム導入が必要であっても、現場に行かなくても適切なものが作れるケースも多々あります。現場に行くのが絶対、なんてこたないです。めっちゃ非効率ですし、お客さんの都合もあるので。

なんなら現場に行くって時点でコストかかるわけなので、要件定義時点でそれやるってなると結構な予算がいります。そういうのもちゃんと加味しないと駄目ですね。

さて。ではその上で僕が何故この考え方を「ベース」にしているかというのを話せたらな、と。

①システム化するための課題の解像度を高めたい
まずはこれですね。
今から何を作るのか、というのをそもそもお客さん含めて誰もわかってないのが最初です。なんとなくイメージとして解決したい課題はあれど、じゃぁどうしたらうまくいくかは誰もわからないので。

それをお互いに理解していく為に、積極的に現場を見たい、というところです。内容によりけりですが自社でコスト取って行く場合もあります。

あ、ちなみに現場に行くっていうのは殆どの場合は「見学」だったり、コミュニケーションをって業務フローを正確に確認するのが目的です。実際に仕事を体験することもなくはないですが、たいてい邪魔なので、避けることが多いですね。工場系だとそもそも危ないというのもあります。

②関係値を作るのに効果が高い
システムを作るだけ、なら別に現場に行く必要性なんて殆どないです。業務理解できたら良いもの作れるのはそうですが、現場に行かなくても良いものは作れます。世の中のシステムやサービスはほぼそれで作ってるはず。

後、業務理解しているドメインエキスパートがちゃんとフロントに出てきてくれているならそれで足りることも多いです。

じゃあなんでって話ですが、まずドメインエキスパートが打ち合わせの場やシステムの内容を見てくれることって僕の経験上ほとんどないです。だって現場仕事で忙しいんだもん。そりゃそう。だから「自分がドメインエキスパートに近づく」か「ドメインエキスパートが出てきたくなる」ようにするしかないです。

で、前者なんてほぼほぼ無理筋なので現実的な選択肢は後者しかないです。だから実際に現場に行って、システム化が誰のためのものなのかの説明もしつつ興味を持ってもらうしかない。
その上で御用聞きみたいなのでもいいから、課題や認識のすり合わせをする。ここで関係値を作るイメージです。

これだけでも①の解像度は変わってくるし、適切なコミュニケーションと課題意識を持ってもらえて、関係値作れたら打ち合わせの場にも同席してくれるようになったりします。
これが良いシステムを作る大事なポイントだと思ってます。DDDの文脈でも大事にされますが、本当にそう思います。

③運用保守時の大変さを軽減する
これは本筋ではないんですが、システム化というのは導入して運用保守に入ってからが「スタート」です。
システム作ってる間って、我々はめちゃしんどいですがお客さんからしたら「まだなにもない状態」なので、出来てからがスタートになります。

ただここでいわゆる現場理解がなかったり、実際に使うユースケースが漏れていたりすると問題が起きます。
②の話にも関連しますが、ドメインエキスパートがどれだけ関われていたかがここに跳ね返ってきます。

現場に出ることで現場の人とコミュニケーションを取れるので、システム化の意図や説明、運用時の大変さをバックオフィスの人だけでなくエンジニア目線でもしっかり伝えていくことが出来たら、このあたりは軽減させやすいです。
要件定義段階だけでなく、それ以降でも現場に確認取るような筋道が出来てると結構ありがたかったりします。
でもそういう動きをするには最初から現場に行きますって姿勢見せておかないといきなりは難しいので、最初に行くという意思表示や考え方というのが大事になると思ってます。

④営業提案時に他社との差別化が出来る
気づいていた方もいましたが、意外とこれが大きいかもしれません。
まず現場に出ることを積極的に営業提案の段階で言う事ってない（営業も言えない）ので、これが出来ると他社との差別化が出来ます。

予算云々はともかくとして受注確度が大きく上がるのと、調整については後でやればいいっちゃいいので、営業側も動きやすくなります。
また上記①②③もあり、現場に行って、品質が低くなるってのは考えにくいのでお客さん的にもありがたい提案になります。

勿論コストバランスや規模・内容で提案するかどうかは検討するわけですが、動き方としてそれぐらいしますよ、という提案は強いです。

まぁでもまず現場まで行って動いて（内容によりますが結構な地方へ行かないといけないことも普通にある）、ヒアリング、調整、要求分析から要件定義までをガッツリ行えるエンジニアって希少なので、そりゃそれができる人がいたら「差別化」になるよねって話でもあります。現場へ行くことの効果を知ってるから出来るってわけでもないので。

とまぁ、こんな感じです。長くなりましたが、ダラダラと纏めました。
単純なシステム開発をするため、というよりはそれ以外の要素も多く含まれていて、全体的に見たときに「こっちのが効率良いな」というのでやっていると思ってもらえればと。

ただ多くの方が言うように現実的には出来ないケースも多いので、心意気として、IT屋として、ちゃんとやる。という意識として持っていると思ってもらえたらと思います。

そして「本当に出来るの？」という方いらっしゃいましたが、私は今月、工場に行きますので、実際にやっている、ということをお伝えしておきます。

[もぐ @m1lb4]

cursorに戻ってきました。最高すぎます。いっぱい課金させてください。

[catnose @catnose99]

これ知らなかった
設定しとこう

11月24日以降にnpm installした人へ - Shai-Hulud感染チェック & 多層防御ガイド
https://t.co/12SlGyZMTN