こんにちは、セールスリクエストの原です。 マーケティングにおいてコンバージョンを大きく左右するLPのファーストビュー。各社が様々な工夫を凝らしています。 今回は有名SaaS60社のLPを閲覧し、ファーストビューで行っている施策（ファーストビュー施策）をまとめました。ファーストビュー改善の参考にしていただければ幸いです。 閲覧対象のLPのURL60社分をリスト化したので、よろしければご活用ください。 フォーム露出 フォーム露出、最近流行っていますね。一般的に「ファーストビューのCTA（Call To Action）→申し込みフォーム」という導線設計が多いのですが、ファーストビューに申し込みフォームを表示することでより直接的なコンバージョンを狙うことができます。 コンテンツ露出 フォーム露出ならぬコンテンツ露出のファーストビュー。有名CMや「7000社の導入事例」など、強力なコンテンツに遷移さ

JAXA第一宇宙技術部門のX(旧Twitter)アカウントから地球観測データを生成AIから呼び出せるようになったという投稿がありました。 公式ドキュメントを見ると、ローカルMCPサーバーを公開しているようです。 公式ドキュメントではpipを用いて環境を構築していますが、多くのMCPサーバーはuvで環境を構築している印象が個人的にあるため、この記事ではuvで動かしていきたいと思います。 ※ 個人的な備忘録として執筆しています。 想定している読者 Claude Desktopで一度はローカルMCPサーバーを使ったことある方 何だかよく分からないけど、Claude Desktopで地球観測データを呼び出してみたい方 → MCPサーバーやuvを用いた環境構築などは既に様々な記事があるので、そちらをご覧ください。 JAXA Earth APIとは？ JAXA Earth API は、JAXAが公開し

マニフェストを読んで目を疑った。これはひどい。 どんな政策よ？衆院選マニフェストのサイトに、こう書かれてる。 https://policy.team-mir.ai/policies/childcare 具体的には、「子どもの数に応じて親の所得税の税率を定率で下げていく」という制度を提案していきます。例えば、子ども1人で所得税率がマイナス5ポイント（例：23%→18%）、 2人になるとマイナス10ポイント（例：23%→13%）、 3人になるとマイナス20ポイント（例：23%→3%）というように、段階的に減らします。 4人以降についても1人当たり5ポイントずつ上乗せするなど、多子世帯の負担がしっかりと軽減され、子どもを持つことへの不安を払拭するだけのインパクトを生み出すことを狙います。 高所得者が青天井で税額還元とならないよう、所得が一定額を超えると緩やかに減税率が減少する仕組みを導入します。

We are excited to announce the public preview of the Windows App Development CLI (winapp), a new open-source command-line tool designed to simplify the development lifecycle for Windows applications across a wide range of frameworks and toolchains. The winapp CLI is specifically tailored for cross-platform frameworks and developers working outside of Visual Studio or MSBuild. Whether you are a web

これはなに この記事は米シリコンバレーでデータベースコンサルや教育事業を展開するKloudDB社がポストした『Understanding How ONLINE DDL (INPLACE) works in MySQL』の翻訳記事です。 この記事ではDDL（スキーマ変更クエリ）の内部処理について詳細に解説しています。DDLはシンプルに利用できるものの、一歩踏み込むと複雑怪奇で理解の難易度は高いものでした。この記事はそこに焦点を当てたものになります。 翻訳するにあたり、技術的な正確性を担保しつつ、日本語表現として自然になるよう努めました。もし記事の中で技術的な観点で不正確な箇所があれば訳者の責任ですので、コメント欄などでご指摘いただけると幸いです。 また、翻訳について許可を下さったSrinivasa R Inaganti氏（同社CEO）に感謝します。 以下、訳者による前書き的なものを挟んで、翻

Claude Code with Anthropic API compatibility January 16, 2026 Ollama v0.14.0 and later are now compatible with the Anthropic Messages API, making it possible to use tools like Claude Code with open-source models. Run Claude Code with local models on your machine, or connect to cloud models through ollama.com. Using Claude Code with Ollama Claude Code is Anthropic’s agentic coding tool that lives i

