新着記事一覧 | プログラミング好きなきょうゆうくんのブログ

EW-056A wifi パスワード

こんなとこに書いてありました。wifi direct パスワードを調べる方法やや分かりづらい！

2024.04.28

コメント(0)

Vue.jsで画像表示

2024.04.26

コメント(0)

vue.jsの練習

ソース

2024.04.25

コメント(0)

typescriptの型推論

TypeScript には型推論という言葉が出てきます。たとえばlet any = 10;とすればanyは整数とみなされます。したがってその後any = "あいうえお";とするとエラーになります。

2024.04.24

コメント(0)

vue.jsで２つの処理を選択可能とする方法

異なるApp.vueをひとつのプロジェクトでデバッグしたいときがあります。そんなときは以下のようにします。index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <a href="src/test.html" target=”_blank”>App.vue</a><br> <a href="src/test2.html" target=”_blank”>App2.vue</a> </body></html>src/test.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vite App</title> </head> <body> <div id="app"></div> <script type="module" src="/src/main.js"></script> </body></html>src/test2.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vite App</title> </head> <body> <div id="app"></div> <script type="module" src="/src/main2.js"></script> </body></html>src/main.jsimport './assets/main.css'import { createApp } from 'vue'import App from './App.vue'createApp(App).mount('#app')src/main2.jsimport './assets/main.css'import { createApp } from 'vue'import App from './App2.vue'createApp(App).mount('#app')src/App.vuesrc/App2.vueを準備する。実行すると選択すればそれぞれを処理が実行される。

2024.04.20

コメント(0)

TypeScriptのお勉強

TypeScriptを入門者向けに解説！JavaScriptとの違いや勉強法までわかりやすく

2024.04.13

コメント(0)

VSCでVue.js

以下のサイトがよさそう。Vue.jsの開発環境vue.js + typescript = vue.ts ことはじめVue.js「コンポーネント」入門Vue.js]Vue.jsでDOMやコンポーネントを操作するのに便利なref機能Vue3でTypeScriptを使う方法【CompositionAPI】【サンプル有】Vue.js＋TypeScript - 開発環境構築からWebページ公開までの手順を紹介Vue.jsにおけるコンパイルは機械語へ翻訳ではなく、公開可能なhtmlにするだけみたいです。上記を自分でやってみました。npm init vue@latestcd C:\soft\vue-projectnpm list vuevue-project@0.0.0 C:\soft\vue-project+-- @vitejs/plugin-vue@5.0.4| `-- vue@3.4.27 deduped`-- vue@3.4.27 `-- @vue/server-renderer@3.4.27 `-- vue@3.4.27 dedupednpm run devnpm run build実験サイトVue．js入門基礎から実践アプリケーション開発まで [ 川口和也 ]

2024.04.11

コメント(0)

javascriptのお勉強：localstrage 日記帳　拡張

カレンダーから獲得した日付および日付nextをキーとしてLocalStrageへ格納しています。実験サイトソース

2024.03.29

コメント(0)

javascriptのお勉強：locatstrageによる日記帳

カレンダーから獲得した日付をキーとしてLocalStrageへ格納しています。実験サイト<html> <head> <meta charset="UTF-8"> <title>localStorageの日記</title> </head> <body> <h1>localStorageの日記</h1> <input type="date" id="date0" value="" onchange="load()"><br> <input type="button" value="書き込み" onclick="save()" ><br> <textarea name="example2" id="text1" value="" cols="50" rows="10"></textarea> <script type="text/javascript"> function load() { var keyData = document.getElementById('date0').value; var storageData = ""; if(!localStorage.getItem(keyData)) { storageData = "空"; } else { storageData = localStorage.getItem(keyData); } document.getElementById('text1').value=storageData; } function save() { var keyData = document.getElementById('date0').value; var storageData = document.getElementById('text1').value; localStorage.setItem(keyData, storageData); } </script> </body></html>

2024.03.27

コメント(0)

javascriptのお勉強：LocalStrageのテスト　key付

