JavaScript

JavaScript

Vueでpropsの変更を検知する方法

Vueでpropsの変更を検知する方法 今回はpropsで受け取る変数をhogeとします。 // ・・・省略・・・ props: // ・・・省略・・・ watchを使い、hogeが変更された場合にその変更を検知できます。 /...
HTML

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

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

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

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

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

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

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

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

Vue.jsで簡単なタスク管理アプリを作ってみよう

Webアプリを作る機会があり、Vue.jsについて学んだので、今回は簡単なタスク管理アプリを作成しながら、Vue.jsについてまとめてみようと思います。 実際に作ったものはこちら Vue.jsとは Vue.jsは、MVVMを採用し...
JavaScript

npm-scriptsでよりスマートな開発環境を作る

タスクランナーとして有名なgulpやgruntですが、 学習コストが高い上、gulpで得た知識がgulpでしか使えなかったり、 プラグインを介してモジュールを使うため、プラグインの更新が滞ると、使いたいモジュールが使えなかったり...
gulp.js

そのパスあってる?gulp env: node: No such file or directoryと出た場合の対処法

gulpコマンドでこのエラーこのエラーが出るのは、 パスが通っていないのが原因です。 まずは、.bash_profileがあるか確認。 macの人は「command + shift + る」で隠しファイルを表示してみましょ...
gulp.js

gulp-connect-phpを使ってgulpでPHPを動かす方法

gulp.jsのローカルサーバーで簡単にPHPを使えるようにする方法を紹介します。 gulpでローカルサーバーを作る際、「gulp-connect」というモジュールを使いますが、この「gulp-connect」ではPHPを使うことがで...