高市早苗首相（自民党総裁）が23日召集の通常国会冒頭で衆院を解散した際の公約として、時限的な食料品の消費税率ゼロを盛り込む案が浮上した。複数の関係者が16日、明らかにした。自民と日本維新の会による2025年10月の連立政権合意では「飲食料品について2年間に限り消費税の対象としないことも視野に、法制化を検討する」としていた。政権内では、実施する場合は26年度内に開始すべきだとの意見が出ている。 消費税を巡っては、立憲民主党と公明党がつくる新党「中道改革連合」が目玉公約として消費減税を盛り込む考えを示している。高市首相も就任前、物価高対策として食料品の消費税率ゼロを主張していた。 首相は昨年の党総裁選などで「即効性がないと考えた」として消費減税に否定的な見解を示していたが、中道が主要政策に掲げることで衆院選の争点になる可能性が高い。 ただ、食料品の消費税率をゼロにすれば年5兆円規模の減収は避け

朝引きの地鶏を使った焼き鳥が自慢。希少な紀州備長炭で、職人が一本一本丁寧に焼き上げます。日本酒や焼酎はその時々の旬のものを取り揃え、ワイン・シャンパンは合わせて40～50種類とバリエーション豊かにご用意。料理やお好みに合わせてゆっくりお楽しみください。スタイリッシュな店内には広々としたカウンターと個室を備え、大切な方とのひとときを演出。深夜営業の紹介制秘密基地「裏糸」も要チェックです。 ...続きを読む

はじめに Reactで複雑なUIコンポーネント（Select、Tabs、Accordion、Modalなど）を作成する際、大量のpropsを渡す「Props地獄」に陥ることがあります。 <Select options={options} value={value} onChange={setValue} placeholder="選択してください" renderOption={(option) => <CustomOption {...option} />} renderHeader={(selected) => <Header selected={selected} />} onOpen={() => {}} onClose={() => {}} // ...さらに多くのprops /> このようなAPIは認知負荷が高く、想定外のカスタマイズが困難です。 Compound Compone

はじめに 年末年始でPlaywright MCPを触り直しています。きっかけは、MCPがLinux Foundation傘下のAgentic AI Foundationに移管されたというニュースでした。GitHub Starsは23,000を超え、2024年11月のMCP発表からわずか1年。最初は「また新しいツールか」程度に思っていたのですが、触っているうちに、これまで経験してきたブラウザ自動化とは何か違うと感じ始めました。 その違和感を年末年始で整理してみた結果、自分なりに言語化できたのが「Webページの表現方法」の変化という視点です。 PlaywrightとPlaywright MCPは別物である 最初に混乱したポイントを共有します。 PlaywrightとPlaywright MCPは、関連はあるものの根本的に異なるものです。自分は「PlaywrightのMCP対応版」くらいに思って

はじめに こんにちは、和田です。いえらぶGROUPで開発部の執行役員を務めています。 弊社も例に漏れず、今年はAI活用に非常に注力してきました。Cursorを全エンジニアに導入し、テックリードにはClaude Codeを配布、業務効率化・実装スピード強化・精度向上を進めてきました。 そんな会社で、私はある新人エンジニアに対して「AIの使用を禁止する」という判断を下しました。 先日ちょっと話題になってましたね、こちらの彼の話です。 社内でも圧倒的なAI推進派の私がなぜそのような判断をしたのか。そして3ヶ月後、その新人はどう変わったのか。この記事では、私の目線からのある種答え合わせ的なつもりで経緯と結果をまとめてみました。 最初は「AIをどんどん使わせていた」 新人が入社した当初、私は彼にもCursorを使わせていました。なんならClaude Codeも使わせていました。理由はシンプルです。

はじめに こんにちは、保田です。本記事はiimonアドベントカレンダー25日目の記事となります。 試験的機能として開発されていた<Activity>コンポーネントが、2025年10月にリリースされたReact 19.2で正式に導入されました。 普段の業務で使えるものなのか気になったので、今回調べてみることにしました。 https://ja.react.dev/reference/react/Activity タブ切り替えで状態が消える問題 Reactでタブを切り替えるとき、よく使われるのが条件付きレンダリングです。 import { useState } from 'react'; const App = () => { const [tab, setTab] = useState<'A' | 'B'>('A'); return ( <div> <button onClick={() =>

こんにちは、AI ShiftでUI/UXデザイナーをやってる後藤です。この記事はAI Shift Advent Calendar 2025の21日目の記事です。 この記事は、Figmaの使用をいったん停止して、AIとコードでUIデザインをするとどうなるのか、という経過報告です。 実験の途中ですので、まだ成功も失敗もはっきりしておりません。なので、本日18:30からのM-1グランプリをご覧になった方がより楽しい休日をお過ごしになられるかと思います。 結論から言うと 「デザインと実装の境界をなくした」 ことで、UIデザインの時間を「考える」に全振りできるようになりました。 そして、これからの私は課題や価値の探索というUXデザインのタスクに、多くの時間を費やしていくんだろうなと思いました。 具体的には、UIデザインを手を動かして作る時間がほぼゼロになり、考える時間を増やすことができました。様々な