実験サイト<html> <head> <meta charset="UTF-8"> <title>localStorageのテスト</title> </head> <body> <h1>localStorageのテスト key付き</h1> <input type="button" value="書き込み" onclick="save()" > key<input id="key0" type="text" value="initial_key"> data<input id="text1" type="text" value="1234"><br> <input type="button" value="読み出し" onclick="load()" > out<input id="text2" type="text" value="...."> <script type="text/javascript"> function load() { var keyData = document.getElementById('key0').value; var storageData = ""; if(!localStorage.getItem(keyData)) { storageData = "空"; } else { storageData = localStorage.getItem(keyData); } document.getElementById('text2').value=storageData; } function save() { var keyData = document.getElementById('key0').value; var storageData = document.getElementById('text1').value; localStorage.setItem(keyData, storageData); } </script> </body></html>

2024.03.26

コメント(0)

javascriptのお勉強： localStorageのテスト

ローカルストレージってどこにある？各ブラウザでWebStorage（LocalStorage）を確認する方法ブラウザごとに別の場所に格納されます。<html> <head> <title>localStorageのテスト</title> </head> <body> <h1>localStorageのテスト</h1> <input id="text1" type="text" value="1234"><br> <input id="text2" type="text" value="...."> <p> <input type="button" value="書き込み" onclick="save()" > <input type="button" value="読み出し" onclick="load()" > </p> <script type="text/javascript"> function load() { var storageData = ""; if(!localStorage.getItem('storageData')) { storageData = "空"; } else { storageData = localStorage.getItem('storageData'); } document.getElementById('text2').value=storageData; } function save() { var storageData = document.getElementById('text1').value; localStorage.setItem('storageData', storageData); } </script> </body></html>実験サイト

2024.03.24

コメント(0)

htmlのお勉強：いろんな画像を自動表示

以下を参考meta refreshって何？リダイレクトとの関係も解説！このサイトはアクセス毎に画像が変化します実験サイト<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="refresh" content="3; URL=http://snc29654.php.xdomain.jp/omikuji/auto_change.html"> <title>Sample</title></head><body> <img src="https://picsum.photos/640/480"><br> ３秒後に変化します。</body></html>

2024.03.16

コメント(0)

javascriptのお勉強：ajaxで天気予報地域を選択

