nodebrewでnode.jsをインストールする時にxcrunでerrorが出る問題を解決

標題通り、nodebrewでnode.jsの別バージョンをインストールする時に以下のエラーが出た。

xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance

xcrun: error: unable to lookup item 'PlatformPath' from command line tools installation
xcrun: error: unable to lookup item 'PlatformPath' in SDK '/'

で、node.jsが正常にインストールされない。

xcodeがインストールされてない、もしくはコマンドラインツールが正常に動作していないエラーらしい。

解決方法は以下のコマンドを打ち込む

xcode-select --install
xcode-select --switch /Applications/Xcode.app

 

【即解決】WordPressのショートコードがpタグで囲まれてしまうのを最も簡単に除去する方法

WordPressの自作ショートコードを設定した時に、ショートコードの次に改行を入れて文章を入力するとpタグによって囲まれることがある。

そのような時の解決方法。以下のコードをfunctions.phpに挿入する。

remove_filter( 'the_content', 'wpautop' );
add_filter( 'the_content', 'wpautop', 99 );
add_filter( 'the_content', 'shortcode_unautop', 100 );

他にもいろいろごちゃごちゃコードを書く方法があるけど、これが一番シンプル。

ショートコードの時だけpタグの自動挿入をしないように設定している。

参考:remove empty <p> tags from wordpress shortcodes via a php functon

さらに空のpタグを除去する方法はこちらのコードで除去が可能。

function tgm_io_shortcode_empty_paragraph_fix( $content ) {
 
    $array = array(
        '<p>['    => '[',
        ']</p>'   => ']',
        ']<br />' => ']'
    );
    return strtr( $content, $array );
 
}
add_filter( 'the_content', 'tgm_io_shortcode_empty_paragraph_fix' );

参考:How To Remove Empty Paragraph Tags From Shortcodes In WordPress

.gitignoreが反映されない時の対応方法

.gitignoreにファイル・フォルダを追加したにも関わらずgit addに表示されてしまう時。

gitがキャッシュを保持している場合がある。そんな時はgitのキャッシュを消そう。

全てのキャッシュをクリアするには、

$ git rm -r --cached .

ファイル名・フォルダを指定してキャッシュをクリアするには、

$ git rm -r --cached 'ファイル名'

でキャッシュをクリアできる。

CSSのみでposition:absoluteがかかっている要素を上下中央配置にする

position:absoluteで浮いている要素を上下中央配置にするやり方。

昔は大変だったが、今ではflexboxを使えば簡単にできる。キーは子要素にdisplay:flexをかけて、縦方向に中心いするためにflex-direction:column、align-items: center;にし、さらにwidthとheightに100%をかける。

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

幅と高さがない場合中央配置にならないため注意。

単純に中央配置にするだけなら、flexboxを使わなくても実現可能。leftとrightをどちらも0を指定するだけ。

.parent {
  position: relative;
}

.child {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}

こちらも幅の指定をしないと中央配置にならないため注意。

 

Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合

Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合。

以下のような状態

On branch develop
Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git checkout -- <file>..." to discard changes in working directory)
  (commit or discard the untracked or modified content in submodules)

    modified:   wp-content/themes/wpphone (modified content, untracked content)

no changes added to commit (use "git add" and/or "git commit -a")

単純に、上記ディレクトリにもう一つGitが設定されている場合がある。上記の場合で言えば、ルートにてgit initされて.gitディレクトリが設定されているのに加えて、

wp-content/themes/wpphone

のディレクトリにもgit initされて.gitディレクトリが存在する状態になる。

ちなみに下層ディレクトリにもGitがある場合、そのディレクトリでgitコマンドを打つと、上層のGitではなくそのディレクトリにあるGitへの登録が優先される。

Polylangに既存のページを翻訳ページに設定する方法

Polylangに既存のページを翻訳ページに設定する方法。何てことはない。翻訳バーのところに該当するページ名を入力して検索をかけるだけ。

Polylang

表示されたら選択するだけ。

「+」アイコンをクリックして新規ページを追加する方法のみしか紹介されていないところが多い。これだけのことが案外分からなかったりもする。

参考:Adding Translations to existing pages with Polylang

Macのディスプレイの色味がおかしい時の直し方

物理的にディスプレイが故障したわけではないのにも関わらず、色味が若干くすんで見える時がある。

特に自分の場合は黄緑色が顕著にくすんで見え、サブディスプレイと比べると違いが大きく分かるくらい。

調べてみるとPRAMメモリのクリアで直るとの情報を得て、実際にやってみると確かにくすみが取れて基のクリアな状態に戻った。

PRAMメモリのクリアはMacを起動直後に、

Option + Commnad + R + P

を押しっぱなしにする。成功するとMacのリンゴマークが出る前にもう一度再起動がかかる。リンゴマークが見えたら失敗のため、押すタイイングをずらすといい。

macOS Sierra: コンピュータの NVRAM または PRAM をリセットする

Linuxで対象のディレクトリのサイズのみを確認する方法

Linuxで対象のディレクトリのサイズのみを確認するコマンドは、

du -sh directory-name

で確認できる。

-sをつけないとその直下のフォルダの情報も表示される。-hは適切な容量単位で表示してくれるオプション。

Linuxの数字による権限(パーミッション)の簡単な覚え方

Linuxで権限の番号がいつも何番が何を表すか忘れてしまうため、ゴロで覚えよう。

chmod 600 directory-name

とかの600の部分のこと。

前提として1がx、2がw、4がrを覚えさえすれば、あとは組み合わせによって足せばいいだけ。

例:-wxは3、r-xは5など

(この時点で何を言ってるか分からない人は先にコマンド集で確認しよう)

で、1がx、2がw、4がrを覚えるゴロ。

夜には一○ックス

yo(4) “r”u ni(2) “w”a ichi(1) “x”

ん?何かちょっと大人な感じ。。と思ってるそこの方、

あなたの発想がエロいのです笑