プログラムメモ
Category
WEB制作（html, css)
graphqlクエリ
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
Node.js / Bun
WEB制作（html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server（MS-SQL）
React
Vue3
Next.js
Vue.js
Ionic / Angular フロントエンド
postgreSQL
gulp(タスク自動化ツール)
デザイン関連（Photoshop・Illustrator）
Figma / Adobe XD / Sketch
フリー素材（写真、アイコン、フォント）
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発（ASP.NET Core / C#）
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
supervisordでプロセス監視
next.js standalone
nginx の 3つのロードバランス方法
ベンチマークコマンド siege wrk
Google Analytics で User-ID を収集する
Laravel で JPEG画像の最適化(ファイルサイズ減少)コマンド jpegoptim を使用する
バックアップコマンド rsync
Next.js でdynamic import ( ssr: false ) による SSR回避 ( hydration error 回避など)
docker コマンド
Reactで各種lint ( eslint , stylelint , husky + lint-staged )
lefthook
eslint で typescript エラーを吐かせる
lint-staged と husky を設定する
plesk でディスク使用量やディスク使用率を調査する
Pleskでサーバのホスト名を設定する
CDK for Terraform のインストール
unixのシェル( bash )の便利な設定(1文字ショートカットとヒストリ)。gitブランチ表示
KUSANAGI9 の 初期設定とドメイン作成（プロビジョン）方法
Laravel の データベースシーダー実行時に sql文 のダンプファイルを実行する
Mac でフォルダ内の png , jpg 画像を一括して ../webp/ フォルダに webpフォーマット変換する
Next.js の App Router ざっくりまとめ
React hooksの概要 useContext による Provider
MySQL で mysqldump の データをインポート時に MySQL server has gone away となる時の対処法
ローカルPCのサーバーを同じネットワーク内のスマホから確認する。
Cloud Run へ Next.js アプリをデプロイ ( Dockerfile 使用 )
検索
WEB制作（html, css)
トップに戻る
新規投稿
tags
フォント
[1]
html5
[5]
携帯スマホサイト
[4]
iPhone
[3]
フォーム
[1]
css
[16]
高速化
[3]
jQuery
[2]
Bootstrap
[5]
scss
[2]
compass
[1]
iPad
[1]
アイコン
[2]
.htaccess
[5]
Firefox
[3]
検索エンジン
[3]
透過png
[1]
携帯
[2]
IE
[1]
WEB制作（html・css(スタイルシート))に関する各種メモ書き：
タグ「sass」での検索
クイックリンク
Google Chrome を Sidekick みたいにする サイドバー拡張機能
PWA対応する
Mac でフォルダ内の png , jpg 画像を一括して ../webp/ フォルダに webpフォーマット変換する
WordPressを別サーバに移行する
W3C Valid な htmlページ コーディングの雛形
WordPressの管理画面に独自の画面を追加する
WordPress 管理画面の必須プラグイン
画像ファイルを png を圧縮する
WEBページやWEBシステムで Windowsの外字ファイル（ .tte ）を使用する
https と http の混在（mixed contents）をGoogle Chromeで見つける方法
Google Chrome Developers Tool のショートカット
HTML5の画像のsourceタグのsrcset で「ブラウザ幅」と「ディスプレイ解像度」によって画像を入れ替える
チェクボックスのCSSでのデザイン
テキストとアイコン画像の位置を揃えるCSS
TABLEタグをDIVタグとCSSで表現する
HTML , CSS コーディング時に使用したい Sketch プラグイン
cssでfloatを使った時に高さを確保する
テーブル TR TD の hover をある箇所だけオフにする
RESTステータスコード
プリント時に要素を削除する CSS
電話番号に自動でつくリンクを消す
昔の古い Windows IE でのブラウザチェックを行う
WEBサイトのリンク切れを検知するリンクチェックツール
CSSでカーニング調整をして先頭が 「 （カッコ）の左端を揃える
IE6 〜 IE11 の表示チェックが行える IE Net Renderer
robots.txt を設置して検索エンジンクローラーが巡回しないようにする
iPhoneでフォーム入力時に 数字だけのキーボードを表示させる
flexboxによる上下、左右センタリング（中央寄せ）
Google Chromeでローカルにあるcssファイルを直接編集し保存する
JavaScriptでWEBページの印刷ボタンを作る
html 内のテキストにカーニングを適用する jQuery.Kerning.js
Bootstrapによるモーダルウィンドウ
dt,ddタグとCSSによるテーブル表現
emmet LiveStyle を使って SCSS の変更を即座にブラウザに反映させる
compass（SCSS）でretina,ロールオーバー対応のcssスプライトを自動生成するmixin
オンラインでRetina画像対応CSSスプライトを作成する
Google PageSpeed Insights の速度アップ修正に対応する
<img>タグで埋め込んだSVGファイルの色変更をする JavaScript
iPhone, iPadなどのWEB画面表示を確認する
CSSによるDIV（ブロック）要素の横並び方法4種類
スマホサイト制作時に設定しておくと良いhtml, css, JavaScript 項目
スマホサイトをフルスクリーンにしてWEBアプリぽく見せる
Bootstrapで画面サイズによって要素を【表示・非表示】させる
BootstrapのCDN
CSS3で作るツールチップ（吹き出し）
Font AwesomeのWEBフォントをフォームのボタンに使用する
SSL（https://）サイト制作時の https , http 混在エラーをチェックする
iPhoneのsafariでフォーム入力の時に自動的に画面拡大するのを防ぐ
作成したWEBページの表示速度がどれくらい早いかをチェックする
hn.kd.ny.adslや中国からの検索エンジンロボット（クローラー）を制限する
画像やCSS,JavaScriptにブラウザキャッシュを適用させる
.html ファイルのデフォルト文字コードを出力する
Firefoxおすすめ拡張機能（アドオン）
リンクを選択した時のフォーカス枠を消す
サイト内検索ASPの代わりにGoogle AJAX Search API を使用する。
HTMLタグの閉じ忘れを自動修正してくれるWEBサービス
WEBサーバーのダウンを監視する無料のサービス
Windows IE にCSS3の角丸（radius）を適用させる
ツイッターに投稿してもらいやすくするTweetボタンを設置する
＜head＞内に rel=”canonical”属性 を指定してサイト内の重複コンテンツを防ぐ
複数の画像を1枚にくっつけて保存し、サイト表示を高速化させる（CSS Sprite）
HTML5ビデオを埋め込む。またiPhone, iPadで自動再生…。
HTML5の動画Playerライブラリ
HTML5での追加タグと記述サンプル
iPhoneのWebclip用アイコンを作成する
色情報取得ツール
「Windows IE6, 7, 8で透過pngを使う」の決定版
digest認証をつける
携帯サイト開発時に利用する携帯シミュレータ
親ディレクトリ（上位階層）で指定した Basic認証を特定ディレクトリで解除する
ブラウザのキャッシュを無効にする。また検索エンジンロボットにページ巡回、ページキャッシュさせないようにする。
htmlページにキーボードショートカットをつけるには。
Markdown記法のまとめ
swfobjectでFlashムービー（.swfファイル）を貼り付ける
携帯サイトでフォームの入力文字を固定する。
CSSチェックしエラー訂正するサイト【cleancss.com】
Windows版IEで画像をブロック要素にしてマージンをセットするとずれる
DIVの中を下揃えで配置する
ブラウザによるフォント表示の違い
リンクタグ作成Bookmarklet
css レイアウトで画像ボタンのメニューを作成する方法（css sprite）
無料で使えるオンライン上のSEOツール
RSS書式のひな型
RSS2.0の仕様
インジケーターアイコン
xhtmlでインラインフレーム（iframe）を使うと横スクロールバーが表示されてしまう不具合への対応
構造のマークアップなしでフロートをクリアする方法「clearfix」
アイコンファイル favicon.ico を作成する
<ul><li>を画像リンクにしたときに Firefox で画像の外まで点線が表示されてしまう
Windows IE を判別してJavaScriptやCSSを適用する
複数のCSSスタイルを指定するには?
ブラウザごとの差異をリセットするCSSデフォルト（reset.css）の設定