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

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

Mac OS X(Sierra)にPHP7.2.2をインストールする方法

Apacheを止める

ターミナルから今動いているApacheを終了させる

sudo apacehctl stop

続きを読む

【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

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

JavaScriptでInternet Explorer 11を判定する

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

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

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

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

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

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

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

ロック

command + L

アンロック

command + shift + H

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

【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を使って翻訳する方法を説明します。
続きを読む

【WordPress】WPMLを使用する際ループで他言語の投稿の重複しないようにする方法

WordPressの多言語化対応プラグインWPMLで翻訳した記事がループ中で英語版と日本語版など重複して表示されるのを防ぐ方法です。公式のフォーラムに載ってました
続きを読む

Atomを使ったMarkdown(マークダウン)記法の始め方

まずMarkdownをプレビューしながらかけるエディタAtomをインストールします。

このようにMarkdown(マークダウン)を書きます。ソースは下でコピーできます。
Markdownのサンプル

続きを読む