「セールスデザイン」という言葉を聞いたことがありますか？　読んで字のごとくセールスのためのデザインです。 特に広告のデザインにおいて、反応率の高い広告をつくるためのデザインを「セールスデザイン」と呼んでいます（ぼくが勝手に呼んでいるだけかもしれませんが……）。 セールスデザインはクリエイティブなデザインとは異なります。目的は売ることです。なので、時にはカッコ悪い、ダサい、センスがないと感じてしまうデザインになるかもしれません。ですが、目的が売ることなのでそれでいいのです。 実は広告の反応を決める要因の中でデザインの重要度は低いと言われています。デザインよりも重要な成功要因はリスト（誰に見せるか）や広告の訴求、オファーです。しかし、全く無視していいわけでもありません。 最低限、押さえておいた方がいいポイントを押さえ、デザインが悪い方に影響して売れない広告やウェブサイトになってしまわないように

Cline を使い始めて2ヶ月ぐらい経った。 自分の直感として、Cline は真のイノベーションの入口であり、そして開けてはいけないパンドラの箱でもあったと思う。 ここでいう Cline は Cline型コーディングエージェントであり、広義には Devin / Cursor や Copilot Agent 等を含む話。だが、後述するように Cline でしか見えない世界がある。 その先の未来に、プログラマとしての自分はフルベットする、という話をする。 私たちが知っているプログラミングの終焉 大事なことは次の記事に全部書いてある。まずこれを読んでほしい。 (Google翻訳) Steve Yegge 氏は、置き換えられるのはジュニアおよび中級レベルのプログラマーではなく、新しいプログラミング ツールやパラダイムを受け入れず過去に固執するプログラマーであると指摘しています。 <略> これはプロ

速くて安いWebサイトを目指して作ったときのポイントです。 追記 2/20：Cloudflare Pagesの毎月の無料枠のビルド回数が誤っていたので修正しました（50→500）

こんにちは、今回特定のメンバーにのみ公開するドキュメントサイトを作る必要があり、アプリで認証基盤とか作るのめんどくさいなとか思っていたら、Cloudflareを使って簡単にできることがわかったので、備忘録も兼ねてまとめます。 Cloudflare Pagesとは もうご存知のかたも多いと思いますが、Cloudflare PagesはCloudflareが提供する静的サイトホスティングサービスです。GitHub PagesやNetlifyと同じようなものですが、Cloudflareのキャッシュ機能やセキュリティ機能を使うことができるのが特徴です。 Cloudflareは無料でとにかくたくさんの機能を使わせてくれるので個人的な勉強で色々やってみるのにとても助かっています。 今回作るドキュメントサイトについて 今回ドキュメントを作るために、Astroを使用します。 また、Astroでドキュメント

はじめに こんにちは。Builtoという会社で代表 & エンジニアをしている冨田です。 私たちはマネジメントとタスク管理を圧倒的にサポートするAIエージェントを開発しています。 開発にもAIをフル活用しており、そこで得られた知見を共有したいと思います。 具体的には、経験3年以上の現役ソフトウェアエンジニア（生成AIのない時代からコードを書いてきた方々）をターゲットに、本番運用レベルの大規模コードベースでもCursorを活用しコーディング時間を 1/3〜1/5 に縮めている手法をお伝えします。 仕様策定やアプリの機能にもLLMをフル活用していますが、今回は実装にフォーカスします！ （なお本記事は中級者以上向けのため、まだCursorに触れたことがない方はまず別の記事を参考にして、使ってみてください） なぜこの記事を書いたか 現職エンジニアが本当に使いこなす手法を共有したい すでに共有されてい

はじめに：Deep Researchの衝撃 openai.com 先日、ChatGPTの「Deep Research」という機能がProユーザー向けに提供されました。 Deep Researchは、オンライン上の情報ソースからデータを検索し、詳細なレポートを作成してくれる「リサーチエージェント（アシスタント）」と呼ばれるものです。 実は、ChatGPTに先駆けてGoogleのGeminiにも同名の機能が存在していたり*1、Perplexity AIにも検索結果と応答から詳細なレポートを生成する機能がすでに提供されていました*2。 さらにさかのぼると、LangChainユーザーの間ではGPT Researcherという類似のツールとして知られているかもしれません。 私自身は『その仕事、AIエージェントがやっておきました。』という本を通じて、このようなリサーチエージェントの存在を知りました。