はじめに Radix UI の普及とともに asChild プロパティが広く採用され、コンポーネントの柔軟な合成が可能になりました。しかし、その利便性の裏で型安全性の欠如という課題が指摘されています。 TypeScript による型チェックが十分に機能しないこと、React.cloneElement への依存による予期しない挙動、そして React Server Components との互換性の問題——これらが主な課題です。 本記事では、asChild の技術的な課題を掘り下げます。React.cloneElement がどのように機能し、なぜ型安全性が損なわれるのかを探りつつ、render prop、as prop、hooks といった代替の合成パターンを比較検討します。Radix UI、Ark UI、Ariakit、Headless UI、Base UI、React Aria がそれ

これはdesigning plus nine Advent Calendar 11日目の記事です。 こんにちは。ritarと申します。 Slackに昨年追加された「キャッチアップ」という機能がめちゃめちゃ便利で毎日使っているのですが、ご存知ですか？ 各チャンネルがカードになっている。右にスワイプすると既読にできるSlackには、メッセージを送れる「チャンネル」が多数あり、それぞれで独立した会話が起こります。 普通は、「チャンネル一覧」から一つずつ開いて、その中に届いている新着メッセージを読みます。しかし、大きい組織だとどんどんチャンネルが増えていき、既読をつけるのが大変になります。 そこで導入されたのがキャッチアップです。この画面では各チャンネルがカードになっており、それを左右にスワイプしていくことで、既読にするか未読にするかを選ぶことができます。 何も考えずにただ左右にスワイプしていくだ

背景 先日、RSCに重大な脆弱性が見つかりました。詳細については多くの記事が書かれていますので割愛しますが、Next.jsをただデプロイしているだけでもやられる重大さです。 RSCの設計自体も問題視されています。当初からセキュリティの議論が多く、今回の件とは直接関係がないものの、サーバとクライアントの境界が曖昧な点などが指摘されていました。この状況を見ていると最悪の場合、RSC/Next.jsのセキュリティを十分に高めることが現実的に不可能となる可能性も残されており、今後注視する必要があります。 でも本当にNext.jsってセキュリティが重要なのだろうか？ サーバはセキュアでなければならないと我々はずっと学んできましたが、これが先入観である可能性もあります。 私たちが日常的にウェブサイトを作るとき、「ブラウザからのデータは絶対に信用するな！」って教わります。ブラウザ等のHTTPクライアント

変更には、アプリの配信や決済処理、スマートフォンソフトウェア競争促進法がもたらすプライバシーやセキュリティ上のリスクを低減するための新しい保護機能など、デベロッパ向けの新たな選択肢が含まれます カリフォルニア州クパティーノ Appleは本日、スマートフォンソフトウェア競争促進法を遵守するため、日本でのiOSアプリに影響を与える変更について発表しました。これらのアップデートでは、代替アプリマーケットプレイスでのアプリの配信や、Appleのアプリ内購入以外によるデジタル商品やサービスのアプリ決済処理など、デベロッパ向けの新たな選択肢を提供します。これらの変更において、Appleは同法によってもたらされる新たなプライバシーやセキュリティ上のリスクを低減し、最良かつ最も安全な体験を日本のユーザーに提供するべく取り組んできました。 代替アプリマーケットプレイスや代替アプリ決済に関するスマートフォンソ

CSS Anchor Positioning（CSSアンカー位置指定）は、要素の位置やサイズを「特定の要素（アンカー）」を基準にコントロールできる仕組みです。その中心となるanchor()関数では位置を、anchor-size()関数ではサイズを相対的に指定できます。主要ブラウザでも対応が進み、2026年中には全モダンブラウザで使用可能になるでしょう。 この記事では、anchor()/anchor-size()関数を使った具体的な表現手法や活用テクニックを、デモとともに紹介します。 1. 相対的な位置指定（anchor()関数） anchor()関数を使うと、要素同士の相対的な位置関係をもとにレイアウトを指定できます。別の要素をアンカーとして登録し、その位置を参照して座標を決めるイメージです。 引数には、アンカー要素のどの位置を参照するかの値（top、left、center、start、パ