機能としてできたもの

B102 D3.js 依存関係マップ(フォースsim)
本ページのデータとはノード入力欄 (nodesCsv)とリンクデータ (linksCsv)・グループデータを示します。B102 D3.jsのデータ作成 という場合はこのデータを作成してください。保存データとする場合には、jsonファイルを示すこととします。このjsonファイルは後段の生成AI用のプロンプト作成に用います。json形式の生成を行う場合に、足りない情報は以下の補完を試みます。他の設定情報やUI情報 "settings": { "forceXStrength": "0.02", "forceYStrength": "0.02", "linkDistanceScale": "1.0", "nodeRadius": "14", "nodeFontSize": "15", "linkWidthScale": "1.0" }, "x", "y", "vx", "vy", "fx", "fy" などの位置情報ノード順に、x += 100(量は調整)で位置を繰り返し、8個作ったらY+=100(量は調整) で段を変えて続行します。数が多い場合には、xとyのインクリメント量を調整します。vx,xyは0でいいです。fx,fyはx,yで同じでいいです。ノードはすべて、固定のステートとします。

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

B010 マウスで移動可能な要素
生成AIで作成しました。マウスで移動可能な要素を作成します。作成物 $(function () { //ドラッグフラグ var drag_flg = false; //マウスダウンの位置 var pos1; var pos2; //要素位置...

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

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

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

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

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