機能としてできたもの

B010 マウスで移動可能な要素
生成AIで作成しました。マウスで移動可能な要素を作成します。作成物$(function(){//ドラッグフラグvardrag_flg=false;//マウスダウンの位置varpos1;varpos2;//要素位置の修正値varposX1;v...

B101 d3.js グラフ
生成AIで作成しました。d3.jsを使ってグラフを作成します。作成物D3.jsExample作業生成AI:ChatGPTの無料版入力したプロンプトhtmlで、d3.jsのコードを作成してください。グラフを作成するものにしてください。グラフは...

B000 生成AI
生成AIの覚書です。大規模言語モデルChatGPTから広まり始めた自然言語生成に特化した深層学習モデルの一種です。対話形式で進めていきます。言葉による指示はプロンプトと呼ばれます。入力プロンプト次第で応答が変わるので、コツみたいなものがあり...

B004 Sub Window
生成AIで作成しました。htmlのサブウィンドウを表示します。作成物サブウィンドウの例サブウィンドウを開くfunctionopenSubWindow(){window.open("","サブウィンドウ","width=300,height=...

B001 html preview
生成AIで作成しました。htmlのコードをプレビューします。作成物HTMLPreviewer/*CSSスタイルシート*/#code{width:100%;height:400px;font-size:16px;font-family:mon...

B003 カラーコードで画像を生成する
生成AIで作成しました。カラーコードで画像を生成します。作成物カラーコードで画像を生成するカラーコードで画像を生成するカラーコード:画像の幅:画像の高さ:画像を生成するfunctiongenerateImage(){constcolorCo...

B002 Color Picker
生成AIで作成しました。カラーコードを取得します。作成物ColorPickerColorPickerconstcolorPicker=document.querySelector('#colorPicker');constcolorCode...

A030 テキストボックス入力
簡単な計算を行うフォームです。入力項目値項目値T1T2合計:textarea{width:calc(1.8em*12);height:calc(1.8em*8);line-height:1.1;font-size:18px;backgrou...