Google

【ChatGPT】Web制作者がAIを触ってみるスレ



1: 1 2023/03/02(木) 08:36:11.60 ID:???
APIが公開されたこのタイミングで語ってみよう

2: 1 2023/03/02(木) 08:39:38.43 ID:???
API情報はこちらから
https://openai.com/blog/introducing-chatgpt-and-whisper-apis

ChatGPT APIを使ってAIキャラクターを作ってみる！
https://qiita.com/sakasegawa/items/db2cff79bd14faf2c8e0

3: 1 2023/03/02(木) 09:02:04.67 ID:???
今のところChatGPTを使う場面って企業サイト内のQ&Aチャットくらいかね？

4: Name_Not_Found 2023/03/02(木) 09:37:14.67 ID:???
有料だから触れないです

5: Name_Not_Found 2023/03/02(木) 15:06:36.45 ID:h+DhbSzY
webサイトは、画像などどう使うかも含めてchatGPTに伝えたらコーディングしなくとも作ってもらえるな
コードもそんなにおかしくなくて微調整で使える
これではプログラマは廃業じゃね？
素人でもwebサイト作れる

6: Name_Not_Found 2023/03/02(木) 15:40:22.03 ID:???
じゃ廃業すればいいんじゃね

7: Name_Not_Found 2023/03/03(金) 14:39:37.17 ID:WGR6Q02N
すぐ質問の上限に達するしフリーズする困った

21: Name_Not_Found 2023/03/22(水) 10:16:28.10 ID:???
>>7
質問の上限とかあったっけ？？

8: Name_Not_Found 2023/03/03(金) 14:40:25.66 ID:WGR6Q02N
プログラマの優位性は減ると思うよ。
コード作ってくれる

9: Name_Not_Found 2023/03/03(金) 14:48:13.40 ID:???
そのコードが意図通り動いた！って思っても
セキュリティとかに問題あったりしないか確認は必須だから
私みたいななんちゃってだと切り捨てされるだけだわ（涙

10: Name_Not_Found 2023/03/03(金) 20:13:09.80 ID:???
そもそもアプリ作る場合は1つのコードだけで済まないからな
複数にまたがるわけだし、関数やクラスにもする
AIがちょっと書いたコードは実務で使用できないよ

12: Name_Not_Found 2023/03/03(金) 20:36:26.68 ID:WGR6Q02N
>>10
バーカ

13: Name_Not_Found 2023/03/03(金) 22:55:58.91 ID:???
>>12
コード読めないクズ

14: Name_Not_Found 2023/03/04(土) 03:34:31.69 ID:BrPc5961
>>13
バーカお前のスキルはもうクズなんだよ

プログラマーは誰でもなれるからお前の報酬も減るだけ
ゲラゲラ🤣

11: Name_Not_Found 2023/03/03(金) 20:26:14.33 ID:???
ツイッター見てたら
Chromeのプラグインを全く経験のない人が
ChatGPTで作れたって報告してたよ

15: Name_Not_Found 2023/03/04(土) 21:36:50.32 ID:BrPc5961
プログラムやコードの意味を理解するより
AIを使役するのがめちゃくちゃ面白い
これプログラマーヤバいだろマジで

16: Name_Not_Found 2023/03/05(日) 07:31:30.50 ID:K3/SmMJP
皆んなが使えば使うほど学習していく、、賢くなる。

17: Name_Not_Found 2023/03/13(月) 21:27:31.72 ID:???
ぺたんこおっぱい
ぽっこりおなか
つるつるわれめ

18: Name_Not_Found 2023/03/16(木) 23:27:23.40 ID:???
GPT-4で更に実用的になってるといいねえ

19: Name_Not_Found 2023/03/21(火) 01:19:37.49 ID:???
素人でも簡単に○○できました──の文脈は、デモでは目を引いても実用性はあんまりないのよな
一歩踏み込むとそこに専門知識が必要になってくるわけで
特化職のタスクを軽くしてくれるようなツールになってくれることを願う

