【IT】画像からHTMLやCSSを自動コーディングする人工知能が遂に誕生してしまう これHTMLコーダー死んだだろ…… [381556742]

■ このスレッドは過去ログ倉庫に格納されています
1番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 4d0f-G7uY)2018/01/18(木) 23:09:18.64ID:GJdHdTQy0?2BP(1000)

web制作の自動化が進む! 画像から自動コーディングする深層学習プログラムが公開

web制作業界において、自動化ができそうでなかなか自動化できなかったのが、コーディング作業。
HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。

そんななか1月に、画像のみからHTMLコードを自動生成するというプログラムとその解説が、Floydhubのブログ上で、公開されました。
こちらのプログラムは、pix2codeという論文とそのコードを参考につくられているとのことです。

まずは、気になるニューラルネットワークの出力結果をご覧ください。
250エポックだと、支離滅裂な文字列でしかありませんが……

https://ledge.ai/pix2code-on-floydhub/

画像
https://s3-ap-northeast-1.amazonaws.com/ledge-assets/media/wp-content/uploads/2018/01/18131955/pix2code-catch.jpg
https://s3-ap-northeast-1.amazonaws.com/ledge-assets/media/wp-content/uploads/2018/01/18121217/html-220ep.png

自動生成はいいけどきったねえなあ

>>100
Emmetこれ相当書く量減っていいねー
最近はSPAのwebアプリとか増えてるけどやっぱメンテナンス考えたらまだまだ手書きですわ

>>8
そういう不満は類型化されてるから、俺が気に入るように直して!って言えば一瞬で書き換えてくれるよ

112番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 2314-FTo1)2018/01/19(金) 02:31:32.51ID:xDXCkyz20
ていうかwebサイトのレイアウトなんてどこも大差ないんだから
適当な雛形をいくつか用意した中から選ばせて
見た目寸法とか色とかCSSの変数をWYSIWYGで変えてやるくらいすぐできそうだけど
まあそんなソフトにカネ払う阿呆の需要もないんだろうなw

113番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 2314-FTo1)2018/01/19(金) 02:34:37.49ID:xDXCkyz20
WP Theme のカスタマイズ機能がそんなもんだけど
アレはアレで野良ベンダーのサポート切れたらサイト死ぬやんっていうリスクあるしw

114番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 5b92-jUz+)2018/01/19(金) 02:40:18.10ID:fSaR2L+60
これメンテ地獄だろ

会話や文章の中でWYSIWYGが使われてる事例を21世紀入って初めてくらいに見た
正確には20余年前に教わって以来かも

116番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 2314-FTo1)2018/01/19(金) 03:02:16.12ID:xDXCkyz20
>>115
だからWYSIWYGは20年以上前から議論の必要もないスタンダードなのに
いまだにコード手打ちしてるWeb業界って不思議だわ

117番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 2585-j9Cz)2018/01/19(金) 03:04:13.66ID:4SrIYetQ0
>>24
あれLP作る以外で役に立たないからなぁ

代理店におるけど今は静的なページだけのオーダーとかそとんどないから
結局web屋かシステム屋にたのむことになる

119番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 1db2-v1OX)2018/01/19(金) 03:08:30.90ID:m7Zi8WxE0
イラストレータのデータやRTFを直接書けと言われて、んなもん書いてる場合じゃねぇってなるのが普通なわけで
HTMLやCSSを書かざるを得ない環境が悪かっただけ
ブラウザ戦争してるからそうなる

120番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 2314-FTo1)2018/01/19(金) 03:11:58.59ID:xDXCkyz20
DTPデザイナーがパラメータ値を手動入力してベジェ曲線を描いてるようなもんだよねWeb屋さんって
あるいは3Dアニメータがコマごとに各ポリゴン頂点のXYZ値を手打ち入力してるみたいな

121番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 1db2-v1OX)2018/01/19(金) 03:13:57.33ID:m7Zi8WxE0
んでFlashサイコーって状態になったわけだけどこれもブラウザの都合で消されたわけよ
HTML5だーCSS3だーWebGLだー言われてもじゃぁもっと簡単に作れる方法を提示しやがれって話なのよ

逆に言えばホームページなんてXYの座標とデータの入れ子関係だけ書いてやればいいんだから
静的なレイアウトくらい手打ちで十分ってことなのか

