IT業界の技術をメモ・情報公開できる
HTMLの自動補完
inputタグに設定できるautocomplete一覧 | off | autocompleteを許可しない | -------------------------------------- | on | autocompleteを許可する | -------------------------------------- | name | 氏名 | -------------------------------------- | given-name | ファーストネーム | -------------------------------------- | additio
CSSの新機能
入力画像のコントラストを調整 filter: contrast(0) /* 完全な灰色 */ filter: contrast(65%) /* 65% のコントラスト */ filter: contrast(1) /* 効果なし */ filter: contrast(200%) /* 2 倍のコントラスト */ 入力画像にガウシアンぼかしを適用 filter: blur(0) /* 効果なし */ filter: blur(8px) /* 半径 8px でぼかす */ filter: blur(1.17rem) /* 半径
PHPのスーパーグローバル変数
$_GET URLパラメータ(クエリ文字列)から送られるデータを取得します。 $_POST POSTメソッドで送信されたデータを取得します。 $_REQUEST $_GET、$_POST、および$_COOKIEを統合した配列。 $_SERVER サーバーや実行環境に関する情報を提供します。 $_FILES アップロードされたファイルに関する情報を取得します。 $_ENV 環境変数の値を取得します。 $_COOKIE クライアントのクッキーに保存されたデータを取得します。 $_SESSION セッションデータを保存します。 $_GL
field-sizingプロパティ
入力に応じて大きさが変わるtextareaを作る時に便利なCSS ※注意※ このCSSは今現在、chromeとedgeでしか対応していない safariとfirefoxでは、まだ非対応
セキュリティ対応
・セキュリティヘッダ "HTTP Strict Transport Security (HSTS)" の設定 HSTSは、サイトがHTTPではなくHTTPSでしかアクセスできないようにブラウザに強制するヘッダーです。 ・セキュリティヘッダ "X-Frame-Options" の設定 外部サイトからフレーム呼び出しできないようにする ・X-Content-Type-Options: nosniff の設定 ブラウザが MIMEタイプを推測せず、サーバーから送信された Content-Type ヘッダーに厳密に従います。 ・バージョン情報の(x-powered-by)削除
$_SERVERの要素
$_SERVER['PHP_SELF'] 現在のスクリプトのパスを返します。例えば、/index.phpのように返されます。 $_SERVER['SERVER_NAME'] サーバーのホスト名を返します(例: example.com)。 $_SERVER['HTTP_HOST'] 現在のリクエストのホストヘッダーを返します。通常はSERVER_NAMEと同様です。 $_SERVER['HTTP_USER_AGENT'] ユーザーのブラウザ情報(User Agent)を返します。 $_SERVER['SERVER_ADDR'] サーバーのIPアドレスを返します。
jqueryで親要素取得
1) parent() 親要素を取得 <div id="parent"> <div id="target"></div> </div> $("#target").parent(); #targetの親要素である#parentを取得することができる parent()とfind()の組み合わせ <div id="parent"> <h1>見出し</h1> <div id="target"></div> </div> $("#target").parent().find("h1"); #targetの親要素である#parent内のh1
CSSのtransition
transitionで設定できるプロパティ <-- transition-property --> アニメーションを適用する対象のプロパティを定義 全てに適用する場合と指定を省略した場合「all」が適用 例) colorの色を白から黒に変えたい text { color: #fff; transition-property: color;/*アニメーションをcolorのプロパティのみ適用*/ transition-duration: 0.5s;/*0.5秒で変化させる*/ } .button a:hover { color: #000; } <--
インデックスの表示、追加、削除
//表示 SHOW INDEX FROM テーブル名; //追加 ALTER TABLE テーブル名 ADD INDEX インデックス名(カラム名); //追加(複数) ALTER TABLE テーブル名 ADD INDEX インデックス名( カラム1名, カラム2名, カラム3名 ); //表示 ALTER TABLE テーブル名 DROP INDEX インデックス名;
jqueryで日時の取得
年 new Date().getFullYear(); 月 new Date().getMonth() + 1; 日 new Date().getDate(); 曜日 new Date().getDay(); weekday = ["日","月","火","水","木","金","土"]; weekday[num]; 時 new Date().getHours(); 分 new Date().getMinutes(); 秒 new Date().getSeconds();
PHPでカレンダー
PHPでカレンダーを作成
Local Storageの保存・取得・削除
▼保存 localStorage.setItem('保存する名前', 保存するデータ) ▼取得 var hoge = localStorage.getItem('保存してある名前') ▼削除 localStorage.removeItem('保存してある名前');
mysql csvインポート
LOAD DATA INFILE '/path/to/your/example.csv' INTO TABLE users CHARACTER SET utf8mb4 -- 文字コード FIELDS TERMINATED BY ',' -- フィールドの区切り文字 ENCLOSED BY '"' -- フィールドが引用符で囲まれている場合 LINES TERMINATED BY '\n' -- 各行の区切り IGNORE 1 LINES -- ヘッダ行を無視 (id, name, age); -- 列の順番 ※mysq
PHPの文字列置換
str_replace( $検索文字列 , $置換後文字列 , $検索対象文字列 [, int $count ] ) 第一引数に検索文字列を指定 第二引数に置換文字列を指定 第三引数には検索対象の文字列を指定 第四引数には文字列が一致して置換が行われた箇所の個数が格納(無くてもよい) $test = 'こんにちは,World'; //指定した文字列が一致したら置き換える $re_test = str_replace('こんにちは', 'Hello', $test); 結果 Hello,World
スクロール時にフワッと表示するアニメーション
フワッとコンテンツが表示される メモ用
jquery.min.jsとjquery.jsの違い
・min 付き (jquery.min.js) ミニファイド(minified) バージョンです。 余分なスペース、改行、コメントなどがすべて削除され、コードが圧縮されています。 ファイルサイズが非常に小さくなるため、ページの読み込み速度が向上します。 読みにくく、デバッグが困難ですが、本番環境に適しています。 ・min なし (jquery.js) オリジナルの開発版です。 コードが人間にとって可読性が高く、インデントやコメントが含まれています。 ファイルサイズが大きいため、読み込み速度に影響を与える可能性がありますが、コードを理解したりデバッグしたりする際には役
PHPのファイル読み込み/書き込み
fopen($filename, $mode) ファイルを開き、モードに応じて読み込み、書き込みなどを行う準備をする。 $mode の例: "r": 読み込み専用 "w": 書き込み専用 (ファイルが存在しない場合は新規作成、存在する場合は上書き) "a": 書き込み専用 (ファイルが存在する場合、追記する) "r+": 読み書き両用 (読み込み後に書き込み可能) "w+": 読み書き両用 (既存ファイルは削除され、新規作成) "a+": 読み書き両用 (末尾に追記する) fread($handle, $length) 開かれたファイルから指定されたバイト数だけデータを
SQLの数値データ(整数型)
bigint -9,223,372,036,854,775,808 から 9,223,372,036,854,775,807 int -2,147,483,648 ~ 2,147,483,647 smallint -32,768 ~ 32,767 tinyint 0 ~ 255
css clamp
clamp() 関数を使うと、最小幅と最大幅の間で画像サイズを設定し、動的に幅を調整できます。 img { width: clamp(200px, 50%, 500px); height: auto; } clamp(200px, 50%, 500px); では、画像の幅が200pxから500pxの間で動的に変化し、画面幅の50%に基づいてサイズが調整されます。
ページ離脱時にメッセージを出す方法
入力フォームなどで保存や送信をせずにページを離れてしまうの防ぐためのアラートを出す。
window.historyメモ
window.history.back()でなぜか戻らない時 window.history.lengthで履歴の数を調べる 1の時は履歴が無いのでwindow.history.back()が効かない 2以上だとwindow.history.back()が効くようになる window.history.pushState({}, '', `url等`); 履歴を残したいページにこれをいれることで履歴を残せる
jqueryのtext()で改行を使うとき
var message = "この文は改行できません。" + "\n" + "この文は改行できません。"; $('書き換えたいクラスやidなど').text(message); text()で改行はできないのでhtml()で対応 var message = "この文は改行できます。" + "<br>" + "この文は改行できます。"; $('書き換えたいクラスやidなど').html(message); こうすると改行できるようになる
配列のキーと値を反転する
array_flip(配列) 配列のキーと値を反転させた配列が返される 元々キーだったものが値に 元々値だったものがキーに ある値が複数回出現した場合、最後のキーがその値として使用され、その他の値は失われます。
input フォーム入力要素
inputタグのことが詳しく載っているメモ
SQL文結合
SQLの結合
よく使うコードスニペット
コーディングでよく使うコードスニペット
CSS :empty
子を持たない要素にCSSをつけるとき使う コメント、処理指示、 CSS の content は要素が空であるかどうかの判断には影響しない 動的に要素を入れる時に使うかも 例 子を持たない要素のdivに枠線をつける div:empty { border: 2px solid #000; } //CSSが効く <div></div> //CSSが効く <div><!-- Simple Comment --></div> //CSSが効かない <div><p></p></div>
PHP演算子の優先順位
PHPの演算子の優先順位
PHPの文字列から数値変換
<intキャスト (int)> 文字列が非数値の場合は整数「0」に変換される 例 $string = "123"; $number = (int)$string; echo $number; // 123 <intval関数 intval(文字列)> 文字列が非数値の場合は整数「0」に変換される 例 $string = "123"; $number = intval($string); echo $number; // 123 第2引数に基数を設定することで基数の値に変換される 例 $string = "10"; $number = int
文字列の長さを取得
strlen関数 strlen(文字列) 「バイト数」での取得 半角1文字で1バイト、全角1文字で2バイト mb_strlen関数 mb_strlen(文字列) 「文字数」での取得 半角1文字も全角1文字も1文字 例 strlen('abcあいう') = 9 mb_strlen('abcあいう') = 6
php 置換 strtr($str, $array); 文字列長い順
$str = '東京都新宿区新宿3丁目'; $array = [ '新宿' => '<b>新宿</b>', '新宿区' => '<span>新宿区</span>', ]; echo strtr($str, $array); // '東京都<span>新宿区</span><b>新宿</b>3丁目'
php 機種依存文字変換対応
<?php // 機種依存文字と置換後の文字を対応させる配列 $dependency_chars = array( '㈱' => '(株)', '㈲' => '(有)', '㈹' => '(代)', '㊤' => '(上)', '㊥' => '(中)', '㊦' => '(下)', '㊧' => '(左)', '㊨' => '(右)', '㍾' => '明治', '㍽' => '大正', '㍼' => '昭和', '㍻' => '平成', '№' => 'No.
jqueryプラグイン
テーブル(表)が横スクロールできることを知らせる「ScrollHint」
cssでの右クリックとドラッグドロップ禁止
input[type="file"]とJS
inputタグでtypeをfileに設定している時 JSでvalueに値を入れようとするとエラーが起きる セキュリティの観点から入れられない仕様になっている
mysql CSV出力
・カラム名なし SELECT * FROM my_table INTO OUTFILE '/path/to/your/output.csv' FIELDS TERMINATED BY ',' ENCLOSED BY '"' LINES TERMINATED BY '\n'; のSQLで出力できる・ ・カラム名も出力 # カラム名を取得してCSVに出力 mysql -u username -p -e "SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'your_table_n
metaタグでインデックス拒否
<meta name="robots" content="noindex" />
Swift URL読み込み
どちらかを設定しないとアプリがクラッシュする .allow : 読み込み許可 decisionHandler(.allow) .cancel : 読み込みキャンセル decisionHandler(.cancel)
コンテナークエリー(@container)
コンテンツ幅で、cssの条件分岐を設定できる。 メディアクエリーのような使い方
htmx
動的な処理が、jsやバックエンドシステムを使用せすにできる
配列の指定した範囲を取り出す
配列にある一部の要素を取得 array_slice(要素を取り出す元となる配列, 開始する位置, 取り出す要素の数); 要素を取り出した後に、もし元の配列からは削除したい場合 array_splice(要素を取り出す元となる配列, 開始する位置, 取り出す要素の数, null);
配列の値の数を数える
array のキーとその登場回数を組み合わせた連想配列を返します。 array_count_values(検査したい配列) $str = ["a", "d", "d", "r", "e", "s", "s"]; $array = array_count_values($str); array(5) { ["a"] => int(1) ["d"] => int(2) ["r"] => int(1) ["e"] => int(1) ["s"] => int(2) }
$_FILES(ファイルアップロード変数)
HTTP POST でアップロードされた値を取得するファイルアップロード変数 サーバーへファイルをアップロードするには、 ・HTMLのformタグのmethod属性をPOSTにする ・HTMLのformタグのenctype属性をmultipart/form-dataにする ・HTMLのinputタグのtype属性をfile にする $_FILESには、アップロードされたファイルの $_FILES['inputで指定したname']['name']:ファイル名 $_FILES['inputで指定したname']['type']:ファイルのMIMEタイプ $_FILES['
スクロール判定
スクロールして、要素が画面内に入ったか・出たかを判定するJS
【PHP】特定の文字列を含むか確認する方法
strpos(文字列,検索したい文字列) 文字列内の部分文字列が最初に現れる場所を見つける関数。 文字列が見つかればint型で位置が、無ければfalseが返されます。 <-- 例 --> $str = 'I like apples.'; if (false !== strpos($str, 'apple')) { // $strにappleが含まれる場合 } if (false === strpos($str, 'apple')) { // $strにappleを含まない場合 } strstr(文字列,検索したい文字列) 文字列
SVGファイル編集(色を変更したり背景を追加したりできる)サイト
https://iconscout.com/svg-editor
:has()セレクタ
特定のクラスを持つ子要素を含む親要素だけにスタイルを適用することができる 下の書き方だと商品リストがあり、その中にセール中の商品が含まれている場合に、そのリスト全体に特別なスタイルを適用したいときに使用する [CSS] .product-list:has(.product.on-sale) { background-color: yellow; } [HTML] <div class="product-list"> <div class="product"> <p>商品A</p> <p>価格: ¥1,000</p> </div>
mysqlユーザ一覧、権限一覧
MySQLでユーザの一覧とその権限を確認するためのSQLクエリには、主に以下の2つがあります。 1. **ユーザ一覧を表示するクエリ:** ```sql SELECT User, Host FROM mysql.user; ``` このクエリは、`mysql.user` テーブルからユーザ名とホスト名を表示します。 2. **ユーザの権限を表示するクエリ:** ```sql SHOW GRANTS FOR 'username'@'host'; ``` ここで `'username'@'host'` は、権限を確認したい
CSSの階層指定
子と孫を指定する(空白区切り) 「セレクタ1 セレクタ2」 ・セレクタを空白区切りで並べた場合、子孫セレクタになります。 ・セレクタ1を親として、子と孫のセレクタ2の要素が対象になります。 子を指定する(>) 「セレクタ1 > セレクタ2」 ・セレクタを>で区切って並べた場合、子セレクタになります。 ・セレクタ1を親として、子のセレクタ2の要素が対象になります。 兄弟で弟を指定する(+) 「セレクタ1 + セレクタ2」 ・セレクタを+で区切って並べた場合、隣接セレクタになります。 ・セレクタ1とセレクタ2が同じ親要素を持つ兄弟の要素で、セレクタ1の直後にあるセレク
変数名を動的に扱う方法(JS)
JavaScriptでは、このような操作をオブジェクトを使って実現することが一般的です。 ### 1. オブジェクトを使った動的な変数名の扱い オブジェクトを使うと、プロパティ名を動的に設定することができます。 #### 例:オブジェクトを使った動的プロパティ名 ```javascript let variableName = "dynamicKey"; let obj = {}; // オブジェクトのプロパティに変数の値を使用 obj[variableName] = "Hello, world!"; console.log(obj.dynamicKey)
バリアブルフォントのサブセット化とWOFF2化
physonをインストール パスの環境変数を指定!←大事! pyftsubset ./NotoSansJP-VariableFont_wght.ttf --text-file=subset.txt --layout-features="*" --flavor="woff2" --output-file="NotoSansJP-VariableFont_wght.woff2" を実行 ※以下のソフトでも出来るっぽい フォント編集ソフトのインストール バリアブルフォントを作成するためのフォント編集ソフトが必要です。以下のソフトウェアのいずれかを使用します: FontF
CSSの便利なサイト
cssグラデーションジェネレーター ボタンジェネレーター ボックスシャドウジェネレーター テキストシャドウジェネレーター 枠線・境界線ジェネレーター css Filterジェネレーター 三角形ジェネレーター css Backdrop-filterジェネレーター css Transform(変形) 2D / 3D ジェネレーター css Transition(アニメーション) ジェネレーター
実行時間が長いsqlクエリ削除
select * from information_schema.PROCESSLIST order by TIME desc limit 0,1; kill 44972672;
css
CSSで変数を扱えるようになり、ネストや:is()疑似クラスや:has()疑似クラスやコンテナクエリ、そしてカスケードレイヤーなどの新機能がモダンブラウザのすべてにサポートされました。これらの機能がSassに代わるものなのかの紹介
HTMLでポップオーバー js必要なし
popover属性 <button popovertarget="Modal">表示する</button> <div popover id="Modal"> <!-- Modal --> </div>
PHP 配列で使える関数
<-- array_push(配列, 挿入する値) --> 1つから複数の値を挿入することができる(1つの時は非推奨) 例 $list = []; $list[] = "a"; $list[] = "b"; array_push($list, "c"); Array ( [0] => a [1] => b [2] => c ) <-- is_array(配列) --> 配列であればtrueそれ以外はfalseを返す ※空配列の場合でもtrueを返す <-- in_array(特定の値, 配列) --> 第一引数に指定した
mysqldump
@2# データベース $ mysqldump -u USER_NAME -p -h HOST_NAME DB_NAME > OUTPUT_FILE_NAME @2# テーブル $ mysqldump -u USER_NAME -p -h HOST_NAME DB_NAME TABLE_NAME > OUTPUT_FILE_NAME @2# テーブルの定義とデータのダンプ $ mysqldump -u USER_NAME -p -h HOST_NAME -A -n > OUTPUT_FILE_NAME [オプション] mysqldump --skip-set-char
日付のフォーマット
Y:年(西暦の4桁) 例)2024 y:年(西暦の下2桁) 例)24 m:月(2桁の月) 例)08 n:月(1桁で先頭に0を付けいない) 例)8 d:日(2桁の日付) 例)21 H:時間(2桁の24時間単位) 例)16 h:時間(2桁の12時間単位) 例)08 i:分(2桁の分) 例)20 s:秒(2桁の秒) 例)30 t:指定した月の日数(28~31) 例)31 w:曜日(0:日 ~ 6:土) 例)2(火) l:曜日(Sunday〜Saturday) 例 date('Y年m月d日 H時i分s秒')
Flutter ListView
スクロール可能なリストを作るウィジェット ListViewの中のchildrenパラメータに表示したいウィジェットのリストを作るだけ 例 ListView( children: <Widget>[ ListTile( title: Text('要素1'), ), ListTile( title: Text('要素2'), ), ListTile( title: Text('要素3'), ), ], )
Flutter基礎 Column・Row
Column 子ウィジェットを縦に並べるためのウィジェット 例 Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('こんにちは'), Text('こんばんは'), ], // 子ウィジェット ), オプションは他にもある Row 子ウィジェットを縦に並べるためのウィジェット 例 Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('こん
お役立ちサイト
・TLSの確認 https://www.digicert.com/help/ https://www.cdn77.com/tls-test ・SPFレコードチェッカー https://powerdmarc.com/ja/spf-record-lookup/
Postfixのdkim対応 dmark対応
【opendkimを利用しての対応】 ・epelレポジトリがなければインストール yum -y install epel-release ・opendkimパッケージの確認 yum search opendkim ・opendkimが確認できたら、詳細確認 yum info opendkim ・opendkimインストール yum -y install opendkim ・opendkimのインストール確認 yum list installed | grep opendkim ・キーペア保存用のフォルダ作成 mkdir /●●/●●/●●
Windows apkファイル
windows11からPCでもモバイルアプリをインストール Microsoft StoreからAmazon Appstoreをインストール ※Amazon Appstoreのシステム要件を満たさないとインストールできない インストールするとWindows Subsystem for Androidも同時にセットアップされる Microsoft StoreからWSATools - APK installer and moreをインストール WSAToolsを起動してInstall an APKを押して使用するAPKファイルを選択してインストール ADBのデバッグを
Dart トークンの取得
pubspec.yaml firebase_messaging: 最新のバージョン flutter_local_notifications: 最新のバージョン main.dart _firebaseMessaging.getToken().then((String token) { print("$token"); }); この処理を入れることでトークンを取得することができる
Dart 制御構文
<----- if文 -----> if(条件式){ //条件式が真のときに実行 }else{ //条件式が偽のときに実行 } <----- ?演算子 -----> 「条件式 ? a : b」条件式が真であればa、偽であればbとなる式 ageが18以上であれば"OK"、そうでなければ"NG"がenterに代入される式 String enter = (age >= 18) ? "OK" : "NG"; <----- switch文 -----> breakを入れることが必須 breakを入れずにcaseをフォールスルー場合は、caseの本文は空でなければな
PHP エラー表示
エラーを表示する ini_set('display_errors', 1); ini_set('display_errors', "ON"); エラーを表示しない ini_set('display_errors', 0); ini_set('display_errors', "OFF");
Dart パッケージ
ライブラリのようなものでいくつかの機能がひとつにまとまったもの 「import」という単語を使用し読み込む import 'package:intl/intl.dart' import文の末尾に読み込んだファイルやパッケージに任意の名前を付けることができる import 'package:intl/intl.dart' as intl; // intl.パッケージ内のクラス名 intl.NumberFormat('#,###', 'en_US') 任意の名前を付けることで、importするファイルにNumberFormatというクラスがあった場合、パッケージのNumb
型の変更
キャスト 特定の型への変換を指示する方法 キャストは変換元の値が対象の型であることを保証する必要がある dynamic someValue = 10; int intValue = someValue as int; // キャストしてint型に変換 型変換 toメソッドやparseメソッドを利用して、特定の型への変換を行う方法 toString()、toDouble()、toInt()などのメソッドがある。 String stringValue = 10.toString(); // int型の10を文字列に変換 double doubleValue = 10.5.to
Dart 日付と時刻
//日付・時刻の取得 DateTime now = DateTime.now(); //現在の日付・時刻 print(now); //年 print(now.year); //月 print(now.month); //日 print(now.day); //時 print(now.hour); //分 print(now.minute); //秒 print(now.second); //ミリ秒 print(now.millisecond); //マイクロ秒 print(now.microsecond);
ワードプレスよく使用するテンプレートタグ・関数一覧
https://gri-t.com/wordpress-loop-template-tags/ the_title(); タイトル取得して、出力 get_the_title(); タイトル取得のみ the_permalink() URL(パーマリンク)取得して、出力 get_permalink() URL(パーマリンク)取得のみ site_url() WordPress コアファイルが置かれているアドレス(URL)。 言い換えると、WordPress がインストールされている位置(場所)のアドレス。 管理画面「設定」→「一般設定」→「WordPre
Dart 変数
const String text; 最初に修飾子、次にデータ型、その次に変数名で変数を定義する。 修飾子 var 変数に対する修飾子です。何度でも代入し上書きする事が出来ます。 final 定数に対する修飾子です。コンパイル時に代入されるので、動的な値を代入する事は出来ません。 const 定数に対する修飾子です。コンパイル時に代入される const に対し、final はインスタンス生成時に代入される為、動的な値なども柔軟に代入する事が出来ます。 データ型 String 文字列 例:'cat' int 整数値 例:12 doubl
Flutter 配列 / 連想配列
・配列 List 文字列の場合 List<String> myList = ["文字列1", "文字列2", "文字列3"]; 数値の場合 List<int> myList = ["1", "2", "3"]; ・連想配列 Map キーが文字列、値が数値の場合 Map<String, int> myMap = { "キー1": 1, "キー2": 2, "キー3": 3 }; キーが数値、値が文字列の場合 Map<int, String> myMap = { 1: "値1", 2: "値2", 3: "値3", };
ワードプレス 管理画面メニューカスタマイズ
https://www.sejuku.net/blog/69541 https://wp-doctor.jp/blog/2020/05/14/%E3%83%AF%E3%83%BC%E3%83%89%E3%83%97%E3%83%AC%E3%82%B9%E3%81%AE%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%81%AE%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E9%A0%86%E7%95%AA%E3%82%92%E5%85%A5%E3%82%8C/ functions.phpにコードを記載
AngularJS $scopeオブジェクト
HTMLとJSの仲介役です。$scopeオブジェクトを介してデータの受け渡しをします。 「HTML」 <p>メッセージを表示</p> <p>{{msg}}</p> 「JS」 $scope.msg = 'ここに表示する値'; html側では「{{変数名}}」でjs側からの値を受け取ります。 js側では「$scope.変数名」で指定された値をhtmlに渡します。
マークダウン 書き方
# 見出しh1 ## 見出しh2 ### 見出しh3 #### 見出しh4 ##### 見出しh5 * テキスト * テキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキス * テキスト 1. テキスト 2. テキスト 3. テキスト 1行目 (←半角スペース2つ) 2行目 <br> <br> 3行目 例: `int i = 0` ```java:title int i = 0; //コード ``` [Qiita](http://qiita.com/)
SQL カンマ区切りをフィールごとに
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX(カラム, ",", 1), ",", -1) AS カラム, SUBSTRING_INDEX(SUBSTRING_INDEX(カラム, ",", 2), ",", -1) AS カラム, SUBSTRING_INDEX(SUBSTRING_INDEX(カラム, ",", 3), ",", -1) AS カラム FROM テーブル https://qiita.com/qwe001/items/3f54a5d12702a8eb67d7 【更新】 update テーブル,(SELE
無料アイコン
https://fonts.google.com/icons?selected=Material+Icons https://coliss.com/articles/build-websites/operation/work/icon-explorer-with-searching-icones.html
android WebView アプリ開発
https://androiddevelopers.hatenablog.com/entry/2020/06/23/224900 activity_main.xml に下記は追加 import android.webkit.WebView; import android.webkit.WebViewClient;
ウェブアクセシビリティ
[重大対応] ・自動再生はさせない 音声を自動再生することや強制的に再生させることは避けましょう。また、自動再生する音声は3秒以内に収めましょう。自動再生が3秒以上続く場合は利用者が止められるようにする必要があります。 音声の流れるページや動画広告などで自動再生する場合は、一時停止またはミュートボタンをつける ・袋小路に陥らせない キーボード操作だけで利用しているときに、一度フォーカスしたら抜け出せないコンテンツを作らないようにしましょう。たとえばモーダルダイアログのようなフォーカスを制限するコンテンツで起きやすいです。 ダイアログ内にフォーカス可能な閉じるボタンを置くことで、
IPA
安全なウェブサイトの作り方 https://www.ipa.go.jp/security/vuln/websecurity/about.html
文字列削除
https://www.choge-blog.com/programming/javascriptstringremovespecificcharacter/#toc3 let result = text.replaceAll('l', ''); let result = text.replace(char, ''); もし、文字列から特定の文字を全て削除したい場合は、第1引数に正規表現「/char/g」(char=削除する文字)を指定します //char=削除する文字 let result = text.replace(/char/g, '');
PHP 文字切り出し 特定文字以降削除
$title = "これはテストです|ここから削除される文章"; $title = mb_substr( $title , 0 , mb_strpos($title, "|") ); echo $title; //出力結果:これはテストです https://blue-bear.jp/kb/php-%E7%89%B9%E5%AE%9A%E3%81%AE%E6%96%87%E5%AD%97%E4%BB%A5%E9%99%8D%E3%81%AE%E6%96%87%E5%AD%97%E3%82%92%E5%89%8A%E9%99%A4%E3%81%99%E3%82%8B%E6%96%B9%E
メンテ画面 htaccess
https://webtan.impress.co.jp/e/2009/06/16/5880 ErrorDocument 503 /maintenance.html <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{REQUEST_URI} !=/maintenance.html RewriteCond %{REMOTE_ADDR} !=192.168.0.4 RewriteCond %{REMOTE_ADDR} !=192.168.0.5 RewriteRule ^.*$ - [R=5
ChatGPT AI component generator
コンポーネント自動作成 https://www.webcreatorbox.com/webinfo/chatgpt-ai-component-generator https://ai2ui.co/
update 他のテーブルのレコードの値で
update 〇〇〇,●●● set 〇〇〇.text = ●●●.text where 〇〇〇.id = ●●●.id
SSH アクセスログ確認
IP毎に件数順 grep -Eo "^[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}" ssl_access_log | sort | uniq -c | sort -r | head -n 15 ファイル出力 >> access_log-result https://humo-life.net/memo/doku.php?id=%E3%82%B5%E3%83%BC%E3%83%90:linux:%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89:%E3%82%A2%E3%82%AF%E3%82%BB%E3%
日付
date php date('Y/m/d', strtotime('+7 day')); strtotime 2038年問題 利用しているOSが64ビットで、「PHP」自体が 64bit ビルドにすることで回避 DateTime型を使う #### 年 (Year) - **`Y`**: 4桁の西暦年 (例: 2024) - **`y`**: 2桁の西暦年 (例: 24) #### 月 (Month) - **`m`**: 2桁の月 (例: 09) - **`n`**: 先行するゼロなしの月 (例: 9) - **`M`**: 英語の省略された月名 (
mysql コピー
https://blog.katsubemakito.net/mysql/copy-table CREATE TABLE newtable LIKE oldtable; INSERT INTO newtable SELECT * FROM oldtable;