Web Development Archives - Page 6 of 8

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

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

2017/04/01
Blog, Web Development
Creative Coding, HTML, iOS, iPad, iPhone, Network, PHP

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.jsでHello 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が表示されました。

<button class="btn">translateX:"+=100"</button>

となっているHTMLからjQueryで

var val = "{"+$(".btn").html()+"}";

として値を取得しそのままVelocity.jsで使おうとしていたのですが、動きませんでした。

以下のようにHTMLを変更し、splitで分割しブラケット記法にした変数に代入すると丸ごと変数を利用できます。

HTML

<button class="btn">translateX:+=100</button>

あとでブラケット記法にした変数に代入する際に自動的にクオーテーションが追加されるので値のクオーテーションをとりました。

JS

$(".btn").on('click',function(){
 
var opt = $(this).html().split(":");//コロンで値を分割して配列optに代入
var val = {};//ブラケット記法のための変数
val[opt[0]] = opt[1];//プロパティに対してその値を代入
 $(this).velocity(
 val ,
 "easeInSine",
 );
});

button要素をクリックすると、クリックしたボタンがX軸方向に100px移動します。

応用したサンプルはこちら

Mac OSのApacheで動作しているWordPressでアップデートをできるように設定する方法

Mac OS上のApacheで動作しているWordPressでアップデートをしようとするとファイルを上書きできずにエラーが出ます。
続きを読む

Facebookの投稿でMarkdown(マークダウン)記法を使う

いつの間にかFacebookの投稿でMarkdown（マークダウン）が使えるようになっていました。
以下の記法が使えるようです。
Facebook Markdown
続きを読む