naotoota | Algomatic CAO
16.7K posts
@OTA57
@AlgomaticJp - 執行役員CAO ｜ex- @ALLVISIONAL / @FiNC_JP｜ 技術を軸にした何でもや｜ テニス/ゴルフ/脱出ゲーム｜ 93年生/大阪星光/東大理Ⅰ/鎌倉在住
🚀 freeeが「AIエージェントから使われるSaaS」へ CAIO横路の発表でお伝えした第一歩として 社員の @him0net が開発したfreee-mcpを 公式OSSとして公開しました Claude CoworkやCursor等と連携し freee会計・人事労務・請求書・工数管理・販売の 約270の操作がAIから可能に corp.freee.co.jp/news/20260302f…
AIで生成したWebサイト、「それっぽいけど安っぽい」ってなりがち。 デザインエンジニアの @dhruvmakes の記事が、その原因と対策を具体的に言語化していて良かったので、ポイントを日本語で整理する。 はじめに：AI生成UIを「スロップ」から「おっ」に変えるのは、細部のデザイン知識 Lovableやv0の出力は構造としては悪くない。でも「なんか違う」のは、フォント・shadow・アニメーションがデフォルトのままだから。記事ではそれを3ステップで潰していく。 STEP 1：インスピレーションを先に決める いきなりプロンプトを書かない。Pinterest・Dribbble・Mobbinでビジュアルリファレンスを集める。AIにもゴールのビジュアルを渡すことでアウトプットのブレが減る。 STEP 2：背景画像をAIで生成する リファレンス画像をChatGPTにアップロードし、JSONプロンプトで背景を生成。「いい感じにして」ではなく「16:9で、下40%に前景、上部はタイポグラフィ用にクリアに」と構造で伝える。 STEP 3：デザインの「味付け」を指示に含める ここが一番重要。AI生成UIが安っぽく見える原因の大半はここ。 1️⃣ フォント：font-width -4%、line-height 1.15、letter-spacing -0.01em。デフォルトから少し詰めるだけで見違える 2️⃣ アイコン：LucideではなくPhosphorを使う。Lucideはv0/Lovableのデフォルトなので、変えるだけで量産感が消える 3️⃣ ボタンのshadow：inner shadowでグラデーション、太めborder、わずかなouter shadow...3層構造が立体感を作る 4️⃣ アニメーション：blur(12px)→blur(0px)のrevealをstaggeredで表示。イージングはcubic-bezier(0.22, 1, 0.36, 1) これらをJSONプロンプトにまとめてLovableに渡すと、初回出力からクオリティが上がる...としている。 結局、AIにコードを書かせる時代でもこれまでのデザイン知識が差別化要因になっている。フォントのtracking、shadowの多層構造、イージングカーブの選定——従来Figmaで調整していた領域を、プロンプトに変換できる人が強い。 AIが変えたのは実装手段であって、良いUIを見分ける目とそれを言語化する力は今まで以上に価値がある。
▶️ ニュース更新のお知らせ 内閣府規制改革推進会議 デジタル・AIワーキング・グループに、Algomatic Works COO の高橋 @dory111111 が登壇🗣️ AI等を活用した採用代行の職業安定法上の許可要否/要件の明確化について、AIによる採用業務代行の現状と課題をお話しました👏 algomatic.jp/news/lecture_a…