123番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイW 0bae-tTNg)2018/01/19(金) 03:28:24.41ID:WxqlK8Oa0
てかウェブコンテンツなんて中身が重要で無駄に凝ってるサイトなんていらねえよ

>>122
いやそんな簡単じゃないな
まずwebと言っても求められてるもんがフロントやらサーバーサイドやらスマホ対応やら混在の極みで
更に変にムキムキになったWebやブラウザやjsの技術を応用してデスクトップアプリ作ったもしてて
更にWeb技術だから広まりも早くてvueやらreactやら独自の作成方法や環境構築
で混在してて
じゃあどれどれを使ってどうやって作りますか作り方は沢山ありますよこれがベストでも人によってはこれは出来ませんとかで定まらないの

125番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW a31d-9UGh)2018/01/19(金) 03:48:50.97ID:X5rhCQms0
ホームページビルダーでじゅうぶんだろおじさん「ホームページビルダーでじゅうぶんだろ?」

大変なのはUI作ることじゃなくて中の処理ですから・・・

127番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ bd85-6o7U)2018/01/19(金) 03:59:16.18ID:5LY6pXRV0
じゃー宇宙全体もAIなの。
じゃーAIで今後ビッグバン(パラダイムシフト)が起こって、AI以前とAI以後の世界に分かれたら
AI以後の世界の人類は、AI以前のこの世界の人間を理解できないの?

128番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 557b-3G8/)2018/01/19(金) 04:07:12.14ID:cRIHnWIc0
こんなもんディープラーニング使う必要ないだろ
一般的な画像処理技術で書いたほうがよほど精度の高いもの作れるしそもそも画像から作る必要がない
他ページ参考にするならhtmlソース使うし専用の画像用意するならその手間でhtmlビルダー使えよ
情弱向け

129番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイW 3d30-pfZu)2018/01/19(金) 04:39:17.83ID:SyYGpUKC0
今あるこれをどうこう言ってもしかたないだろ
これからどれほどの速度で進化してってどこまでできるのかだよ

130番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 156e-Wvym)2018/01/19(金) 04:42:44.89ID:VCelZ6tE0
進化するスピードは早いだろうから、web屋駆逐されるかもしれんね

131番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ ebb2-Vc1J)2018/01/19(金) 04:48:08.45ID:oXVDWEKD0
マジレスすると今でもBootstrapやテンプレートっていう便利なものあるし
細部の調整出来なさそうだしおそらく活躍の場ない

132番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 2314-8OY6)2018/01/19(金) 05:05:44.69ID:phf/IgMB0
ここ自動化してもいまいち捗らんだろ
画像作るためにHTML書いた方が速いレベル
cssのテンプレート使えばこんなもん一瞬だからな

133番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 156e-rVnJ)2018/01/19(金) 05:58:53.44ID:fcrpIFN90
便利だけど人工知能とは違うんじゃないの?
機械的に処理するプログラムでしょ

134番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 156e-Wvym)2018/01/19(金) 06:10:43.71ID:VCelZ6tE0
始まりに過ぎないんだろ?こんなん

135番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 0b85-3Ttg)2018/01/19(金) 06:16:36.16ID:xT8zQCqr0
というか、大手がクライアントのサイト制作とかするときって
だいたいコーディング規約とか渡されるんだよね
それに則って作るとしたら自動生成されたものじゃ論外なんだよね

そうでなくてもHTMLのルールってimgにはaltつけろとか
タイトルはh1、セクションのタイトルはh2、h3、リードテキストはpだったりで
全部divにすればいいってわけじゃないし、
HTML5だったらarticleとかsectionでちゃんと分けないといけない。

それは検索エンジンのクローラーにきちんと把握させるためでもあるし、
目の見えない人が音声で閲覧するときにHTMLのルールに載ってないとちゃんと動かない。

趣味でサイト作る人はとりあえず見た目がホームページだったらOKだから
自動生成でもいいんだけど、きちんとしたサイト作るとしたらHTMLからしっかり作らないと納品物にならない。
そこまでAIが把握して生成してくれるんだったら別だけどね。

136番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイW 0b85-pz6W)2018/01/19(金) 07:02:03.94ID:PF+hsM4D0
フォトショ触れりゃいいワケか

