WordPress

MW WP Formでフォームのバリデーションとエラーをカスタマイズする【WordPress/PHP】

高機能なフォームを手軽に作成できる『MW WP Form』は、WordPressでお馴染みのプラグインです。今回、フォームに必須のバリデーション(入力チェック)およびエラー表示をカスタマイズしました。希望通りに実装できたのでメモ。ちょっと...
2021.12.11
css

CSSでボーダー(枠線)に画像を設定する方法【CSS/border-image】

CSSのborder-imageでボーダーに画像を設定する方法を調べました。設定項目が多くて混乱しましたが、必要なポイントだけ抑えたら希望通りの表現ができました。これでおしゃれな枠線も思いのままです! 作成した枠線のサンプルを確認す...
2021.12.05
Linux

Macでシンボリックリンクを相対パスで作成する方法【Linux/Mac】

シンボリックリンクはディレクトリやファイルのショートカットのことです。要はMacのエイリアスのことですが、Finderで作成するエイリアスはcdコマンドで移動ができません。そのため、できる限りシンボリックリンクで作成します。 シンボ...
2021.10.31
スポンサーリンク
JavaScript

TypeScriptをインストールして自動的にコンパイル+実行できるようにする(開発環境構築)【JavaScript】

TypeScriptを使う機会があったので開発環境を構築しました。忘れそうなのでメモしておきます。なお、パソコンはMacを使っています。 Node.jsをインストールする まずはNode.jsをインストールします。以下のサイト...
2021.10.31
JavaScript

商品の色をボタンで選択できるカートボタンを作成しました【Javascript】

アパレル系ショップで、色やサイズをボタンで選択できるカートをちらほら見かけます。ユニ●ロやH&●の有名サイトでも採用されているようです。 今回、商品の色をボタンで選択できるカートを作成したのでメモ。 商品の色をボタンで...
JavaScript

Javascriptのクラスで足し算と引き算ができる計算機を作成しました【JavaScript/Class】

Javascriptのクラス構文の練習で色々な計算機を作成しました。 足し算できる計算機のサンプル クラスの構文は次の通りです。まずは足し算をする機能をもったクラスを作成します。 // クラス名、最初は大文字 class...
Linux

リベースの使い方とマージとの違いについてまとめました【Git/rebase】

リベースは、主に作業ブランチにmasterの内容を取り込む際に使用しています。今回、使い方とマージとの違いをまとめたのでメモ。 仮にこのようなツリーがあったとします。※見やすいようにGitクライアントの『GitKraken』の画...
2021.09.24
Linux

Gitで作業中のファイルを一時退避させる【Git/stash】

作業中のファイルを一時中断して、退避する「stash」についてまとめたのでメモ。 stashコマンドを使うと、中途半端な作業の途中でコミットする必要がありません。退避させたいファイルを、一時的に違う場所によけておくイメージです。 ...
2021.09.17
JavaScript

DOMを監視して、要素の追加や削除を検知する方法【Javascript/MutationObserver】

Javascriptで動的に追加した要素にイベントを設定したい!または追加した要素が存在すればこういった処理をしたい。ってことが時々あります。 その場合、どうやって実装すれば良いか調べたのでメモ。DOMの変更を監視する「Mutati...
Linux

GitHubにSSHで接続する方法【Git/GitHub】

2021年8月13日以降、GitHubにパスワード接続でpushやpullができなくなりました。 今回、改めてSSHでの接続方法をまとめたのでメモ。GitHubの公式HPにSSH接続の方法が掲載されています。そちらの情報を参考にしま...