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

1 ：1：2023/03/02(木) 08:36:11.60 ID:???.net

APIが公開されたこのタイミングで語ってみよう

28 ：Name_Not_Found：2023/03/23(木) 12:54:09.51 ID:???.net

AIが生成したソースを読み解くのが嫌すぎる

29 ：Name_Not_Found：2023/03/23(木) 13:20:59.46 ID:???.net

読み解くのもAIにやらせればいいじゃん！

30 ：Name_Not_Found：2023/03/23(木) 13:21:13.70 ID:???.net

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

31 ：Name_Not_Found：2023/03/23(木) 13:55:31.09 ID:???.net

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

32 ：Name_Not_Found：2023/03/23(木) 17:20:18.05 ID:???.net

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

33 ：Name_Not_Found：2023/03/23(木) 17:24:29.75 ID:???.net

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

34 ：Name_Not_Found：2023/03/23(木) 17:28:08.57 ID:???.net

ブロガー：既にあるデザインからブログを当てはめて作る
web制作：オリジナルのデザインからコーディングを起こす

工程が全く違うからねぇ

35 ：Name_Not_Found：2023/03/24(金) 02:15:50.05 ID:nvo9efhh.net ?2BP(0)

https://img.5ch.net/ico/nida.gif
>>26
そんなツールあるのか、サンクス。
一回やってみてどれくらいのもんか見てみますわ。

36 ：Name_Not_Found：2023/03/24(金) 02:19:46.64 ID:nvo9efhh.net ?2BP(0)

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

37 ：Name_Not_Found：2023/03/24(金) 03:42:11.40 ID:nvo9efhh.net ?2BP(0)

https://img.5ch.net/ico/nida.gif
連投すまん。
情弱すぎて知らなかったが、STUDIOってツールも相当すごいやん。
中途半端なWEBサイト制作者は余計に仕事減りそうやわ。。
Wixとかもこれくらいすごいんかね。。

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

38 ：Name_Not_Found：2023/03/24(金) 17:59:25.51 ID:???.net

今ならAIとかあるしこんな便利なサイト作成ツールもありますよ
自分で作成したらどうです？

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

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

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

39 ：Name_Not_Found：2023/03/24(金) 18:01:22.54 ID:???.net

WordPressも自分たちで更新できる為のCMSなのに
結局更新怠ると操作方法とか忘れて、更新お願いしますってなってるからなあ

40 ：Name_Not_Found：2023/03/25(土) 18:11:50.97 ID:pkshzhru.net

なるほどなぁ。
まあなんとなくのHP作ってたら淘汰されてしまって、マーケティングやブランディングも当たり前に考慮しているHP制作者がうまいこと利用する感じかな。

41 ：Name_Not_Found：2023/03/25(土) 21:25:59.81 ID:???.net

まだ20代30代前半なら将来を見越していっそ今後伸びそうな業界に転職も選択肢に入れるのもありだな

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

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

42 ：Name_Not_Found：2023/03/25(土) 21:56:27.47 ID:???.net

ケアワーカーエッセンシャルワーカーが低賃金とかそういう
伸びるものと人間に必要なものが関係無いという社会のバグを直さないと
投資以外の仕事なんかする意味なくなる

43 ：Name_Not_Found：2023/03/25(土) 22:20:52.33 ID:???.net

その昔キーパンチャーと言われた職種（今でいうデータ入力？）
伝票なんかをテンキーでいかに早く正確に入力できるかみたいな職種も
OCRがここまで無料で精度高くなると厳しいだろうね。

44 ：Name_Not_Found：2023/03/26(日) 03:03:35.38 ID:mddVIatm.net

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

45 ：Name_Not_Found：2023/03/28(火) 14:15:34.38 ID:???.net

ホームページのcssでiPhoneでの表示がおかしいと言われてMacまだ持ってないが
AIでチェックしてコード修正案出してくれないかなぁ