20: Name_Not_Found 2023/03/21(火) 16:04:19.48 ID:???
いつも素材探しがダルすぎるから
DALL-Eが早く実用レベルになって欲しいわ。
著作権の問題と、気持ち悪い合成でまだ全然ダメだけど

23: Name_Not_Found 2023/03/22(水) 15:13:44.11 ID:???
>>20 自己レス
といってる側からAdobeがFireflyなるサービスリリース。
これで著作権問題のハードルは超えたかも

22: Name_Not_Found 2023/03/22(水) 10:28:00.50 ID:???
4時間で50回だっけ？
前までは200だった

24: Name_Not_Found 2023/03/22(水) 16:25:08.83 ID:???
名前にFireついてるところに一抹の不安を覚えなくもないが、いいサービスに育ててほしいところ

25: Name_Not_Found 2023/03/23(木) 02:00:11.36 ID:LpQ/g3Zw
デザインカンプ読み込ませてそれなりの構造のHTMLかけてたら完敗かも。

26: Name_Not_Found 2023/03/23(木) 12:52:03.43 ID:???
>>25
FigmaやXDしばりなら
ググると既にたくさん出てくるね　2022年の4月頃から既にあるようだが普及してないのかな

Quest.AI
FRONT-END.AI
TeleportHQ
Locofy

精度についてはそれなりって感じか

30: Name_Not_Found 2023/03/23(木) 13:21:13.70 ID:???
>>26
Locofyとかいうのは知らなかったけどあとは触ったことある
カンプの時点で簡単にコーディングできそうなデザインにするという本末転倒なことをやれば速度は上がると思う
ちょっと複雑なデザインになるともうダメなのはどのエンジンも同じ

33: Name_Not_Found 2023/03/23(木) 17:24:29.75 ID:???
>>30
そうだね。
結局簡素なデザインで良いならWordPressの出来いのテンプレでいいし、
でもそういうのってクライアントワークの実務で使う事まずないわ
bootstrapでさえ、構築後の拡張とカスタマイズ考えたら使いたくないと思うくらいなので。
というわけで我々の仕事が消えるのはもうしばらく先か

35: Name_Not_Found 2023/03/24(金) 02:15:50.05 ID:nvo9efhh BE:628812677-2BP(0)
sssp://img.5ch.net/ico/nida.gif
>>26
そんなツールあるのか、サンクス。
一回やってみてどれくらいのもんか見てみますわ。

27: Name_Not_Found 2023/03/23(木) 12:53:33.67 ID:???
何が嫌だかって、AIで修正出来ない場合は
俺らがそのソースを修正をさせられるのが嫌だな

28: Name_Not_Found 2023/03/23(木) 12:54:09.51 ID:???
AIが生成したソースを読み解くのが嫌すぎる

29: Name_Not_Found 2023/03/23(木) 13:20:59.46 ID:???
読み解くのもAIにやらせればいいじゃん！

32: Name_Not_Found 2023/03/23(木) 17:20:18.05 ID:???
>>29
実際にや手見ればわかると思うけど、プログラムと違って
見た目で正解不正解の判定がひつようになるCSSはAIにはまだ判定できない。
吐き出したソースで出来ていない事にAI自体が気が付いていないから修正案もおなしのばかり出てくる

31: Name_Not_Found 2023/03/23(木) 13:55:31.09 ID:???
現状だとテキストデータの整形やコードへの変換、複雑な構文の説明あたりが実用的ですね。
偶に誤りますが、小規模なものなら結構良い精度で動いてトータルで労力減らしてくれている印象です。

34: Name_Not_Found 2023/03/23(木) 17:28:08.57 ID:???
ブロガー：既にあるデザインからブログを当てはめて作る
web制作：オリジナルのデザインからコーディングを起こす

