XAMMPからのインポートエクスポート
縦タブ
2016年12月18日 09:54
<!DOCTYPE html><html lang="ja"><head> <meta charset="utf-8"> <style type="text/css"> html {}body { /*height:768px; width:1024px;*/ background-color: #fff;}.contents { height:100%; border: solid 3px black;}.area4d { width:...
documenttype
2016年12月11日 09:52
IE7から対応したHTML/CSShttps://w3g.jp/blog/ie_supportlist--HTML--透過PNGフォーマットabbr要素--CSS--子供セレクタ（親要素 > 子要素 ）隣接セレクタ（要素1 + 要素2）間接セレクタ（要素1 ~ 要素2）属性セレクタ（[属性名], [属性名="属性値"], [属性名~="属性値"], [属性名'="属性値"]）a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス:first-child擬似クラスmax-widthプロパティ, max-heightプロパティmin-widthプロパティ,...
セレクタ
2016年11月30日 03:47
子孫セレクタ→A 要素内のすべての B 要素にスタイルシートを適用するには、半角スペースを結合子として、セレクタを A B という形で記述します。//body 階層下にあるすべての p 要素にスタイルシートを適用。body p {color: red;}子セレクタ> を結合子としてセレクタを A > B という形で記述すると、A 要素の 1 階層下の B 要素にのみスタイルシートを適用することができます。//body 階層下の p 要素にのみスタイルシートを適用。<body > p {color: red;}
javascript メモリリーク
2016年11月28日 05:59
メモリリークメモリリークとは、別のページに遷移してもメモリが開放されない問題。https://utage.headwaters.co.jp/blog/?p=1116・クロージャを多用していない？・関数が変数に代入されていない？→nullを設定すること循環参照が発生すると参照カウンタが0にならず、ブラウザを閉じるまでメモリが解放されずに残ってしまいます。関数をコールするたびに、スコープチェーンができてしまう×var hoge = function(foo) { this.bar = foo; this.fuga = function()...
test
2016年11月23日 09:56
フレームワーク<設計方針>■FLOCS・CSSのカテゴライズ(抽象的、弱いルール)Fundation:そのWebサイト/アプリケーションにおける基本となるスタイルLayout:ヘッダー・フッター・カラムObject Component：ボタン・アイコンなど。 Project：Componentよりも大きい固有のパーツ。 ...
スライダとzoom
2016年11月20日 11:13
・zoomはposition:relativeをつけないと、配下に反映されない・<!DOCTYPE html><meta http-equiv="x-ua-compatible" content="IE=7"><html lang="ja"><head> <meta charset="utf-8"> <style type="text/css"> html { height:90%; width:90%; } body...
position absolute relative
2016年11月18日 23:26
このサイトわかりやすい！https://www.aiship.jp/knowhow/archives/18053
css sprite
2016年11月06日 08:26
cssｽﾌﾟﾗｲﾄを作成するためのツールhttps://bl6.jp/web/webservice/css-sprite-generator/＜cssｽﾌﾟﾗｲﾄ使用例＞<!DOCTYPE html><meta http-equiv="x-ua-compatible" content="IE=7"><html lang="ja"><head> <meta charset="utf-8"> <!--参考：https://www.webcreatorbox.com/tech/css-sprite/--> <style...
borderをつかうと。ずれる
2016年11月03日 11:26
borderをつかうと、そのぶんずれる。かわりにoutlineが便利https://www.nishishi.com/css/outline-box-border.htmlmargineとpaddingの関係の説明は以下のサイトやツールが便利https://css-eblog.com/eblog_sample/0801/20/course/
HTML
2016年11月03日 11:08cakePHP
height
2016年11月03日 08:43
heightを100%にすれば、画面サイズにあわせて広がるとおもいきや、そうではなかった。ある要素の height に相対値（%）が指定された場合、その高さは包含ブロックの高さに対して計算されます。その要素が通常フローで配置されており、かつ包含ブロックの高さが明示されていない場合、要素の高さは auto として計算されます。 https://qiita.com/shouchida/items/205fed63b886681661bd通常フローで配置された height:...
テーブルの形の入力フォーム
2016年01月30日 13:18
ViewにはHTMLヘルパーをつかって作成
echo $this->Form->create('Table',array('type'=>'post','action'=>'index/table'));
$table_headers = array( 1 => "用紙サイズ",
...
hiddenタグについて
2016年01月30日 12:11
表向きはUserに表示したくないけど、
内部では処理を統一したいために、情報のやりとりをやっているかのようにみせたいことがある。
そのときに役立つのがhiddenタグ
モデル名をあわせてあげれば、フォームは表示されない。
if( $hiddenFlag == TRUE ){
echo $this->Form->hidden( 'MySampleData.1' );
...
テーブルを名前違いで作成すべきか、それとも同じテーブルに追加すべきか
2016年01月30日 10:43
テーブルをまたぐ検索処理が煩雑になってしまう場合は、同じテーブルに追加すべき
とのこと。
そうなると、今は1つのテーブルに対して、たくさんものをいれているので、それでいいのかな。。
でも
Indexがどんどん追加されると、最後にどうなるんだろう。
参考サイトをみると、
MySQLのint(11)はサイズを指定できるわけではなく、0を補完するためのオプション
とのこと。。
intのサイズは4バイトで-2147483647〜2147483647
約25億。
インドと中国の人口(25億人)が登録するとサービスが落ちる
だそう。
https://qiita.com/masarufuruy
多言語化対応
2016年01月04日 12:04
<https://w.builwing.info/2012/05/17/cakephp2-1%E3%81%A7%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90/> のサイトを参考にすると、 Viewで以下を追加するだけで、簡単な日付入力フォームが作成できそう。。
echo $this->Form->input('created');
これは便利。編集もできるし。...
日付フォーム
2016年01月04日 08:43
<https://w.builwing.info/2012/05/17/cakephp2-1%E3%81%A7%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90/> のサイトを参考にすると、 Viewで以下を追加するだけで、簡単な日付入力フォームが作成できそう。。
echo $this->Form->input('created');
これは便利。編集もできるし。
Dodd
2015年06月20日 10:48
https://norm-nois.com/blog/archives/2673
View→Element→Controllerで、部分的にレンダリングする方法
2015年06月14日 10:25
(1)ViewからElementの呼び出し
//View/index.ctp
//RequestAction()を使用しているElementの呼び出し
//注意 element呼び出し前のechoを忘れないこと！
echo $this->element('ele', array(
...
様々なオブジェクトへのアクセス
2015年06月14日 09:55
参考サイト
https://blog.xao.jp/blog/cakephp/how-to-access-to-a-variaty-of-objects/
C言語と違って、だれが、どこまでアクセスできるかがよくわからなかった。
上記サイトはそれがまとめてありそうなので、あとでチェックしてみよう！
複数チェックボックスで選択したものを、確認画面用に出力する方法
2015年06月13日 13:47
(1)入力フォームのviewから、確認ボタン押下
echo ('項目5');
$select1 = array( '1' => 'さつき',
'2' => 'ゆいと',
'3' =>...
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...