46 ：Name_Not_Found：2023/03/28(火) 14:24:51.99 ID:???.net

日本語でおk

47 ：Name_Not_Found：2023/03/31(金) 21:50:14.11 ID:???.net

GPT4使ってる人いる？
GPT3.5と比べて全然良くなってるときくが、このWEB仕事で使えるレベル？

48 ：Name_Not_Found：2023/03/31(金) 22:03:09.00 ID:???.net

>>47
実際に使ってみてら良いのでは？

49 ：Name_Not_Found：2023/04/01(土) 22:20:24.01 ID:22qeaJ5h.net

下記の法則に従って、別のソースを同様にエスケープなどして書き換えて欲しいんだが
どういうプロンプトで実現できるかわかるひといる？

書き換え前
<ul class="">
<li>
<img src="images/" alt="" />
</li>
<li>
<img src="images/" alt="" />
</li>
<li>
<img src="images/" alt="" />
</li>
</ul>

書き換え後
"<ul class=\"\">",
"\t<li>",
"\t\t<img src=\"images/\" alt=\"\" />",
"\t</li>",
"\t<li>",
"\t\t<img src=\"images/\" alt=\"\" />",
"\t</li>",
"\t<li>",
"\t\t<img src=\"images/\" alt=\"\" />",
"\t</li>",
"</ul>"

50 ：Name_Not_Found：2023/04/01(土) 22:38:07.51 ID:???.net

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

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

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

51 ：Name_Not_Found：2023/04/01(土) 22:41:56.51 ID:???.net

>>50
ありがとう。
自分はまだどう使うがな～って段階なのでアドバイス助かります。

52 ：Name_Not_Found：2023/04/01(土) 23:23:27.09 ID:???.net

>>49
chayaAIがミスる可能性考えたら正規表現でよくね？

53 ：Name_Not_Found：2023/04/02(日) 00:18:11.87 ID:???.net

正規表現用っぽいソースを作る為に正規表現を使って加工するのがめんどいなって思ったんで、、
ChatGPT活用に良い機会だって思ったんだが正確性の求められるものはあかんねぇ

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

54 ：Name_Not_Found：2023/04/02(日) 00:31:55.80 ID:???.net

>>53
命令を「正規表現を使って」とか、その正規表現を示せ、で1行づつぶちこんで、成果の正規表現は重複以外全部足せば良いんじゃね

55 ：Name_Not_Found：2023/04/02(日) 01:11:22.23 ID:???.net

>>54
最終的にこのレベルまで具体化してようやく実現できるレベル。。

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

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

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

#①HTMLソース
<ul class="">
<li>
<img src="images/" alt="" />
</li>
・・・・・略

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

56 ：Name_Not_Found：2023/04/02(日) 01:17:46.74 ID:???.net

バックエンドやメンテなら早めに実用レベルになりそうな気はするが
めんどくせえフロントエンドにはどう使えばいいか思いつかねえ

57 ：Name_Not_Found：2023/04/02(日) 01:31:29.56 ID:???.net

>>55への自己レス

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

# 命令書:

# 制約条件:

# 入力文：

# 出力文：

58 ：Name_Not_Found：2023/04/02(日) 01:35:46.26 ID:???.net

SuperChatGPTってChromeのアドオン入れると
コミュニティで他の人が使ったプロンプトが見れる
みんな何に使ってんだ？って思ってたまに覗いてるわ

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

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

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

59 ：Name_Not_Found：2023/04/02(日) 02:11:13.19 ID:???.net

自分はまだ手を出せてないのですが、githubの作ってるcopilot Xはどうなんでしょうね？

ttps://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:???.net

>>59
試したよそれ。
感想としては、CSS/HTML用で考えるなら
コード保管候補の機能が少し範囲広がった程度って感じかな。

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

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

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

61 ：Name_Not_Found：2023/04/02(日) 10:02:52.71 ID:???.net

保管→補完

62 ：Name_Not_Found：2023/04/02(日) 10:33:05.43 ID:???.net

