HTML

iPhone SEでiPhone 6の表示をそのまま縮小表示する方法

こんにちは。 新しいiPhoneが発売されても、まだまだ使用率が高いiPhone SEなどのコンパクトデバイス。 このデバイスサイズを考慮してサイトを作る場合、以下のことに悩まされていませんか? 文字が変なところで改行され...
API

PHPでJSONを返すAPIの作り方

こんにちはmacoです。 本記事では、PHPを使った簡単なJSONを返すAPIの作り方を解説します。 今回は、パラメータyour_nameに名前を与えると、Hello, ●●!が返されるAPIを作ってみます。 API側のコード...
HTML

JavaScriptでHTML5のvideoタグをキャプチャして表示する方法

本記事では、HTML5のvideoタグで埋め込んだ動画をJavaScriptでキャプチャして、ついでにPOSTできる形式にデータ化する方法を紹介します。 JavaScriptでHTML5のvideoタグをキャプチャして表示する方法 HT...
HTML

HTML5のvideoタグで1フレーム進む・戻るを実装する方法

こんにちは、macoです。 本記事では、HTML5のvideoタグで、1フレームずつ進むボタンと戻るボタンを実装する方法を解説します。 コード付きで解説するので、そのままコピペするだけで確認できると思います。 注意 この記事...
git

Gitの使い方をちゃんと分かるためのよく使うコマンドまとめ

こんにちは、macoです。 Git初心者で、コマンドの意味が分からない、どんなコマンドがあるのか知りたいと考えていませんか? この記事では以下の内容を解説します。 1.Gitの使い方をちゃんと分かるためのよく使うコマンド一覧 2...
CSS

Animate.cssがiPhone6sで動かない場合の対処法

Animate.cssがiPhone6sで動かない。 そんな経験はありませんか? この記事では、Animate.cssがiPhone6sで動かない場合の対策を紹介します。 ほとんどの場合、これから紹介するやり方で解決するはずです。...
npm

npm scriptsのbrowser-syncでSSI(サーバーサイドインクルード)を使う方法

こんにちはmacoです。 最近、gulpなどのタスクランナーからnpm scriptsに乗り換える人がいますが、npm scriptsのbrowser-syncでSSI(サーバーサイドインクルード)を使いたい場合もありますよね? ...
PHP

WordPressのgutenberg(グーテンベルグ)を元のエディタに戻す方法

こんにちはmacoです。 WordPressの新しいエディタ、gutenberg(グーテンベルグ)が使いにくいという声が多いようです。 僕はfunctions.phpに1行追加するだけで元のエディタに戻しました。 プラグインで...
CSS

CSSで変数を使う方法

こんにちはmacoです。 CSSでカラーコードや数値など、よく使う値を変数にすることができたら便利ですよね。 この記事では、CSSで変数を使う方法を紹介します。 変数の定義方法 変数はCSS内で次のように定義します。 :roo...
アドセンス

アドセンスの審査に通らないと嘆く前にやるべきことリスト

アドセンスの審査に通らない方へ。 アドセンスの審査に必要な準備をしたいけど何をしたら良いのかわからない、と考えていませんか? この記事では、以下の内容を解説します。 1.アドセンスの審査に通らないと嘆く前にやるべきことリスト ...