実験サイトajax参考<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>Ajax</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script></head><body> <label for="area">地域を選択してください</label><select id="area"> <option value="020000">青森県</option> <option value="050000">秋田県</option> <option value="030000">岩手県</option> <option value="040000">宮城県</option> <option value="060000">山形県</option> <option value="070000">福島県</option> <option value="080000">茨城県</option> <option value="090000">栃木県</option> <option value="100000">群馬県</option> <option value="110000">埼玉県</option> <option value="130000">東京都</option> <option value="120000">千葉県</option> <option value="140000">神奈川県</option> <option value="200000">長野県</option> <option value="190000">山梨県</option> <option value="220000">静岡県</option> <option value="230000">愛知県</option> <option value="210000">岐阜県</option> <option value="240000">三重県</option> <option value="150000">新潟県</option> <option value="160000">富山県</option> <option value="170000">石川県</option> <option value="180000">福井県</option> <option value="250000">滋賀県</option> <option value="260000">京都府</option> <option value="270000">大阪府</option> <option value="280000">兵庫県</option> <option value="290000">奈良県</option> <option value="300000">和歌山県</option> <option value="330000">岡山県</option> <option value="340000">広島県</option> <option value="320000">島根県</option> <option value="310000">鳥取県</option> <option value="360000">徳島県</option> <option value="370000">香川県</option> <option value="380000">愛媛県</option> <option value="390000">高知県</option> <option value="350000">山口県</option> <option value="400000">福岡県</option> <option value="440000">大分県</option> <option value="420000">長崎県</option> <option value="410000">佐賀県</option> <option value="430000">熊本県</option> <option value="450000">宮崎県</option> <option value="460100">鹿児島県</option> </select><div><input type="button" value="予報を見る" onclick="checkButton()"></div> <p class= "output2"></p><script> function checkButton(){ $(function(){ var url = "https://www.jma.go.jp/bosai/forecast/data/overview_forecast/"+area.value+".json"; $.ajax({ type: "GET", url: url, dataType: "json", // 取得に成功したときの処理 success:function(data){ console.log(JSON.stringify(data, null, 2)); const data_text = data.text; //data.キー名で値を参照 $(".output2").html("<p>"+data_text+"</p>"); }, // 完了したときの処理 complete:function(){ console.log("通信が完了しました。"); }, // 失敗したときの処理 error:function(){ console.log("通信に失敗しました。"); } }); }); }; </script></body></html>2024.06.01 : 予報エリアをtextareaとした。

2024.03.16

コメント(0)

javascriptのお勉強：ajaxで天気予報(東京都）

実験サイト<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>Ajax</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script></head><body> <p class= "output2"></p><script> $(function(){ const url = "https://www.jma.go.jp/bosai/forecast/data/overview_forecast/130000.json"; $.ajax({ type: "GET", url: url, dataType: "json", // 取得に成功したときの処理 success:function(data){ console.log(JSON.stringify(data, null, 2)); const data_text = data.text; //data.キー名で値を参照 $(".output2").html("<p>"+data_text+"</p>"); }, // 完了したときの処理 complete:function(){ console.log("通信が完了しました。"); }, // 失敗したときの処理 error:function(){ console.log("通信に失敗しました。"); } }); }); </script></body></html>

2024.03.15

コメント(0)

javascriptのお勉強：マウスオーバーでチェックオン

クリックをシミュレートします。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <form> <input type="checkbox" id="check1" onmouseover="Function1()"> </form><script> function Function1() { document.getElementById("check1").click(); }</script></body></html>

2024.03.14

コメント(0)

htmlのお勉強：ファイルdownload

<!DOCTYPE html><html><head> <meta charset="utf-8"/></head><body> <a href="../jpg/30.jpg" download="test.jpg">ダウウンロード</a></body></html>ここに張り付けて　保存　実行

2024.03.13

コメント(0)

javascriptのお勉強：ローカルファイルにテキスト書き込み

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> </head> <body> <label>ファイル書き込みテスト</label> <input type="text" id="call" value="初期値" onchange="textchange()" > <br /> <br /> <div id="message_a"></div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script language="javascript" type="text/javascript"> // イベントハンドラー function textchange() { var call = document.getElementById("call").value; var message = ""; message = call.toUpperCase(); document.getElementById("message_a").innerHTML = message; download_txt("test.txt", message); } // イベントハンドラーを対応付ける document.getElementById("call").onchange = textchange; function download_txt(file_name, data) { const blob = new Blob([data], {type: 'text/plain'}); const url = URL.createObjectURL(blob); const a = document.createElement("a"); document.body.appendChild(a); a.download = file_name; a.href = url; a.click(); a.remove(); URL.revokeObjectURL(url); }</script></body></html>

2024.03.11

コメント(0)

htmlのお勉強：img src バイナリ

srcに直接バイナリ指定すればネットワークアクセスがなくなります。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAcDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDlTRRRXzB+/n//2Q==" alt=""></body></html>

2024.03.09

コメント(0)

javascriptのお勉強：画像へジャンプ

実験サイト<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>画像ジャンプ</title> </head> <body> <h1>ジャンプ</h1> <div id="top"></div> <p> <img src="./jpg/0.jpg" width="30"></a> <a href="#link0">画像0へジャンプ</a> <img src="./jpg/1.jpg" width="30"></a> <a href="#link1">画像1へジャンプ</a> </p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <img id="link0" src="./jpg/0.jpg" width="300"></a> <a href="#top">先頭</a> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <img id="link1" src="./jpg/1.jpg" width="300"></a> <a href="#top">先頭</a> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> </body></html>

2024.03.06

コメント(0)

html jump

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ジャンプ</title> </head> <body> <h1>ジャンプ</h1> <p> <a href="#link">飛びます</a> </p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> <a id="link">ここへ</a> </p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> <p> aaaaaaaa</p> </body></html>

2024.03.05

コメント(0)

美人骨

声は戻るのでしょうか？美人骨 DVD-BOX1 [ アレン・レン[任嘉倫] ]

2024.03.04

コメント(0)

javascriptのお勉強： canvasに画像を重ねる

<html><body><canvas id="canvas"></canvas></body><script> const canvas = document.getElementById("canvas"); let imagePath = "jpg/0.jpg"; draw(canvas,imagePath); function draw(canvas,imagePath){ const image = new Image(); image.addEventListener("load",function (){ canvas.width = image.naturalWidth; canvas.height = image.naturalHeight; const ctx = canvas.getContext("2d"); ctx.drawImage(image, 0,0,canvas.width,canvas.height, 0,0,canvas.width/6,canvas.height/6 ); ctx.drawImage(image, 0,0,canvas.width,canvas.height, 200,200,canvas.width/6,canvas.height/6 ); }); image.src = imagePath; } </script></html>

2024.03.04

コメント(0)

javascriptのお勉強： ajaxを２つ起動

実験サイト

2024.03.01

コメント(0)

javascriptのお勉強： ajax スライドショー

サーバー側画像はphpで集めます。php<?php// ファイル$files = glob('../jpg/*.jpg');$imax=count($files)-1;$ran=rand(0,$imax);$i=0;foreach ($files as $key => $value) { if($i==$ran){ $file_name=$value; break; } $i++;}$type = 'image/jpeg'; // base64エンコード$img = base64_encode(file_get_contents($file_name));// Ajax応答データ$list = array("img" => $img, "type" => $type);// JSONデータを出力echo json_encode($list);exit();?>実験サイト

2024.02.29

コメント(0)

javascriptのお勉強： ajax テキスト受信の繰り返し

<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>Ajax</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> function get_text() { $.ajax({ url: "loop_test.php", async: true, success: function(data) { console.log("======>succes"); document.write(data); document.write("<br>"); } }); } $(document).ready(function() { console.log("======>interval in"); setInterval(get_text, 1000); }); </script></head><body></body></html>実験サイト

2024.02.29

コメント(0)

phpのお勉強：サーバー側　ディレクトリ配下画像のスライドショー

JavaScriptだけではリストは取れないのでphpからjavascriptへ画像リストを送る。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><?php$files = glob('../jpg/*.jpg');echo '<ul>';echo '<img id = "pic" src = "" width = 30% height = 30% >';echo '<script>';echo 'const img = ['; foreach ($files as $key => $value) { echo '"'.$value.'",'; } echo '];'; echo 'let count = -1;'; echo 'jpgChange();'; echo 'function jpgChange()'; echo '{'; echo 'count++;'; echo 'if (count == img.length) count = 0;'; echo 'pic.src = img[count];'; echo 'setTimeout("jpgChange()",1000);'; echo '}'; echo '</script>'; echo '</ul>';?></body></html>実験サイト

2024.02.27

コメント(0)

phpのお勉強：上位ディレクトリ配下　jpgディレクトリ内　jpg ファイル名の表示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><?php$files = glob('../jpg/*.jpg');foreach ($files as $key => $value) { echo '<img src='.$value . ' width=300px>'; echo $value.'<br>';}?></body></html>実験サイト

2024.02.23

コメント(0)

javascriptのお勉強：thisの例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="text" onchange="func(this)"><script>function func(obj){ alert(obj.value);}</script></body></html><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button type=”button” onclick="func(this)">ボタン</button> <script>function func(obj){ alert(obj.textContent);}</script></body></html>

2024.02.22

コメント(0)

javascriptのお勉強：画像プレビュー

実験サイト参考参考サイト

2024.02.19

コメント(0)

ajax JSONオブジェクト受信

html<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <title>Ajax Sample1</title></head><body> 名前 : <input type="text" id="name" /> <button id="btn">SEND</button> <div><br></div> <div id="res">JSONオブジェクト表示</div> <script> $(function(){ $("#btn").on("click", function(event){ name = $("#name").val(); $.ajax({ type: "POST", url: "send.php", data: { "name" : name }, dataType : "json" }).done(function(rcvdata){ $("#res").text(JSON.stringify(rcvdata)); }).fail(function(XMLHttpRequest, textStatus, error){ alert(error); }); }); }); </script></body></html>php<?php $name = filter_input(INPUT_POST, 'name'); $list = array("name" => $name); header("Content-type: application/json; charset=UTF-8"); echo json_encode($list); exit;

2024.02.18

コメント(0)

宮廷残酷史　花たちの戦い

【ご奉仕価格】花たちの戦い宮廷残酷史(25枚セット)第1話～第50話字幕のみ【全巻セット洋画中古 DVD】送料無料ケース無:: レンタル落ち女性たちの熱演に、のめり込んでしまう。

2024.02.17

コメント(0)

まちがえやすいajax functionの引数

$.ajax({ type: 'POST', url: 'send.php', dataType: 'text', /* 受信データの型*/ data: { /* 送信データ */ 'input_name': $input_name.val(), 'input_mail': $input_mail.val(), 'input_title': $input_title.val(), 'input_content': $input_content.val() }, success: function(data) { alert(data); }, error: function(error) { alert('エラーが起きまた。'); } });functionの引数dataは受信データです！送信dataと切り分けるため success: function(receive_data) { alert(receive_data);と書いたほうがいいでしょう。

2024.02.17

コメント(0)

javascriptのお勉強：テキストボックスからテキストボックス

送信０：上のテキストから下へ送信１：下のテキストから上へ<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>input to out</title></head><body> <input id="text0" type="text" size="80" value="あいうえお" /> <input type="button" value="送信0" onclick="inData0()" /><br> <input id="text1" type="text" size="80" value="abcdefgh" /> <input type="button" value="送信1" onclick="inData1()" /> <script> function inData0() { text = document.getElementById("text0"); text1.value=text.value; } function inData1() { text = document.getElementById("text1"); text0.value=text.value; }</script></body></html>実験サイト

2024.02.15

コメント(0)

javascriptのお勉強： base64 encode decode

javascriptのみで実行<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>input to out</title></head><body><input id="text0" type="text" size="50" value="" /> <input type="button" value="送信" onclick="inData0()" /><br> <div id="outdata0"></div> <input id="text1" type="text" size="50" value="" /> <input type="button" value="送信" onclick="inData1()" /> <div id="outdata1"></div><script> function inData0() { text = document.getElementById("text0"); indataText = btoa(unescape(encodeURIComponent(text.value))); outdata0.innerText = indataText; } function inData1() { text = document.getElementById("text1"); indataText = decodeURIComponent(escape(atob(text.value))); outdata1.innerText = indataText; }</script></body></html>実験サイト

2024.02.15

コメント(0)

javascriptのお勉強：エンコードbase64

php+javascript実験サイト

2024.02.14

コメント(0)

javascriptのお勉強：base64をデコードする

javascript + php実験サイト

2024.02.14

コメント(0)

javascriptのお勉強：ajaxでbase64を確認する

js<html><head><meta charset="utf-8"><title>test canvas</title><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><script type="text/javascript">//ページロード時イベント$(function() { $("#button").click(function(event){ $.ajax({ type: "POST", url: "base64.php", data: { key: "44OA44Kk44Ko44OD44OI44GM5Yq55p6c44KS6KGo44GX44G+44GZ" }, dataType : "text" }).done(function(data){ $("#result").text(data); }).fail(function(XMLHttpRequest, textStatus, errorThrown){ alert(errorThrown); });});});</script></head><body> <h2>base64 test</h2> <button id="button">実行</button><br> <input type="hidden" id="test1" name="text1" size="5" value=""><br> <div id="result"></div> <br /></body></html>php<?php$id1 = $_POST['key'];$ide=base64_decode($id1); echo ($ide);?>結果実行ダイエットが効果を表します

2024.02.14

コメント(0)

javascriptのお勉強：ボタンで画像をランダムに表示

実験サイト

2024.02.06

コメント(0)

javascriptのお勉強：innerhtmlで画像表示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button type=”button” id="sample0" onclick=buttonText0()>クリック0</button> <button type=”button” id="sample1" onclick=buttonText1()>クリック1</button> <p id="pid0"> </p> <p id="pid1"> </p> <script> function buttonText0 () { var pppp = document.getElementById('pid0'); pppp.innerHTML="<img src=\"http://snc29654.php.xdomain.jp/jpg/33.jpg\" width=\"300px\">" ; } function buttonText1 () { var pppp = document.getElementById('pid1'); pppp.innerHTML="<img src=\"http://snc29654.php.xdomain.jp/jpg/1.jpg\" width=\"300px\">" ; } </script></body></html>innerhtmlを使わなくても、以下で同じ結果となる<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button type=”button” id="sample0" onclick=buttonText0()>クリック0</button> <button type=”button” id="sample1" onclick=buttonText1()>クリック1</button><br> <img src="" width="300px" id="pid0"><br> <img src="" width="300px" id="pid1"> <script> function buttonText0 () { var pppp = document.getElementById('pid0'); pppp.src="http://snc29654.php.xdomain.jp/jpg/33.jpg"; } function buttonText1 () { var pppp = document.getElementById('pid1'); pppp.src="http://snc29654.php.xdomain.jp/jpg/1.jpg"; } </script></body></html>

2024.02.04

コメント(0)

javascriptのお勉強：ボタンクリックでp tagを変える

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button type=”button” id="sample0" onclick=buttonText0()>クリック0</button> <button type=”button” id="sample1" onclick=buttonText1()>クリック1</button> <p id="pid0"> </p> <p id="pid1"> </p> <script> function buttonText0 () { var pppp = document.getElementById('pid0'); pppp.innerHTML="click後のテキスト0"; } function buttonText1 () { var pppp = document.getElementById('pid1'); pppp.innerHTML="click後のテキスト1"; } </script></body></html>

2024.02.03

コメント(0)

だから俺はアンチと結婚した

だから俺はアンチと結婚した DVD-BOX1 [ チェ・テジュン ]

2024.02.01

コメント(0)

javaascriptのお勉強：document.createElement table

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="text" id="form" onchange="createText()"> <table border="2" id="sample">入力</table> <script> function createText () { var form = document.getElementById("form"); var area = document.createElement('tr'); var area1 = document.createElement('td'); area.innerHTML = form.value; var parent = document.getElementById('sample'); parent.appendChild(area); parent.appendChild(area1); form.value = ''; } </script></body></html>

2024.02.01

コメント(0)

javaascriptのお勉強：document.createElement

2024.02.01

コメント(0)

javascriptのお勉強：blobオブジェクト

<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>blob学習</title></head><body> <button id="blobtest">blobオブジェクト</button><script> document.getElementById("blobtest").addEventListener("click", function() { const str = 'BLOBのテスト'; const blob = new Blob([str], {type: 'text/plain'}); document.write(blob.size); document.write("<br>"); document.write(blob.type); }); </script></body></html>結果16text/plain<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>blob学習</title></head><body> <button id="blobtest">blobオブジェクト</button><script> document.getElementById("blobtest").addEventListener("click", function() { const obj = { hello: "world" }; const blob = new Blob([JSON.stringify(obj, null, 2)], { type: "application/json", }); document.write(blob.size); document.write("<br>"); document.write(blob.type); }); </script></body></html>結果22application/json

2024.01.30

コメント(0)

宮廷の諍い女

中国ドラマ/ 後宮甄嬛傳 (宮廷の諍い女) -全76話- (DVD-BOX) 台湾盤　Empress In The Palace

2024.01.29

コメント(0)

javascriptのお勉強：objectを配列に入れてforeachで実行

class Test0{ constructor() { } execute() { document.write("AAA"); } }class Test1{ constructor() { } execute() { document.write("BBB"); } }class Test2{ constructor() { } execute() { document.write("CCC"); } }const objects = [];objects.push(new Test0());objects.push(new Test1());objects.push(new Test2());objects.forEach((obj) => obj.execute());結果AAABBBCCC

2024.01.29

コメント(0)

そして救いの星が輝いた

そして救いの星が輝いた DVD-BOX1+2のセット

2024.01.28

コメント(0)

御史(オサ)とジョイ

【取寄商品】DVD / 海外TVドラマ / 御史(オサ)とジョイ～朝鮮捜査ショー～ DVD-BOX1 / TCED-7104

2024.01.28

コメント(0)

javascriptのお勉強：linetoで100ms間隔で線を引く

実験サイトhtml<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="canvas.css"></head><body> <canvas id="cw"></canvas> <script src="canvas13.js"></script> </body></html>jsconst WIDTH = 800;const HEIGHT = 700;const canvas = document.createElement('canvas');canvas.width = WIDTH;canvas.height = HEIGHT;const context = canvas.getContext('2d');document.body.appendChild(canvas);class Art { constructor(param0) { this.param0 = param0; this.index =param0; } render(context) { if(this.index > 5){ this.index = this.param0; } this.index += 1; if(this.index==0){ context.beginPath(); context.moveTo(1,1); }else if(this.index==1){ context.lineTo(100,30); }else if(this.index==2){ context.lineTo(140,90); }else if(this.index==3){ context.lineTo(140,150); }else if(this.index==4){ context.lineTo(80,200); }else { } context.stroke(); }}let execution = () => { context.clearRect(0, 0, WIDTH, HEIGHT); obj.render(context);}obj=new Art(0)let intervalId = setInterval(execution, 100);

2024.01.27

コメント(0)