WordPressでシンタックスハイライトするのにPrismを使う

元々プラグインでシンタックスハイライトさせていたのですが、動作が重かったり表示が一昔前っぽくなってしまうのでモダンな表示になるものを探していました。今回はPrismを使って記事中のコードのシンタックスハイライトをさせてみることにしました。

Prismで対応している言語のリストはこちらです。大抵の言語はカバーできています。 続きを読む

Gatsbyでfaviconを変更する方法

Gatsbyでページを作成するとデフォルトのfaviconが割り当てられているので、これを自作のfaviconに変更しました。

faviconはブラウザのタブなどに表示されるアイコンです。

続きを読む

gatsby-imageで画像を表示する方法

Gatsbyを使って画像を表示する方法です。dev.toに参考になる記事があったのでこちらをもとに設定しました。

続きを読む

githubにプッシュする際Permission denied (publickey)エラーが出る場合の対策

githubのリポジトリにpushする際に公開鍵に関するエラーが出てpushできなかったのでメモしておきます。

Pushing to git@github.com:ユーザー名/リポジトリ名.git
Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

githubの公開鍵設定の項目を読んで以下の設定を試しました。

~/.ssh/config の設定を以下に設定するとpushできました。

Host *
 AddKeysToAgent yes
 UseKeychain yes
 IdentityFile ~/.ssh/id_rsa

私の場合はconfigの設定を自分でカスタマイズしていたのがエラーの原因になっていたようです。

Coreserverでwww付きURLをwwwなしのURLに301リダイレクトするための.htaccessの書き方

Coreserverでwww付きURLからwwwなしのURLのページに301リダイレクトする際の.htaccessファイルの書き方です。

下記のスクリプトを記述して.htaccessという名前で転送元のドメインのトップディレクトリに設置します。
example.comをご自身のURLに変更してください。

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.example\.com$
RewriteRule ^(.*)$ http://expamle.com/$1 [R=301,L]

Internet Explorer 11でwidthを設定したTableの横幅が適用されない現象の対策

Internet Explorer 11でTableのwidthをCSSで設定しているにもかかわらず横幅が無視されてレイアウトが崩れる現象の対応策をメモしておきます。

TableタグのCSSプロパティーのtable-layoutをfixedにします。

/*Tableタグのクラスが.tableの場合*/
.table {
width: 1000px;
table-layout: fixed;
}

【JavaScript】ES6でjQueryプラグインをimportした際にjQueryのエラーが出る場合の対策

jQueryをES6でimportしているのにもかかわらず、プラグインをimportしたときにjQueryのエラーが出る場合の対策です。

Uncaught ReferenceError: jQuery is not defined

自分のケースではfeatherlightというプラグインをrequireして実行するとChromeで上記のエラーが出ました。
続きを読む

apachectl startに失敗する場合

ターミナルでapachectl startでApacheを起動した際に以下のエラーが出て起動しないことがあります。

apachectl start
(13)Permission denied: AH00072: make_sock: could not bind to address [::]:80
(13)Permission denied: AH00072: make_sock: could not bind to address 0.0.0.0:80
no listening sockets available, shutting down
AH00015: Unable to open logs

このような場合sudoをつかって

sudo apachectl start

を試すとパスワードの入力を求められ、入力すると普通に起動しました。

【PHP】スマートフォンでファイルがアップロードできない場合の対策

PHPを使ったフォームでファイルをアップロードした際にDBやログなどにアップロードされたはずのimage.jpgやA7AC099-42AC-4AE5-B166-CC6B536548B0.jpeg というようなファイル名が記録されているのに、ファイルの実体がアップロードされていないということがあります。
そのような場合にチェックすべき点と対策方法をまとめてみました。 続きを読む

【Visual Studio Code】対応する括弧(カッコ)に自動で色を付けるExtension

Visual Studio Codeでコード中の対応するカッコ { } ( )に色を付けるエクステンションがあるのでメモしておきます。

Bracket Pair Colorizer からダウンロードまたは、VSCodeのEXTENSIONSでBracket Pair Colorizerを検索してインストールできます。

こんな感じでペアになるカッコに同じ色がつきます。

また、以下の言語に対応しているようです。

– c
– clojure (partial, wip)
– cpp
– crystal
– crystal
– csharp
– css
– dart
– go
– html
– java
– javascript
– javascriptreact
– less
– lua
– php
– powershell
– python
– r
– ruby
– rust
– scss
– sql
– swift
– typescript

に対応しているようです。