webOpixel

javascript

jQuery＋CSS3で全画面表示するハンバーガーメニュー

Posted: 2019.01.31 / Category: HTML&CSS, javascript

jQuery＋CSS3を使用して、ハンバーガーボタンをクリックすると全画面メニューが表示するやつをやってみます！

Posted: 2018.12.19 / Category: javascript / Tag: Vue

Vue.jsのライブラリ Element UI には el-menu というナビゲーションを設定するコンポーネントがあるのですが、Vue Router を使用する場合 router-link コンポーネントをそのまま入れても一応動きますが、ちゃんとに設定する方法を知ったのでご紹介いたします。

Posted: 2018.12.14 / Category: javascript / Tag: Vue

Vue.jsはBabelなどを導入しなくても、scriptタグで読み込んで、わりと気軽に扱えるところも売りだったりします。
今回はVue.jsとaxiosを使用して、簡単なjsonファイルを読み込んで表示するということをしてみます。

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に対して絞り込み検索を実装します。