プログラムメモ
Category
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
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
最近のメモ
next.js standalone
Next.js Web Vitals
Next.js Web Vitals
unix の kill コマンドを操る
プロセスマネージャー pm2で next.js を動作させる
「あるポート」を使用している「プロセス」と「プロセスID」を調べる
supervisordでプロセス監視
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フォーマット変換する
検索
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
トップに戻る
新規投稿
tags
Cursor / Web Storm / VS Code などWEB関連のソースを記述する時の環境についてのTipsをメモっていきます:
タグ「Photoshop」での検索
クイックリンク
WebStorm で next.js のサーバーサイドをデバッグ
Cursor / Vs Code 用 React スニペット
MacでHeroku の buildpackを使用して Docker イメージを自動で作成しLaravelアプリを起動する
VS Code で ビルドタスクを設定する
VS Code で Dockerコンテナの中に接続して作業する
docker コマンド
dart sass を VS Code で使用して SCSS (SASS)をコンパイルする
VS Code で RemoteDevelopment を使ってリモートサーバーをxdebugでデバッグする
VS Code のカラーをカスタマイズする
VS Code MarkDown Preview Enhanced サンプル
VS Code で Vim ショートカットを使用する
安全な Cookie
VS Code で正規表現のテストケースを作成してテストする
便利な emmet ショートカット( Mac )
Sublime Text に LSP をインストールしてPHP開発を楽にする
WEBサイトのある要素に現在効いているcssだけを抽出・保存する
Sublime Text で sass(scss)の最速構文チェック(lint)を行う
Visual Studio Code で SCSS(SASS)のコンパイルを行う
MacのWEB制作(コーディング・プログラミング)用エディター・統合開発環境(IDE)