chevron_left

メインカテゴリーを選択しなおす

cancel
  • ディスクの回転と性能

    CrystalDiskMarkを使ってディスクの回転数と性能の関係を 調査してみました。 7200rpmと5400rpmディスク搭載で比較し7200rpmのほうが 性能はいいようです。 ただし、ディスク周辺のハードの違いがあるので一

  • アロー関数

    参考サイト arrow    矢印 allow  許す これではない 比較 通常表記 let sum = function(a,b){ return a+b; }; アロー関数の表記 let sum = (a,b) => { return a+b; }; htmlで動くや

  • xfree php 403 Forbidden

    xfreeでphpアクセスすると 403 Forbidden You don't have permission to access 突然発生​ 無料利用なのでしょうがないかな。 とりあえず、xfreeのフォーラムで質問してみる。

  • 無名関数

    【JavaScript入門】すぐわかる!無名関数とは

  • Vue refとは

    Vue3で出てくるrefの使い方(reactiveも) リアクティブについても説明している。 Vue3でリアクティブな変数を定義する時に使う

  • Vue マスタッシュ ひげ

    {{ }}はデータバインディングに利用 <script setup>import { ref } from "vue";const num = ref(123456);</script> <template>  <h1>{{ num }}</h1></template>

  • vue <script> と<script setup>の違い

    Vue versionの違いのようです。 ​参考サイト(違い) ​参考サイト(script setup) まるで別な言語のようです。

  • jqueryとvue.jsの比較

    参考サイト

  • 静的型付け typescriptがいい理由

    参考サイト

  • Vue CLI mergin-leftが他のclassに影響する

    view1のmergin-leftがview0とview2に影響している。 &lt;/script&gt;&lt;template&gt;  &lt;div class="view0"&gt;    &lt;p &gt;あいうえお&lt;/p&gt;  &lt;/div&gt;  &lt;div class="view1"&gt;    &lt;p &gt;

  • Vue CLI 背景色

    親の背景色とコンポーネント側の背景色を分けて記述します。 App.vue &lt;script setup&gt;import hoge from './components/hoge.vue'&lt;/script&gt;&lt;template&gt;&lt;body&gt;    &lt;div class="body0

  • Vue CLI 各地の天気

    &lt;script setup&gt;defineProps({  msg: String,}) &lt;/script&gt; &lt;script&gt;import axios from "axios";import { reactive } from "vue"; const data = reactive({  responses: "",  keyWord: "",});

  • Vue export default

    他のファイルからアクセスが可能 簡単な例 ​ ​App.vue​ &lt;script setup&gt;​import hoge2 from './components/hoge2.vue'&lt;/script&gt;&lt;template&gt;    &lt;hoge2 /&gt;&lt;/template&gt; ​hoge2

  • javascript export importの記述

    実際のサーバー環境でないと動作しない。 index.html &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;bod

  • 黒豊と白夕

    黒豊と白夕~天下を守る恋人たち~ DVD-SET3<映像特典DVD付> [ ヤン・ヤン[楊洋] ]

  • Vue component

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;    &lt;meta name="viewport" content="width=device

  • ミッシング

    ミッシング〜彼らがいた〜 DVD-BOX1 【DVD】

  • Vue.js v-on methods

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;    &lt;meta name="viewport" content="width=device

  • Vue axiosで天気情報の取得

    参考サイト ​Vue3+axiosでlocalサーバにアクセス​ ​​ app.vue​ &lt;script setup&gt;import hoge from './components/hoge.vue'&lt;/script&gt;&lt;template&gt;  &lt;main&gt;    &lt;hoge /&gt;  &lt;/ma

  • vue 単一ファイルコンポーネント

    SFC(単一ファイルコンポーネント)とは?

  • Vue.js のref

    ​これは単一ファイルコンポーネントでVue独自で、 そのままブラウザに反映させても動作しない。​ コンポーネントのテンプレート内で ref にアクセスする &lt;script&gt;  import { ref } from 'vue'  expor

  • 100%になった時の対処法

    以下で助かりました。 ​100%になった時の対処法 Windows Searchの終了が一番効果がありました。

  • VSCでVue.js

    以下のサイトがよさそう。 ​Vue.jsの開発環境​ ​vue.js + typescript = vue.ts ことはじめ​ ​Vue.js「コンポーネント」入門 Vue.js]Vue.jsでDOMやコンポーネントを操作するのに便利なref機能​ ​ ​Vu

  • vue.js script setup

    vue.js  script setupの利点を説明しています。 vue.js script setup

  • CDNでVue3

    Vue3の環境設定は不要 &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;  &lt;head&gt;    &lt;meta charset="UTF-8" /&gt;    &lt;title&gt;CDNでVue 3&lt;/title&gt;    &lt;script src="https://cdn.jsdelivr.net

  • Vue+PHP

    axiosを使ってVue.jsとPHPで非同期通信を連携する方法 ちょこっと変造 index.html alert('成功: ' + response.data.message); register.php echo json_encode(['success' =&gt; true, 'message' =&gt; $dat

  • Vueインスタンス message

    &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt; &lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;    &lt;title&gt;Vueインスタン

  • EW-056A wifi パスワード

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

  • Vue.jsで画像表示

    &lt;script setup&gt;import jpgfile0 from "@/assets/0.jpg"import jpgfile1 from "@/assets/1.jpg" defineProps({  msg: {    type: String,    required: true  }})&lt;/script&gt; &lt;template&gt;  &lt;div

  • vue.jsの練習

    ソース​

  • typescriptの型推論

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

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

    異なるApp.vueをひとつのプロジェクトで デバッグしたいときがあります。 そんなときは以下のようにします。 index.html &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-

  • TypeScriptのお勉強

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

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

    ​実験サイト ajax参考 ​ &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Ajax&lt;/title&gt;    &lt;script src="http://code.jquery.com/jqu

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

    以下を参考 ​meta refreshって何?リダイレクトとの関係も解説!​ ​このサイトはアクセス毎に画像が変化します ​ ​実験サイト​ &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;  &lt;meta

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

    カレンダーから獲得した日付をキーとしてLocalStrageへ 格納しています。 ​実験サイト​ &lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;localStorageの日記&lt;/tit

  • javascriptのお勉強:localstrage 日記帳 拡張

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

  • javascriptのお勉強: localStorageのテスト

    ローカルストレージってどこにある? ​各ブラウザでWebStorage(LocalStorage)を確認する方法​ ブラウザごとに別の場所に格納されます。 &lt;html&gt;    &lt;head&gt;        &lt;title&gt;local

  • javascriptのお勉強:LocalStrageのテスト key付

    ​実験サイト​ &lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;localStorageのテスト&lt;/title&gt;    &lt;/head&gt;    &lt;body&gt;        &lt;h1&gt;localStorageの

  • javascriptのお勉強:ajaxで天気予報(東京都)

    実験サイト​ &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Ajax&lt;/title&gt;    &lt;script src="http://code.jquery.com/jquery-1.11.0.min.

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

    サーバー側画像はphpで集めます。 php &lt;?php// ファイル $files = glob('../jpg/*.jpg');$imax=count($files)-1; $ran=rand(0,$imax);$i=0;foreach ($files as $key =&gt; $value) {        if($i==$ran){ 

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

    &lt;!DOCTYPE html&gt;&lt;html&gt;  &lt;head&gt;    &lt;meta charset="utf-8"/&gt;  &lt;/head&gt;  &lt;body&gt;     &lt;label&gt;ファイル書き込みテスト&lt;/label&gt;    &lt;input type="text" id="call"

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

    クリックをシミュレートします。 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;  &

  • htmlのお勉強: ファイルdownload

    &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;meta charset="utf-8"/&gt;&lt;/head&gt;&lt;body&gt;    &lt;a href="../jpg/30.jpg" download="test.jpg"&gt;ダウウンロード&lt;/a&gt;&lt;/body&gt;&lt;/h

  • htmlのお勉強:img src バイナリ

    srcに直接バイナリ指定すればネットワークアクセスが なくなります。 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;meta name="viewport" content="width=devi

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

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

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

    ​実験サイト​ &lt;!DOCTYPE html&gt;&lt;html&gt;  &lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;title&gt;画像ジャンプ&lt;/title&gt;  &lt;/head&gt;  &lt;body&gt;      &lt;h1&gt;ジャンプ&lt;/h1&

  • html jump

    &lt;!DOCTYPE html&gt; &lt;html&gt;   &lt;head&gt;     &lt;meta charset="utf-8"&gt;     &lt;title&gt;ジャンプ&lt;/title&gt;   &lt;/head&gt;   &lt;body&gt;       &lt;h1&gt;ジャンプ&lt;/h1&gt;

  • 美人骨

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

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

    &lt;html&gt;&lt;body&gt;&lt;canvas id="canvas"&gt;&lt;/canvas&gt;&lt;/body&gt;&lt;script&gt;    const canvas = document.getElementById("canvas");            let imagePath = "jpg/0.jpg";    draw(canvas

  • javascriptのお勉強: ajaxを2つ起動

    ​実験サイト

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

    &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Ajax&lt;/title&gt;    &lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/scrip

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

    phpからjavascriptへ画像リストを送る。 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta name="viewport" content="width=device-width, initial-scale=

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

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;    &lt;title&gt;Document&lt;/tit

  • javascriptのお勉強:thisの例

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;  &lt;title&gt;Document&lt;/title&gt;

  • ajax JSONオブジェクト受信

    html &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;  &lt;meta charset="utf-8"&gt;  &lt;script src="https://code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt;  &lt;title&gt;Ajax Sample1&lt;/title&

  • 宮廷残酷史 花たちの戦い

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

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

    $.ajax({         type: 'POST',         url: 'send.php',         dataType: 'text',         data: {             'input_name': $input_name.val(),             'input_mail': $input_mail.val(),      

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

    送信0:上のテキストから下へ 送信1:下のテキストから上へ &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;input to out&lt;/title&gt;&lt;/head&gt;&

  • javascriptのお勉強: エンコードbase64

    ​ php+javascript 実験サイト

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

    ​ javascript + php 実験サイト

  • javascriptのお勉強: base64 encode decode

    javascriptのみで実行 &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;input to out&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input id="text0" type="

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

    js &lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;test canvas&lt;/title&gt;&lt;script src="https://code.jquery.com/jquery-3.4.1.min.js"&gt;&lt;/script&gt;&lt;script type="text/jav

  • javascriptのお勉強:innerhtmlで画像表示

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;    &lt;title&gt;Document&lt;/tit

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

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;    &lt;title&gt;Document&lt;/tit

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

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

  • javaascriptのお勉強:document.createElement table

    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;    &lt;title&gt;Document&lt;/tit

  • javaascriptのお勉強:document.createElement

    日々雑多な感想を記録します。python関連が多いです

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

    &lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;blob学習&lt;/title&gt;&lt;/head&gt;&lt;body&gt;  &lt;button id="blobtest"&gt;blobオブジェクト&lt;/bu

  • 宮廷の諍い女

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

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

    class Test0{  constructor() {  }  execute() {    document.write("AAA");  }  }class Test1{  constructor() {  }  execute() {    document.write("BBB");  }  }class Test2{  constructor() {  }  execute() { 

  • そして救いの星が輝いた

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

  • 御史(オサ)とジョイ

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

  • javascriptのお勉強:四角のアート

    ​実験サイト

  • javascriptのお勉強:linetoで折れ線

    EXCEL javascript ブラウザ

  • javascriptのお勉強: 複数の moveto lineto

    movetoが起点となりlinetoへ続く

  • javascriptのお勉強: 画像のマウス移動

    ​実験サイト

  • javascriptのお勉強: 画像追加表示

    html &lt;html&gt; &lt;head&gt;&lt;title&gt;jpg追加&lt;/title&gt;&lt;/head&gt; &lt;body&gt;&lt;script src="test1.js"&gt;&lt;/script&gt;&lt;button onclick="addjpg(1)"&gt;jpg1&lt;/button&gt;&lt;button

  • javascriptのお勉強: 関数とクラスの違い

    関数: 値、状態を持たない クラス 値、状態を持つことができる。

  • javascriptのお勉強: document.write()

    html &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;    &lt;meta name="viewport" content="width=

  • javascriptのお勉強: functionをインスタンスしプロパティを出力

    function Hoiku(kumi, number) {  this.kumi = kumi;    this.number = number;}var hiroshi = new Hoiku( '桜組', 10 );document.write(hiroshi.kumi,":",hiroshi.number ); 桜組:10

  • javascriptのお勉強: radioボタンで画像選択

    ​実験サイト

  • javascriptのお勉強: 画像リスト

    ​実験サイト

  • javascriptのお勉強: 画像フェードアウト

    ​実験サイト

  • javascriptのお勉強: canvas 画像フェードイン

    ​実験サイト

  • javascriptのお勉強: canvas animation base

    ​実験サイト アニメーションとクラスの勉強になります。 update()とrender()を繰り返します。

  • html,javascriptのお勉強:アニメーション

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

  • javascriptのお勉強:フリーハンド描画

    ​実験サイト new fabric.PencilBrush(canvas);により マウスダウンで描画するのでしょう。

  • javascriptのお勉強: function event

    ​ ​実験サイト

  • ただ愛する仲

    ただ愛する仲 DVD-BOX1 [ ジュノ(2PM) ]

  • 酒飲みな都会の女たち

    シナリオ/酒飲み都会の女たち シーズン1 シナリオ集 -ノーカット版- 韓国版 Work Later, Drink Now ウィ・ソヨン 台本集 酒飲みの都会の女たち 酒飲みの都心の女たち 酒飲みな都会の女たち 韓国書籍

  • x が おかしい?

    なんか急にxの記事が消えている。 新たな記事もきえてしまう。

  • html,cssのお勉強:幕が上がる

    ​実験サイト

  • html,cssのお勉強:button サイズ変更 clickイベント

    ボタン0にマウスをあてると クリックすると ​html​ &lt;body&gt;  &lt;button class="b0" onclick="buttonClick0()"&gt;ボタン0&lt;/button&gt;  &lt;button class="b1" onclick="buttonClick1()"&

  • html,cssのお勉強:hoverテスト

    マウスでポイントした画像を拡大表示。 ↓マウスでポイント ​html​ &lt;body&gt;        &lt;img  src="http://snc29654.php.xdomain.jp/jpg/15.jpg" class="image0"&gt;        &l

  • html,cssのお勉強:アニメーションバー

    ​実験サイト

  • html,cssのお勉強:画像のバウンド

    ​実験サイト

ブログリーダー」を活用して、きょうゆうくんさんをフォローしませんか?

ハンドル名
きょうゆうくんさん
ブログタイトル
プログラミング好きのきょうゆうくんのブログ
フォロー
プログラミング好きのきょうゆうくんのブログ

にほんブログ村 カテゴリー一覧

商用