JavaScriptでInternet Explorer 11を判定する

JavaScriptでInternet Explorer 11を判定するときの書き方をメモしておきます。

const ua = navigator.userAgent;
if(ua.indexOf('Trident') !== -1) {
//IE 11のときの挙動
}

判定条件がMSIEではなくTridentになっているところがポイントです。

phpMyAdminで#1055エラーが発生した場合の対処法

MacのApache上で動いているphpMyAdminで新規にデータベースを作成しようとすると1055エラーというのが発生しました。stackoverflowに似たような事例が載っていたので設定ファイルの変更を試してみました。

/usr/local/etc/my.cnf の中に

sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

をコピペしてMySQLを再起動すればOKでした。

 

jQueryでHTMLファイル内にあるリンクのリストを作る

HTMLのサイトマップなどからリンクを抜き出して一覧を作る方法です。
URLのリストなどをExcelで作りたいときなどに便利です。

続きを読む

WordPressテンプレートのfooter.phpでis_home()が効かない場合

WordPressのテンプレートに含まれるfooter.phpにis_home()でトップページの判定をしてif文を追加したところ、うまく表示されなかったので調べてみました。
続きを読む

iPhoneのSafariからファイルをアップしたときにPHPのTMP_NAMEがなくなる問題

iPhoneのSafariからファイルをアップロードした際にPHPで指定したTMP_NAMEが空になってしまっていることがありました。
この現象について調査したところ、stackoverflowで同様の現象に関する質問がありました。
続きを読む

npmより高速にパッケージをインストールできるyarnを使う

jsのパッケージをインストールする場合npmを使うことが多いですが、yarnを使うとより高速にインストールできるというので試してみました。

続きを読む

iOSシミュレータのロックとアンロックのショートカットキー

XcodeについてくるiOSシミュレータのロックとアンロック(ホーム画面の表示)するショートカットキーをメモしておきます。
iPhone iPadも同じコマンドで操作できます。

ロック

command + L

アンロック

command + shift + H

メニューバーのHardwareの項目にあるので、こちらをクリックしてもOKです。

Google XML Sitemapsで生成したXMLがGoogle Search Consoleでうまく登録されない場合の対処法

WordPressのGoogle XML Sitemapsプラグインで生成したサイトマップがGoogle Search Consoleでうまく登録されていないことがわかったのでその原因を調べてみました。
続きを読む

【next.js】localhostで任意のポート番号を指定する方法

next.jsHello worldプログラム(zeitの公式ページに掲載されている)を動かす際に

npm run dev

してコマンドを実行してもエラーが出て動かなかったので原因を調べてみました。
エラーを見たところ、

Error: listen EADDRINUSE :::3000

と表示されていました。
デフォルトでhttp://localhost:3000 でページが表示されるようなのですが、私の環境ではMacのApacheがポート番号3000を抑えていたので動かないのだろうと推測しました。

次にnext.jsで使用するポート番号を調べたところgithubに方法が載っていました。package.jsonの”dev” : “next”となっているところを以下の通りに変更すればよいことがわかりました。

"scripts": { "dev": "next -p 任意のポート番号" }

試しにポート番号を8080などにかえてnpm run devしたところ、ブラウザでhttp://localhost:8080にアクセスして問題なくHello Worldが表示されました。

【WordPress】WPMLでテンプレート内で翻訳する文字列を設定する方法

WordPressのテンプレート内でWPMLを使って翻訳する方法を説明します。
続きを読む