デザインがあって再現して欲しい時に使えるようになったら次のステージって感じやね

63 ：Name_Not_Found：2023/04/02(日) 11:31:45.20 ID:???.net

>>60
それはcopilot Xの方ですかね？
補完機能とは別にGPT4搭載のチャット機能が搭載されているらしいのですが。

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

64 ：Name_Not_Found：2023/04/02(日) 13:55:45.79 ID:???.net

>>63
ごめんよく読んでなかった。自分が試したのは旧タイプだわ
自然言語でもプログラミングができるようになるのか

65 ：Name_Not_Found：2023/04/02(日) 14:26:38.54 ID:???.net

>>64
ChatGPT4の能力でコーディング向けにカスタマイズされていて、プロジェクト内の構造などを把握して動作してくれるようなので結構期待してるんですよね。

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

66 ：Name_Not_Found：2023/04/03(月) 08:41:39.51 ID:???.net

早く来ないかな。

ttps://youtu.be/5XheKKZoGnE

67 ：Name_Not_Found：2023/04/03(月) 13:03:11.20 ID:???.net

MSだからvscodeのまま使えるのが助かるわ
aiコーディングの為に新たにエディター変えたくないもんな
無料だし。vscodeはなんで無料で維持できるのだろうか

68 ：Name_Not_Found：2023/04/03(月) 14:46:49.96 ID:???.net

>>67
VSCodeを入口にして本家VSで稼いでるんですかね？

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

69 ：Name_Not_Found：2023/05/30(火) 18:59:17.58 ID:CynHBTGK.net

AI生成写真のモデルはサイトの素材になる？

https://twitter.com/aitrain16393
(deleted an unsolicited ad)

70 ：Name_Not_Found：2023/07/05(水) 04:05:55.14 ID:???.net

意外と伸びないね
みんなAI使ってないのか‥
いうて俺も画像生成くらいだけど

71 ：Name_Not_Found：2023/07/08(土) 21:59:17.82 ID:OIeKDA/J.net

俺はお世話になってるぞ

72 ：Name_Not_Found：2023/07/25(火) 15:39:33.92 ID:BM97aBuL.net

俺はChatGPT使ったおかげで30万ぐらいの仕事したわ
これはすごいわ

73 ：Name_Not_Found：2023/07/27(木) 16:18:01.37 ID:???.net

GPT4使ってるけど3.5の方がサクサク動くな
4はプラグイン入れて活用中でウェブの要約とか翻訳とかその他諸々どんなことがどんなレベルなのかをお試し中
まだ仕事レベルのことはしてないわ

プログラムは、習い事教室のメンバーのペアリングを自動的に決めてもらうPythonコード書いてもらっただけかな
現在のところは、みんなコード類は自分で書いちゃった方が早いんじゃないの
出てきたコードがちゃんとしてるかどうかも検証しないとならないわけで、それはそれで手間だと思う

画像生成はFirebirdを少しやった
細かいところが思い通りに出なくてめんどくさくなってやめたｗ

74 ：Name_Not_Found：2023/07/27(木) 16:19:05.47 ID:???.net

ごめん自己レス
FirebirdじゃなくてFirefly

75 ：Name_Not_Found：2023/09/17(日) 03:22:15.70 ID:???.net

わーい、うれしいなあ！

76 ：Name_Not_Found：2023/09/17(日) 03:39:02.63 ID:???.net

chatGPT4の感想
jsとphpは実用レベル
reactやlaravelなどフレームワークが噛むとちょっと怪しくなる
pearlはまだ難しいことやらせてないからわからんが致命的な間違いはなさそう？
マークダウンはうんち

77 ：Name_Not_Found：2023/10/07(土) 03:12:24.96 ID:???.net

ヘッダーフッター3カラムになるようにhtmlとcssを書いてね

bingchatだとカラムが上下にずれて上手く行かなかった
chatGPTだと成功

もっといいプロンプトあるのかな