webOpixel

javascript

ヘッドレスChromeでWebサイトのスクリーンショットを一括生成する

Posted: 2018.12.06 / Category: javascript

GoogleChromeにはコマンドやプログラムから実行できるヘッドレスモードがあります。
今回はこの機能を使用してURLのリストから複数のスクリーンショットを一括作成してみます。

Posted: 2018.11.28 / Category: javascript / Tag: Vue

Vue.jsでフォームバリデーションをしたい場合、多くのライブラリがあったりするので何がいいかなと悩んだりしますが、Element UI を導入している状態ならバリデーション機能が組み込まれているということなのでした。

Posted: 2018.11.26 / Category: javascript / Tag: Vue

Vue.js + Vuexでログイン機能を作るだけだと、ブラウザをリロードすると初期化されログアウトした状態になってしまいますね。
vuex-persistedstate というライブラリを使用するとストアの永続化を簡単に実装することができます。

Posted: 2018.11.21 / Category: javascript / Tag: Vue

LaravelでSPA（タスク管理アプリ）作る日記5回目です。今回はVuexのStateに対して絞り込み検索を実装します。

Posted: 2018.11.16 / Category: javascript

JavaScriptの日付操作ライブラリではMoment.jsが有名ですが、同等の機能を持ち、軽量（2KB）で多くのブラウザをサポートしたDay.jsをご紹介します。

Posted: 2018.11.14 / Category: javascript / Tag: Laravel, Vue

LaravelでSPAなタスク管理アプリ作る日記4回目です。前回はLaravelでWebAPIのCRUDを作成したので、今回はこのAPIをVue+Vuexで使用してフロント側のCRUDを作っていきます。

Posted: 2018.10.23 / Category: javascript / Tag: Vue

Vue.jsのコンポーネントライブラリにElementUIというのがあります。そのままでもいい感じなのですが、ちょっと色とかマージンを調節したいケースがあるかと思います。そこでここではカスタマイズの方法をご紹介します。