工程が全く違うからねぇ

36: Name_Not_Found 2023/03/24(金) 02:19:46.64 ID:nvo9efhh BE:628812677-2BP(0)
sssp://img.5ch.net/ico/nida.gif
>>34
そうだね、オリジナルデザインをコーディングするための技術や環境はまだないのかも。
ただ、AIにサイト制作を指示する用のツールみたいなのが生まれて、それで動的なデザインとかシステム処理とかも生成してくれるようになると、立場が危うくなってきそうな気がする。
WEB制作経験あるディレクターいればそれなりのサイトは作れるとかになりそう。。

37: Name_Not_Found 2023/03/24(金) 03:42:11.40 ID:nvo9efhh BE:628812677-2BP(0)
sssp://img.5ch.net/ico/nida.gif
連投すまん。
情弱すぎて知らなかったが、STUDIOってツールも相当すごいやん。
中途半端なWEBサイト制作者は余計に仕事減りそうやわ。。
Wixとかもこれくらいすごいんかね。。

え、これどうやって差別化すればええんや・・・？
情弱は情弱のクライアントからくるWEB制作依頼（WordPress、LP制作）やっ解けばええんか？

38: Name_Not_Found 2023/03/24(金) 17:59:25.51 ID:???
今ならAIとかあるしこんな便利なサイト作成ツールもありますよ
自分で作成したらどうです？

・お金勿体ないしそうするわ

・WEBの事はプロに任せたいわ

自分は今は後者のお客さんの方が多いかな。
例えばそれなりの規模の企業ならWordPressつかって
自分たちで公式サイト作りましたってあまり見なかったし
トヨタとか三井住友銀行がWIXで作られてたらなんかそれはそれでダセーなｗ

39: Name_Not_Found 2023/03/24(金) 18:01:22.54 ID:???
WordPressも自分たちで更新できる為のCMSなのに
結局更新怠ると操作方法とか忘れて、更新お願いしますってなってるからなあ

40: Name_Not_Found 2023/03/25(土) 18:11:50.97 ID:pkshzhru
なるほどなぁ。
まあなんとなくのHP作ってたら淘汰されてしまって、マーケティングやブランディングも当たり前に考慮しているHP制作者がうまいこと利用する感じかな。

41: Name_Not_Found 2023/03/25(土) 21:25:59.81 ID:???
まだ20代30代前半なら将来を見越していっそ今後伸びそうな業界に転職も選択肢に入れるのもありだな

かといって、ホワイトカラーのデスクワークはほぼ同様に置き換えられる可能性がある
ほんの1-2年前に注目され始めたビックデータ駆使するデータサイエンティストでさえやばいじゃんな。

今後伸びそうな業界なんてわからないよな。宇宙関連とかか

44: Name_Not_Found 2023/03/26(日) 03:03:35.38 ID:mddVIatm
>>41
うむむ。
アラサーではあるが、WEBの仕事割と好きなんだよなぁ。
ちょっとした工作要素（そう捉えてはダメだけど、）もの？づくりとしては割と好き。

42: Name_Not_Found 2023/03/25(土) 21:56:27.47 ID:???
ケアワーカーエッセンシャルワーカーが低賃金とかそういう
伸びるものと人間に必要なものが関係無いという社会のバグを直さないと
投資以外の仕事なんかする意味なくなる

43: Name_Not_Found 2023/03/25(土) 22:20:52.33 ID:???
その昔キーパンチャーと言われた職種（今でいうデータ入力？）
伝票なんかをテンキーでいかに早く正確に入力できるかみたいな職種も
OCRがここまで無料で精度高くなると厳しいだろうね。

45: Name_Not_Found 2023/03/28(火) 14:15:34.38 ID:???
ホームページのcssでiPhoneでの表示がおかしいと言われてMacまだ持ってないが
AIでチェックしてコード修正案出してくれないかなぁ

