XAMMPからのインポートエクスポート
フォルダ内ファイル比較
2023年12月15日 19:09
textファイルの比較は以下でできそう。しかし、fcコマンドは、画像の比較はできないらしい。 @echo off rem 遅延環境変数の展開rem 変数の中身を見るときに「%（パーセント）」ではなく「!（エクスクラメーションマーク）」で囲むと、読み込むときではなく実行するときに値に置き換えるsetlocal enabledelayedexpansionrem 比較フォルダの設定set "folder1=before"set "folder2=after"set "logFile=compare_log.txt"echo Comparing files in...
react
2022年01月22日 21:47
//https://zenn.dev/ogakuzuko/articles/react-typescript-for-beginner//import * as React from 'react';import React, { Component, useState } from 'react';//import styles from './style.css' assert { type: 'css' }; import './Jairopop.css'; type colorType = 'yellow' ' 'red' '...
解像度とpx
2020年09月01日 23:20
iPad 6世代、retina2048 x 1536Cssピクセルだと、1024 x 768264ppi9.7インチ= 19.7cm x 14.8cm = 7.76 x5,82インチ1インチ= 2.54cm264 x 7.76=2048px197mm÷1024 csspx =0.1924mm つまり、1pxをcss指定すると、0.194mm54pxだと、0.194mm x 54 = 10.38mmAndroid active pro1920 x 1200 WXUGACssピクセルも同じ？→違う224ppiMdpi = 160dpi10.1インチ=21.8cm x...
ipad debug
2017年05月18日 18:42
https://itmemo.net-luck.com/safari-ipad-iphone/
IEのcurrent Targetのつくりかた
2017年04月12日 06:59
IEの場合、thisは、IE の場合、イベントリスナ内の this は window...
Visual Studio Code
2017年04月08日 19:40
参考Perlhttps://www.perlplus.jp/perl/■
便利ショートカットShift+Alt+Downカーソル行を下にコピーCtrl+/ 複数行一括コメントアウトCtrl+K→U 複数行一括コメントアウトを解除 Ctrl+P ファイル名でファイル検索 Ctrl + Shift + B タスクランナーの実行■tasks.json "version": "0.1.0", "command": "perl", "isShellCommand": true, "args": ["${file}","hiki1","hiki2"], ...
web components
2017年02月25日 12:33
Web COmponentsは、以下のサイトがわかりやすいhttps://www.apps-gcp.com/start-webcomponents-with-polymer/
テキストボックス 無効時の色
2017年02月13日 15:15
<html><head><title>テスト</title><style type="text/css"> .textbox{ background-color: gray; color: white;}</style></head><body><div> <input type="text" value="abc" readonly="readonly" size="40" maxlength="20"...
css フレームワーク作成疑問点
2017年01月22日 11:12
(１)check boxは別ブロックにする？ボタンにする？→Bootstrapは別ブロックとして用意している。ボタンの動作と異なる可能性もあるため、別ブロックとする。studio-key.con03.htmlm/Bootstrap/formDecoratio(２)ドロップダウンをフラットデザインにするには？→未解決(3)ブロックのくみあわせは、どうやってやればいいか？→(４)サマリー→divタグで囲う.p-summary{ border: solid 1px black; width: auto; height:...
sass
2016年12月24日 11:59
・スライドでSassとCompassを紹介Preprosを使用P77にまとめがあるので、資料作成に使えそうP186にブラウザサポート設定。ie7もある。https://www.slideshare.net/yuka2py/sasscompass-28389532追記:2500円 有料版無料版だと、ポップアップがうるさいSassのScss記法と、Sass記法があるが、ほとんどのサイトはScssを使用しているため、Scss記法を採用構文のルールが「Scss」の方がピュアCSSに近いため「Scss」が台頭して「Sass」の看板を背<SASSおよびCOMPASSをコンパイルするGUIアプリ>
cakePHP
フォームデータのうけとり
2015年06月06日 09:33
フォームに値が入力されたとき、次のどれで判断すればいいのかがわからなかった。
(1) if...
Step実行環境
2015年06月06日 08:47
Step実行ができない。。
できる環境のphp.iniをメモメモ。
zend_extension = "C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable = 1
xdebug.remote_host = 127.0.0.1
xdebug.remote_port = 9000
xdebug.remote_handler = dbgp
xdebug.profiler_enable = 1
xdebug.trace_output_dir =...
Debug環境
2015年05月24日 10:04
CSSのどの部分が適用されているのか、目で追っていたが、じつは便利Tool発見。
https://www.buildinsider.net/web/chromedevtools/01
な～に～！
CSS関連は便利そうだが、サーバーサイドのStep実行ができず。。
breakがはれない。
cakephp-構造体はどうやって作成する？
2015年05月23日 10:24
連想配列にいれるか、クラスを定義する。
クラス
～～～～～～～～～～～～～～～
<?php
class A
{
public $a;
public $b;
}
$x = new A;
$x->a = 123;
$x->b = $x->a;
printf("%d\n", $x->b);
?>
～～～～～～～～～
連想配列の場合～～～～～～～～～～
<?php
$x = array('a' => 123, 'b' => 0, 'c' => 0);
$x['b'] =...
PHP関連サイト
2015年05月23日 09:57
■わかりやすい文章と、例があるので、入門には最適です。
https://php-beginner.com/
cakephp-PHPのオブジェクトのように、cakeでもオブジェクト操作はできる？
2015年05月23日 08:27
cakephpは、コントローラーをコールすると、自動でコントローラーのオブジェクトを作成するとのこと。
詳しくは、以下のサイトにありました。
https://www.blueocean.bz/blog/cakephp/
CAEPHP-フォームの入力、確認、サーバーのアップデートの方法について
2015年05月23日 08:27
要調査
HTML5
canvas
2022年08月31日 12:31
Canvas2Dもしくは3Dの図形を描画 canvas要素のwidthとheightを指定しても、描画範囲が拡張されるわけではなく、canvas要素が拡大されるのみなので注意サンプルコードhttps://codepen.io/satsuki/pen/PoRMrxV円弧のラジアン値は覚えておこう！(Math.PI*0.5=90度/Math.PI*1=180度/Math.PI*1.5=270度/Math.PI*2=360度)https://www.htmq.com/canvas/arc.shtml
SVG
2022年08月25日 12:24
ベクタ形式のデータ XMLに準拠しており、テキストエディタで編集することも可能 CSSやJavaScript、動画作成ソフトなどを使ってアニメーションを表示 透過も利用可能 SVGは内部にJPEGやPNGなどのビットマップ画像データを保持することも可能 ホバーした時に色を変えたい！といった時でも、<svg>タグ内に、<script>をかくことができるため、イベントと紐づけて色を変えることも可能 サンプル：https://codepen.io/satsuki/pen/oNqRqWP<svg>HTMLに
web components
gitのインポートエクスポート
2025年02月11日 14:08
1. チームAの作業: リポジトリ全体をバンドルファイルにするステップ1: リポジトリ全体をバンドルチームAで全ての履歴を含むバンドルファイルを作成します。xxx.bundleにした場合、xxxがリポジトリ名となる。git bundle create full_repo.bundle --all ステップ2: バンドルファイルを送信作成した full_repo.bundle をチームBにメールなどで送信します。 2. チームBの作業: バンドルファイルから新しいリポジトリを作成git clone full_repo.bundle -b mainmain:...
gitHubとgitの使い方
2024年04月04日 07:02
Git Bashから①Git Hubのホームページからアカウント作成②Gitを公式サイトからインストールし、初期設定 インストールしたGit Bashから git config --global user.email "***@***.co.jp" git config --global user.name "***" 「git config --list」で登録した内容が表示されればOK ③ローカルリポジトリの作成とコミット mkdir githubcd githubmkdir samplecd samplegit init ↓が表示されればOK Initialized empty...
viteの環境の作り方
2024年03月26日 06:38
"npm init vite@latest cd "作成したプロジェクトフォルダ”npm installもしくは yarn installnpm run dev
もしくは yarn devES Lintyarn add eslint --dev $ yarn run eslint --init ウィザードにこたえると生成package.jsonのscriptタグに、ES Lint実行方法 や対象を記載"scripts": { "lint": "eslint --ext .ts --ignore-path .gitignore...
vite+lit+storybook
2023年06月14日 14:04
参考サイト：https://qiita.com/xrxoxcxox/items/95486bf3b3a6780038b8・storybookの追加インストールnpx storybook init --builder @storybook/builder-vite ブラウザに表示npm run storybook srcフォルダ直下にstoryフォルダができる。XXX.stories.jsを追加するとコンポーネントのstoryができる。import { MyElement } from '../my-element';// More on how to set up...