プログラムメモ
Category
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Claude Code , Cursor , ChatGPT
AI
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
Node.js / Bun / pnpm / npm
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
postgreSQL
Go
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発(ASP.NET Core / C#)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
vscode / cursor / windsurf / antigravity で git worktree の作成方法
AIをローカルマシンで安全に実行するDocker Sandboxes とは ?
node.jsのバージョン管理 volta
Claude Code の skills
WebStorm でTypeScript-Go(tsgo)のLanguage Server を使用するための設定を追加する
Claude Code のはじめ方
css grid でレスポンシブでレイアウトを変える
flex で gap を変数にして使う
日本語フォントのCSS設定
nextjs / vite でも使用されている Node.js向けの軽量で美しいユーザーインターフェースのプロンプトライブラリ
biome , oxlint
Playwright パラレル
npm パッケージのアップグレードを楽にする ncu コマンド
typescript の widening と「const と readonly と as const satisfies」の違い
as const satisfies の使い所
Typescript の ユーティリティータイプ
Claude Code 便利集
ブラウザのリフレッシュレート
MacのコマンドラインでPNG画像を圧縮する方法8選
git log をカラフルにする git plog
pnpm をインストールする
macで markdownファイルを見やすくする
Laravel で 実際にデータベースを見に行った上でTypeScriptの型を生成するパッケージ
cssグリットで要素を上下左右中央にセンタリング表示
KUSANAGI9 の 初期設定とドメイン作成(プロビジョン)方法
検索
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
トップに戻る
新規投稿
tags
Cursor / Web Storm / VS Code などWEB関連のソースを記述する時の環境についてのTipsをメモっていきます
クイックリンク
vscode / cursor / windsurf / antigravity で git worktree の作成方法
WebStorm でTypeScript-Go(tsgo)のLanguage Server を使用するための設定を追加する
vscodeでplant uml を 表示する
WebStorm を cli 起動したい
WebStorm で prettier , eslint をデフォルト ON にする
WebStorm で .git ディレクトリを表示する
Webstorm で 「警告:(14, 12) 単位 'px' は冗長です」を非表示にする
vs codeとIntelliJ IDEAでファイル名と内容を一度にコピー
ChatGPTに素早く質問するためにファイル名とファイル内容をクリップボードにコピーするコマンドを作成する vs code / webstorm
gitプロジェクト内にスニペットを作成する
WebStorm で next.js のサーバーサイドをデバッグ
Cursor / Vs Code 用 React スニペット
MacでHeroku の buildpackを使用して Docker イメージを自動で作成しLaravelアプリを起動する
VS Code で ビルドタスクを設定する
VS Code で Dockerコンテナの中に接続して作業する
docker コマンド
dart sass を VS Code / Webstorm で使用して 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)
vscode / cursor / windsurf / antigravity で git worktree の作成方法
● 1 . リポジトリを表示します
● 2 . リポジトリが表示された後にリポジトリ横の3点リーダーメニューからWorktreeの作成が選択できるようになります。
● 3 . Cursorの場合はまずメニューをVSCodeと同じ表示にします。
設定 → activity.orientation → verticalを選択
あとはVS Codeと同じです。
添付ファイル1
vscode-wortree.png
( 32.4 KBytes )
ダウンロード
添付ファイル2
vscode-wortree-02.png
( 73.5 KBytes )
ダウンロード
添付ファイル3
vscode-wortree-03.png
( 32.5 KBytes )
ダウンロード
No.2709
01/27 08:30
edit
edit
delete
添付ファイル