AIが作ったのをAIが見て楽しんで電気代を人間が払えばスマートだな

138番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイW 2585-4Czu)2018/01/19(金) 07:33:58.81ID:fZ28+g9w0
>>130
もう10年以上前からあるけど未だに進歩してない時点でお察し

確かにかなり長期的な目線で見たらコーダーは要らなくなると思うけど、俺らの世代には関係ないレベル。

>>10
左のimage作ると、右のコードで作ったページになると

>>96
AI創る、メンテする仕事でしたら…

Webってしょうもない変更ちまちま入れるのが常だからな
カスタマイズなしで使えばこんなに安いですってなっても絶対金かけてカスタマイズしたがる

この自動生成で作ったものを変更させられる人がかわいそう

143番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 5d02-cGEI)2018/01/19(金) 07:50:58.29ID:Nqp2MkPT0
おかしな動きになっても誰も内容がわからないから修正できないんだろうな。
コメントも入ってないから意図すらすぐにはわからない

144番組の途中ですがアフィサイトへの転載は禁止です (ブーイモ MM43-xLkL)2018/01/19(金) 07:51:59.44ID:n2WR97CqM
>>142
みずほ案件やばそう

145番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 2397-wV9Z)2018/01/19(金) 08:04:49.28ID:XvdEiHBC0
画像から CSS 作れてもなんの自動化にもなってないだろ!
デザイナーのお姉ちゃんのデザイン指示書から CSS 起こせて初めて自動化
怖いお姉ちゃんの赤書きから修正までできたらほんとにフロントエンド屋不要の革命

限定的な部分では有用だと思うけどね
ランディングページとか

147番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 0b85-wUAV)2018/01/19(金) 08:22:48.15ID:DzdyR0250
すごいね。
でもタグの閉じ忘れでもエラー出ずに動くんだから、HTMLって適当だよね

出来上がった時はいいかもしれないけどメンテナンスとか保守性は最悪だろうから長期的な運用が前提のサイトでは使えなさそう
LPとか単発のみだろうな

149番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイWW 8d45-kfQ+)2018/01/19(金) 10:24:32.87ID:hAFN3Aey0
>>29
画像解析に強いのがディープラーニングなんだからしょうがないね

150番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ a5b8-Qbx4)2018/01/19(金) 10:32:17.43ID:2et27Ka40
他人の書いたものを手直しするぐらいなら
自分で書いた方が慣れてて早い

WORDでHTML日記書いてるが、もっと便利になるのか?

152番組の途中ですがアフィサイトへの転載は禁止です (スプッッ Sd03-Eoqm)2018/01/19(金) 11:43:06.35ID:MiPrwt6nd
>>147
ブラウザが忖度してくれるからな

画像からHTMLなんて10年以上前からあったと思うんだが

154番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ fd24-3lke)2018/01/19(金) 13:15:44.44ID:n/Pd7Fas0
レスポンシブ化とか考えたらライブラリ使って組んだほうが早いな
残念ながら実務レベルではまだまだ使えない

155番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ a385-C/cT)2018/01/19(金) 14:01:19.85ID:lSGZ8iie0
これ画像からAA生成するプログラムと何が違うの

156番組の途中ですがアフィサイトへの転載は禁止です2018/01/19(金) 14:02:50.04
これもなかなか

Microsoftがテキストから本物と見間違うレベルの架空のイメージを自動生成する新AI技術「AttnGAN」を開発
http://gigazine.net/news/20180119-microsoft-attngan/

157番組の途中ですがアフィサイトへの転載は禁止です (ドコグロ MM91-XfkR)2018/01/19(金) 15:02:45.32ID:rrRr2j6CM
フォトショップの時点でHTMLに書き出す機能があったような
スライスしなきゃいけないけど

158番組の途中ですがアフィサイトへの転載は禁止です (ワッチョイ 5ba2-6Ywo)2018/01/19(金) 20:33:29.35ID:9eOwUi5/0
>>149
色々端折ってそのように書かれるけれど、でもディープラーニングが道具として適する画像ではないよね

動き付けれないから意味ないとか言ってる雑魚ばっか
受験でしか盛り上がれないカスしかいないなここ

■ このスレッドは過去ログ倉庫に格納されています