2022.08.25
jQueryのhasClassメソッドでclassの付与を判定
jQueryのhasClassメソッドで要素にclassが付与されているか判定します。以下のhtmlの構造で確認します。 hasClassメソッドは引数にクラス…
2022.08.24
Illustratorでオブジェクトを左右反転
Illustratorでオブジェクトを左右反転します。左右反転したいオブジェクトを選択し、以下のいずれかの操作を実行します。 リフレクトツールをダブルクリック→…
2022.08.23
Photoshopのスマートオブジェクトをシェイプに戻す方法
Photoshopでシェイプをスマートオブジェクトに変換し、再度シェイプに戻す場合は以下の手順で操作します。 スマートオブジェクトのレイヤーを選択→属性パネル→…
2022.07.31
IllustratorからPhotoshopへデータを配置
Illustratorで作成したデータをコピーして、Photoshopにペーストします。ペースト形式を選択する画面が表示されるので「スマートオブジェクト」を選び…
2022.07.17
Google Fontsの読み込みをDNSプリフェッチで最適化
DNSプリフェッチを利用すると、外部ドメイン名（ホスト名）の名前解決（DNSルックアップ）を事前に強制できます。 WEBページ表示時ブラウザが外部ドメインにアク…
2022.07.15
擬似要素::before、::afterと:hoverの組み合わせ
CSSの擬似要素::before、::afterに:hoverでホバーエフェクトを適用する場合、以下のように:hoverを先、::before、::afterを…
2022.07.13
@extendのプレースホルダーセレクタを利用
@extend専用のプレースホルダーセレクタは「%セレクタ名」のように記述します。@extendのプレースホルダーセレクタはCSSとして生成されません。 以下の…
2022.07.10
scss-lintのエラー回避方法
scssファイル内でscss-lintのエラーを回避します。以下はgridレイアウトで使用する「fr」が許可されていない単位としてエラーになるのを無効化していま…
2022.05.28
Photoshopのパス選択ツールでクリッピングマスクのシェイプを変形
Photoshopのパス選択ツールでクリッピングマスクに利用されているシェイプを変形します。パス選択ツールはパスコンポーネント選択ツールの下にあります。 パス選…
2022.05.16
メディアクエリのand条件とor条件
CSSのメディアクエリ（Media Queries）のand条件は以下のように記述します。andでつないだ全ての条件を満たす時に適用されます。 or条件は以下の…
2022.05.14
positionプロパティのstickyの使い方
positionプロパティのstickyの使い方と注意点です。divタグに以下のCSSを適用して動作を確認します。 デモページはこちら positionプロパテ…
2022.05.12
asideタグの使い方
asideタグはメインコンテンツの内容と関連はしているが、メインコンテンツではない補足情報を表します。主に「バナー広告」「関連記事」「サイドバー」「モーダルコン…
2022.05.11
Sassの@import
CSSの@importは以下のいずれかを記述します。 style.cssからabout.cssを読み込んでいるので、htmlではstyle.cssのみ読み込みま…
2022.05.11
CSSのcalc記述時の注意点
CSSのcalcはCSS3で追加された関数です。calc記述時は以下の点に注意が必要です。 加算・減算の演算子の左右には半角スペースが必要 乗算は掛けられる方（…
2022.03.13
GitHubでプルリクエストを作成
以下のSourceTreeとGitHubによる一連の操作で、GitHubでプルリクエストを作成します。 SourceTreeの「develop」ブランチでファイ…
2022.03.12
SourceTreeでブランチを削除
SourceTreeで「develop」ブランチを削除します。まずはローカルブランチです。ブランチがカレントの状態で削除しようとすると以下のエラーメッセージが表…
2022.03.11
SourceTreeのプルで発生した競合を修正
以下のGitHubとSourceTreeによる一連の操作で、プルで発生した競合を修正します。 GitHubでファイルを更新 SourceTreeの「main」ブ…
2022.03.09
SourceTreeのブランチのマージで発生した競合を修正
以下のSourceTreeによる一連の操作で、ブランチのマージで発生した競合を修正します。 「develop」ブランチでファイルを更新し、コミットとプッシュを実…
2022.03.08
SourceTreeでブランチをマージ
以下のSourceTreeによる一連の操作で、ブランチのマージを確認します。 作業用ブランチ「develop」を作成 「develop」ブランチでファイルを更新…
2022.03.07
SourceTreeでコミット前の変更を破棄
SourceTreeでコミット前の変更を破棄します。変更ファイルは「作業ツリーのファイル」に表示されているので、右クリックで「破棄」を選択します。 または、上部…
2022.03.06
SourceTreeでGitHubのリモートリポジトリへプッシュ
SourceTreeでGitHubのリモートリポジトリへプッシュします。SourceTreeとGitHubを連携していない場合、プッシュ時にGitHubのログイ…
2022.03.05
SourceTreeでリモートリポジトリをクローン
SourceTreeでGitHubのリモートリポジトリをクローンします。SourceTreeのNew tabで「Clone」を選択し、必要事項を入力します。 「…
2022.02.27
SourceTreeでローカルリポジトリを削除
SourceTreeのNew tabで「Local」を選択するとローカルリポジトリの一覧が表示されます。一覧から削除したいリポジトリを選択します。 削除したいリ…
2022.02.27
GitHubでリポジトリを削除
GitHubにサインインし、左ナビから削除したいリポジトリをクリックします。 リポジトリの画面で、上部メニューの「Code」が選択されているので、一番右の「Se…
2022.02.27
GitHubでリポジトリを作成
GitHubにサインインし、左ナビの「Recent Repositories」の右側にある「New」のボタンをクリックします。 「Create a new re…