46: Name_Not_Found 2023/03/28(火) 14:24:51.99 ID:???
日本語でおk

47: Name_Not_Found 2023/03/31(金) 21:50:14.11 ID:???
GPT4使ってる人いる？
GPT3.5と比べて全然良くなってるときくが、このWEB仕事で使えるレベル？

48: Name_Not_Found 2023/03/31(金) 22:03:09.00 ID:???
>>47
実際に使ってみてら良いのでは？

49: Name_Not_Found 2023/04/01(土) 22:20:24.01 ID:22qeaJ5h
下記の法則に従って、別のソースを同様にエスケープなどして書き換えて欲しいんだが
どういうプロンプトで実現できるかわかるひといる？

書き換え前

書き換え後
"

    ",
    "\t

  • ",
    "\t\t\"\"",
    "\t

    • ",
    "\t

  • ",
    "\t\t\"\"",
    "\t

    • ",
    "\t

  • ",
    "\t\t\"\"",
    "\t

    • ",
    "

"

50: Name_Not_Found 2023/04/01(土) 22:38:07.51 ID:???
>>49
コードの修整は一度に処理しようとすると大抵失敗するので段階的に処理したほうがいいですね。
それでもコード量が増えると大文字小文字を間違えたり記号が消えたり文字数制限に引っかかったりするので、その辺を細かく列挙して少量ずつ変換すると上手く行きやすいです。

結局チェック作業は必要ですし、データ量が多い場合はリファクタリング機能か正規表現を使ったほうが圧倒的に早く終わったりします。

自分の場合は正規表現を考えるための相談役に落ち着きましたね。

51: Name_Not_Found 2023/04/01(土) 22:41:56.51 ID:???
>>50
ありがとう。
自分はまだどう使うがな～って段階なのでアドバイス助かります。

52: Name_Not_Found 2023/04/01(土) 23:23:27.09 ID:???
>>49
chayaAIがミスる可能性考えたら正規表現でよくね？

53: Name_Not_Found 2023/04/02(日) 00:18:11.87 ID:???
正規表現用っぽいソースを作る為に正規表現を使って加工するのがめんどいなって思ったんで、、
ChatGPT活用に良い機会だって思ったんだが正確性の求められるものはあかんねぇ

落合陽一がやってるような自然言語プログラミングとかやってた方が楽しいんだろうね

54: Name_Not_Found 2023/04/02(日) 00:31:55.80 ID:???
>>53
命令を「正規表現を使って」とか、その正規表現を示せ、で1行づつぶちこんで、成果の正規表現は重複以外全部足せば良いんじゃね

55: Name_Not_Found 2023/04/02(日) 01:11:22.23 ID:???
>>54
最終的にこのレベルまで具体化してようやく実現できるレベル。。

##要件
①HTMLソースを条件に従って修正してください。

#条件
下記を1から順に処理してください

1：最初にHTMLソース内のメタ文字（ファブルクォーテーション「""」）を全て\でエスケープしてください。
2：次に行ごとに行頭と行末をダブルクォーテーションで括ってください
3：最後に行末にカンマ「,」を付与してください

#①HTMLソース

    • ・・・・・略

    こんな事なら意味ないからなー。
    見本Aを見てBを同様に書き換えてください
    で実現してくれんかのー

57: Name_Not_Found 2023/04/02(日) 01:31:29.56 ID:???
>>55への自己レス

雛形、間違ってたｗ　これが正しいらしい

# 命令書:

# 制約条件:

# 入力文：

# 出力文：

56: Name_Not_Found 2023/04/02(日) 01:17:46.74 ID:???
バックエンドやメンテなら早めに実用レベルになりそうな気はするが
めんどくせえフロントエンドにはどう使えばいいか思いつかねえ

58: Name_Not_Found 2023/04/02(日) 01:35:46.26 ID:???
SuperChatGPTってChromeのアドオン入れると
コミュニティで他の人が使ったプロンプトが見れる
みんな何に使ってんだ？って思ってたまに覗いてるわ

