ChatGPT vs Claude vs Gemini コード品質比較｜同一要件で生成されたJavaScriptを徹底解析 - Qiita
ChatGPT vs Claude vs Gemini コード品質比較｜同一要件で生成されたJavaScriptを徹底解析 はじめに AI コードジェネレーターの選択は、開発効率に大きく影響します。本記事では、ChatGPT、Claude、Gemini に全く同一の要件を与えて生成されたコードを技術的観点から徹底比較します。 83サイトの構築経験を通じて得た知見をもとに、各AIの設計思想とコード品質を詳細に分析しました。 実験概要 共通要件 売上管理ダッシュボードの作成を3つのAIに依頼しました。 要求仕様： 売上データCRUD操作 Chart.js による可視化 ローカルストレージでの永続化 リアルタイムフィルタリング レスポンシブ対応 制約条件： 単一HTMLファイル 外部ライブラリはCDN経由のみ ES6以降の文法使用可 評価指標 コード品質：可読性、保守性、拡張性 アーキテクチャ：
MinifyされたJavaScriptのコードをChatGPTで読みやすい形式に戻すことに成功
チーム向けのチャットボットAIを提供しているGlama.aiのエンジニアであるフランク・フィーゲル氏が、容量削減のために変数名を短縮し、改行や空白を消す「Minify」が行われたJavaScriptのコードをChatGPTを使って読みやすい形式に戻すことに成功したと報告しています。 Using ChatGPT to reverse engineer minified JavaScript - ChatGPT for teams | Glama https://glama.ai/blog/2024-08-29-reverse-engineering-minified-code-using-openai フィーゲル氏が最初に注目したのは、以下のサイトで背景に表示されているアニメーションでした。このアニメーションは文字で構成されたアスキーアートが波打って目まぐるしく変化していくもので、フィーゲル
ChatGPTっぽいサービスのプロトタイプをChatGPTを使ってHTMLとJavascriptで作ってみた - Qiita
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } #chat-box { width: 80%; height: 400px; margin: auto; border: 1px solid #000; padding: 20px; overflow: auto; margin-top: 50px; background-color: #fff; } #user-input { width: 80%; margin: auto; margin-top: 20px; } </style> </head> <body> <div id="chat-box"></div> <div id="
夫婦の危機をChatGPTが救う！？はじめてのJavaScript 青森のラーメン屋をLINEに通知してみた - Qiita
const axios = require('axios'); // アクセストークンを入力する const access_token = process.env.ACCESS_TOKEN || 'アクセストークン'; const getShopData = async () => { const encodedPrefecture = encodeURI('青森県'); const encodedGenre = encodeURI('G013'); const url = `http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key=YOURAPIKEY&format=json&keyword=${encodedPrefecture}&genre=${encodedGenre}&count=100&offset=0&order=re
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ChatGPT無＋JavaScript】関数を作成したら、どうする？ - Qiita
