𝗔𝗜 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗥𝗲𝗱𝗲𝘀𝗶𝗴𝗻: 𝟱 𝗟𝗲𝘀𝘀𝗼𝗻𝘀 𝗙𝗿𝗼𝗺 𝗮 𝗦𝗼𝗹𝗼 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 (AIウェブサイトの再設計：ソロデベロッパーから学ぶ5つの教訓)

私のウェブサイトは長い間、未完成のまま放置されていました。私はフルタイムのPower Platformデベロッパーとして働いています。また、双子の父親でもあります。ポートフォリオを修正する時間が全くありませんでした。

そこで、一人チームとしてAIを活用してサイトを再設計することに決めました。AIがデザイナーやデベロッパーの役割を果たせるかどうかを試してみたかったのです。

以下に、私が学んだことをまとめます。

なぜAIを使用したのか：

  • 時間が最大の制約です。
  • 一人で作業しています。助けてくれるデザイナーやシニアデベロッパーはいません。
  • 素早くタスクを切り替える必要がありました。
  • モメンタム（勢い）をつけるために、小さなタスクを完了させたかったのです。

AIはジュニアデベロッパーのように機能しました。以下のような特定のタスクをサポートしてくれました：

  • モバイル画面向けのレスポンシブレイアウトの修正。
  • 全幅のグラデーション・ヒーローセクションの構築。
  • フォントの読み込みを修正し、ページスピードの問題を解決。
  • メタタイトルやディスクリプションなどのSEOタスクの処理。

自身の再設計に活かせる5つの教訓：

  • 修正する前に診断する。コードを変更する前に、AIに問題の原因を特定させます。
  • 本番ページで確認する。エディタ上の表示は、訪問者が目にするものとは異なることがよくあります。
  • AIをパートナーとして扱う。AIにすべてを任せきりにせず、すべてのコード行をレビューしてください。
  • 小さな変更を積み重ねる。不具合が起きたときに元に戻せるよう、一度に変更する設定は一つだけにします。
  • プレイブックを作成する。同じ問題を二度と解かなくて済むよう、うまくいった方法を記録しておきます。

正確性を確保する方法：

私はすべてのコード行を読みます。変更内容が理解できない場合は、その理由を尋ねます。本番サイトをさまざまな画面サイズでテストします。すべての事実関係とSEO設定は自分自身で確認します。作業はAIが行いますが、結果に対する責任は私にあります。

より良いプロンプトを書く方法：

  • 具体的に指示する。どの要素を変更すべきかをAIに正確に伝えます。
  • コンテキスト（文脈）を与える。使用している特定のツールやセットアップについて言及します。
  • 原因を尋ねる。まずAIに問題を診断させます。
  • ステップごとに進める。デザインを少しずつ、段階的に洗練させていきます。

AIは私に取って代わったわけではありません。多忙なデベロッパーがプロジェクトを完了させるのを助けてくれたのです。AIに重労働を任せつつも、ハンドルは自分で握り続けましょう。

Source: https://dev.to/mattbuildsapps/ai-website-redesign-5-lessons-from-a-solo-developer-nhj

Optional learning community: https://t.me/GyaanSetuAi