~~~~~
Midjourneyという画像生成AIに絵を書いてもらいたい。
ここでは、あなたはプロンプトメイカーとしてのみ動作することとする。

###プロンプトは下記の制約条件を必ず満たすこととする。
・単語数に制限はない
・すべてを英語で記述すること
・すべて単語で記述すること
・文章は書かないこと
・カンマ区切りで特徴を列挙すること
・特徴は簡潔な英語の形容詞＋単語か、単語のみで書くこと
・AIに情報を与える前提でAIが理解しやすいように配慮すること
・与えるプロンプトのみを出力すること

###下記のプロンプトを生成してください。
~~~~~~

59: Name_Not_Found 2023/04/02(日) 02:11:13.19 ID:???
自分はまだ手を出せてないのですが、githubの作ってるcopilot Xはどうなんでしょうね？

https://github.blog/jp/2023-03-23-github-copilot-x-the-ai-powered-developer-experience/

60: Name_Not_Found 2023/04/02(日) 10:01:37.48 ID:???
>>59
試したよそれ。
感想としては、CSS/HTML用で考えるなら
コード保管候補の機能が少し範囲広がった程度って感じかな。

/*ボタン*/　って入力すると下の行に適当にcssが出てくる感じ。
（文字サイズや背景色なども指定せずとも適当に書いてくれるのは賢い）

でも個人的にはこれなら保管やスニペット登録でいいかなって思った。思い通りのが一発で出てくるから。

プログラム組むならまた別だと思う。

63: Name_Not_Found 2023/04/02(日) 11:31:45.20 ID:???
>>60
それはcopilot Xの方ですかね？
補完機能とは別にGPT4搭載のチャット機能が搭載されているらしいのですが。

どうも新旧のバージョンの情報が混在していて機能ごとにウェイトリストなどが別れているので手が出なくて。

64: Name_Not_Found 2023/04/02(日) 13:55:45.79 ID:???
>>63
ごめんよく読んでなかった。自分が試したのは旧タイプだわ
自然言語でもプログラミングができるようになるのか

65: Name_Not_Found 2023/04/02(日) 14:26:38.54 ID:???
>>64
ChatGPT4の能力でコーディング向けにカスタマイズされていて、プロジェクト内の構造などを把握して動作してくれるようなので結構期待してるんですよね。

音声認識での操作なんかも開発進めているようですし、プロ向けのノーコードのプログラミングも割と近い将来実現するでしょうね。

61: Name_Not_Found 2023/04/02(日) 10:02:52.71 ID:???
保管→補完

62: Name_Not_Found 2023/04/02(日) 10:33:05.43 ID:???
デザインがあって再現して欲しい時に使えるようになったら次のステージって感じやね

66: Name_Not_Found 2023/04/03(月) 08:41:39.51 ID:???
早く来ないかな。

https://youtu.be/5XheKKZoGnE

67: Name_Not_Found 2023/04/03(月) 13:03:11.20 ID:???
MSだからvscodeのまま使えるのが助かるわ
aiコーディングの為に新たにエディター変えたくないもんな
無料だし。vscodeはなんで無料で維持できるのだろうか

68: Name_Not_Found 2023/04/03(月) 14:46:49.96 ID:???
>>67
VSCodeを入口にして本家VSで稼いでるんですかね？

VSCodeでも情報収集やらはしているようですが。

69: Name_Not_Found 2023/05/30(火) 18:59:17.58 ID:CynHBTGK
AI生成写真のモデルはサイトの素材になる？

https://twitter.com/aitrain16393
https://twitter.com/5chan_nel (5ch newer account)

引用元: ・【ChatGPT】Web制作者がAIを触ってみるスレ

こんな記事も読まれてます

[wp-rss-aggregator template="wprss_feed_template-737"]

-Google