PageSpeed InsightsのCLS改善(可変画像の幅指定)

PageSpeed InsightsにWebページ診断を行った際に、CLSの問題点として レイアウトシフトが起きている 画像のwidthとheightが指定されていない などと指摘される場合がある。 サイズ指定は「width:100%」「height:auto」としているのだが、それではだめらしい…

フォルダ内の一括検索(grep検索)

テキスト内の検索などはCtrl+Fを使っていることと思うが、フォルダ内のどこかにあるのは分かるけど、どのファイルなのかを知りたい時がある。 つまり、フォルダ内を全部検索したい場合だ。 テキストファイルは秀丸を使用しているが、「grep検索」という機能…

Wordpress:ページ判定(アーカイブページ、カテゴリページ、カスタム投稿など)

Wordpressにおいて、特定のアーカイブページなど、特定ページのときだけなんらかの動作をさせたい場合の判定について。 通常の投稿の場合とカスタム投稿の場合とで判定関数が違っていたりして、少々ややこしい。 以下などは、直近でよく使用したページ判定関…

GitHubリポジトリとサーバーの連携

GitHubリポジトリを用意し、クライアントソフト「SourceTree」で複数人管理できるようになった。 だが現時点では、最新ソースをGitHubからサーバーへと都度手動で移動させる必要がある。今回は、それを自動でサーバーに反映させるようにしたい。 FTPサーバー…

GitHubプライベートリポジトリへのユーザー招待

ソースを複数人管理するにあたって、GitHubリポジトリに特定のユーザーを招待したい。 リポジトリの「Setting」メニューの「Collaborators」を押下すると、「Add people」にて招待ができる。 パスワード入力後、招待したい相手のメールアドレスや、GitHubア…

Sourcetree(GitHubクライアントソフト)の使い方

GitHubに関してこれまでに、以下を行ってきた。 ・GitHubアカウントを作成 ・GitHubリポジトリの取得・更新を行うために、クライアントソフト「Sourcetree」をインストール skyfishswim.hatenablog.com skyfishswim.hatenablog.com 以後まず最初は、GitHubに…

GitHubのクライアントソフト

前回、GitHubのアカウント作成やリポジトリ作成を行った。 skyfishswim.hatenablog.com 続いて、GitHubに対してソースの取得や更新を複数人で行っていくには、専用のクライアントソフトが必要になる。 GitHubクライアントソフトの種類 ・TortoiseGit(Window…

GitHubアカウント・リポジトリの作り方

サイトの管理を複数名で行う用にGitHubを使う必要があるかもとのことで、使い方を調べてみた。 GitHubアカウントの作り方 下記のGitHubのサイトトップにて、右上の「Sign up」からアカウント新規登録ができる。 github.com アカウント作成後、管理画面(ダッ…