こんにちは。この記事を読もうと開いてくださってありがとうございます。 タイトルからとっても強めのワードを使っていますが、これはあくまで「私史上最高だな！神だな！」と思うプロンプトを生み出す方法です。人によって差はあると思いますということはお断りしておきますね☺️。 私とChatGPTとの衝撃的な出会い2年前、新しく学んでいる言語のプログラムエラーにはまってしまい、試しにChatGPTに聞いたところおそらく自力であれば半日かかるかもしれないバグを秒で解決。 iPhoneが登場した時以上に衝撃が走りました。 最近、プログラムばかり書いていて深～く自分の世界に潜っている気分ｗ。 エラーも見慣れたもので、これ半日はかかるかな～とか思ってchatGPTにとりあえず聞いてみたら秒で解決されて泣きそう😭😭 ほんとすごすぎる！！！ — mito@『15分でOKに！バナーデザインはかどり事典』発売中 (

ChatGPT（o1）で作ったHTML & Reactアプリをプレビューできるようになってたので色々（Webサイト、アプリ、ゲーム等）作ってみました。 ChatGPTキャンバスでアプリをリアルタイムレンダリングする方法ChatGPTキャンバスで作ったHTML & ReactアプリをChatGPT内でプレビュー・リンクを共有できるようになりました。フロントエンドだけであれば、Webアプリのプロトタイプを爆速でリリースできます。 執筆時点から2週間以上前にリリースされた機能ですが、今の今まで気づきませんでした。 Canvas update: today we’re rolling out a few highly-requested updates to canvas in ChatGPT. ✅Canvas now works with OpenAI o1—Select o1 from the

インサイト</h3>\n"}}" id="rich-text-490d9570229e" data-up-is="rich-text" data-up-translation-read-more="続きを読む" data-up-translation-read-less="表示を閉じる" data-up-translation-aria-label-read-more="Read more button, press enter to activate, or use Up arrow key to learn more about this content" data-up-translation-aria-label-read-less="Read less button, press enter to activate, or use Up arrow key to learn mo

ネットワーク効果のための行動変容デザイン 概要単にサービスやプロダクトの効果を高めるだけでなく、もっとプロダクトやサービスを使ってもらうために、行動変容デザインの考え方を活かすには、ネットワーク効果を生む行動変容を設計する必要があります。しかし、行動を変えるプロダクトやサービスは、単に利用目的を満たすことにのみ注力しがちで、その影響力を拡大するために行動を変えるデザインの力を活かしきれていない、ということが多いように思います。 いかにネットワーク効果を生み出すか、そのために行動変容デザインをどのように活かせるのかを

質問のコツ 質問内容は抽象的な言葉よりも具体的な言葉を選ぶようにすると、回答の精度がより上がります。 回答内容に対して、更に質問を繰り返して深掘りしていくと理解度が高まり効果的です。 「あなたはプロのエンジニアとして振る舞って下さい」などと最初につけるとよりそれっぽくなります。 文章が長くて途中で終わってしまう場合は、「続き」と入力すると続きからの回答をしてくれます。 わかりやすく解説してもらいたい時は「小学生でもわかるように解説して下さい」などとつけるとわかりやすい回答が返ってきます。 「私はプログラミング初心者です」など自分のレベル感を付けると、レベルに応じた回答になります。 「コードブロックだけで返事をしてください」とつけるとコードだけで回答してくれます。 ロードマップ(カリキュラム)編 まずは、目標に向けてどういった勉強をすべきかというロードマップ(カリキュラム)を提案してもらいま

こんにちは。 苦しんでプログラミングを学んだ柴犬こと、くるしばです。 独学でプログラミングを学習し、Webサービス作りITベンチャーを起業しました。 その後個人開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 下記のTwitterにてプログラミング学習に関して発信し、1.9万人以上の方々にフォローして頂きました。 また、最近はUdemyでReactとFlutterのプログラミング講座も出して、ベストセラーにも入っています。 初心者のうちは知らなかったが、学習を進めたり実務に入って経験が長くなってから 「こんな便利なものあったんだ...！」 となるツールってありませんか？ 僕はめちゃくちゃありました。 こういったツールは他の詳しい人から教えてもらうケースも多いので仕方がないのですが、もしこれらを初心者のうちに知ってたら色々楽だったのにな...と思うものが沢山あります

人がプログラムを書いているところを見たり聞いたりしながらプログラムを書くのが好きなので、作業配信をしている人をまとめておきたい。プログラミングについて話している動画ではなくて、プログラムを書いている動画を載せている方が望ましいです。また、僕が英語を聞くのが得意ではないので日本語限定でお願いします。 追記大歓迎です（特にフォーマットはないですが、前例にならって追記してくれるとわかりやすいと思います）

きのこ本を勝手に電子書籍化 プログラマが知るべき 97 のこと 【 epub版 】 ソフトウェアアーキテクトが知るべき 97 のこと 【 epub版 】 プロジェクト・マネジャーが知るべき 97 のこと 【 epub版 】 ゲームクリエイターが知るべき 97 のこと 【 epub版 】 ゲームクリエイターが知るべき 97 のこと 2 【 epub版 】 97 Things Every Programmer Should Know 97 Things Every Software Architect Should Know 97 Things Every Project Manager Should Know

はじめに 2025年はAIエージェントの年です。注目されているAIエージェントの一つが『AIが自動で自分のPC画面を操作』するBrowser Useというツールです。 Browser Useの面白さ Browser Useを使うと、AIが自動で自身のPC画面を操作することであらかじめ決めた目的を達成をしてくれます。 簡単な指示を出すだけで、自動でAIが色々操作してくれるのはキャッチーで衝撃的ですよね。 例えば下記のように完全自動でAIが記事を検索して記事の情報を取得してくれます。 簡単な指示でAIが自分で考えて画面操作をしてくれるのは近未来感ありますよね。 しかし、現場でAIを使いこなすには「AIがすごい」のレベルではまだ足りません。 実際に触ってみて何ができるのか？逆に何が苦手なのか？という肌感覚を持つことが非常に重要です。 そこで本記事は、その肌感覚を養うために実際にBrowser U

AI エディター Cursor を試してみる 2025.01.11 AI エディター Cursor は GitHub Copilot と同様にコードの補完やチャットによるコードの生成をサポートしてくれます。Cursor は VS Code をフォークして作られており、既存の VS Code の拡張機能やキーバインドをそのまま利用することも特徴の 1 つです。 生成 AI の台頭はプログラミングの世界に大きな変革をもたらしました。我々開発者は AI の助けを借りながらまるでペアプログラミングをしているかのようにコードを書くことができます。私自身も普段から GitHub Copilot を使ってコードを書いています。コードを書いている最中に AI がコードを補完してくれる体験は、素早いフィードバックを得られるため非常に効率的です。 コードを選択してテストコードやドキュメントを生成したり、コード

GitHubのアカウントを持っている人はAIコード生成エージェントのGitHub Copilotが無料で使えると聞いて試して見た。 VS Codeから使えます。 新規ファイルを作ると「Ctrl」+「I」でCopilotが起動すると出るので、Ctrl+Iを押します。 入力窓が出ます。無料でGPT 4oなんですね。クロードも選べます。 「Pythonでtkinterを使ってボタンを押すとテキストボックスの文字をメッセージボックスで表示するコードを書いて。」 と書いて右三角→を押します。 書いてくれました。 実行してみるとちゃんと動きました。 VS CodeはWin11上のWSL2と接続してLinux上のソースコードをいじってLinux上のPythonで動かしています。

プロダクトの品質向上施策の一環でテスト戦略を考え一からテストを書くことになったので、そこで学んだことを整理していきます。概ね整理できたので公開してFBもらおうと思っています。（TODO: 年内かけて整理予定）

これからUXデザイン(やその他のデザイン)をやりたいと思っている人、デザイン思考をやってみたがうまくいかなかった人、組織や経営にデザインを取り入れていきたい人、デザインが重要といわれ困惑する人、「誰もがデザイナーになれる」と言われ「その必要ある？」と思った人、もがき苦しむデザイナー、そのほか全てのデザイン関係者に向けて。 昨今、多くの組織で「デザイン思考」や「UXデザイン」の導入が試みられていますが、その多くは表面的な取り組みに終わってしまい、本当の役には立たない実態があります。 なぜでしょうか。 それは、デザインを「手法やプロセス」として捉えすぎているからです。 本記事では「デザインの民主化」に焦点を当てながら、多くの人が誤解している「デザイン」と言う単語や、デザインの力について考えます。 この視点は、組織でデザインに関わる全ての人—デザイナーはもちろん、マネージャーやステークホルダーに

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これは何? Cool Clineという話題のVSCode Extensionsを試してみました。 Cool Clineとは? 公式のドキュメントが中国語だったのでgptに訳してもらいました。 平たく言うと，既存のClineをもとに使いやすいやつ作ったぜということらしい。 なぜ Cool Cline を作るのか？ VSCode 用の Cline 拡張には、複数のフォーク版が存在し、どれが最も機能的か判断しづらい状況です。代表的なものとして以下があります： cline/cline RooVetGit/Roo-Cline jnorthrup/