現在時刻を扱う処理をJavaScriptで書くことはよくあると思う。ある日時を過ぎていたらリンクを非活性にしたり。 そんなときにブラウザで試そうと思うとPCの時刻を変えるのが手軽なわけだ。 もちろん現在時刻をモックして変えられる仕組みを導入していればい…

ParcelとFirebase Hostingを使ってみて今はこんなに簡単にサイトが作れるんだと感動したので紹介。 先週こんなサイトを公開した。 reiwa-count-up.web.app ただの悪ふざけで作ったサイト。 平成のカウントアップなのにreiwa-count-upというサブドメインにし…

JavaScriptで指定の要素に適用されているスタイルや、特定のスタイルが適用されている要素を探したいときってあるよね。 そんなときに簡単にとろうと思ってJSでコードを書いてみると、 document.getElementById('hoge').style こんなコード書けばとれるんじ…

概要 この記事は Vue.js #3 Advent Calendar 2018 の 10 日目の記事です。 この記事ではVue.jsのスタイルガイドを今一度皆さんにすすめたいと思います。 jp.vuejs.org Vue.jsのスタイルガイドって？ Vue.jsでコードを書くときに命名や記述順序など細かい設計…

Vue.js Tokyo v-meetup #7 に参加してきました。 vuejs-meetup.connpass.com 募集開始が平日の12時で10分で一般参加枠もLT枠も埋まったのを見てVue.jsは人気なんだなと思いました。 しかも参加率99%と昨今のITイベントだと信じられないくらいの参加率・・・…

github.com Chrome ウェブストアに公開しているわけではないが、作った。 Ctrl + Shift + H で開いているページのホスト直下に飛ぶだけ。 いつもそのサイトのアイコンをクリックするとか面倒だったので。 Chrome拡張開発に関しては、Background ScriptsとかC…

Time Management Matrix 作ってみた。リポジトリは下記。 github.com Vue.jsとかSVG周りの勉強がてらなんか作るかーと思って作ってみた。 時間管理マトリックスってなんぞや？って人は下記を参照されたし。 www.franklinplanner.co.jp 概要 左下に入力項目の…

Webpackの4からCLIが別に切り出された。 なのでそれ以前のWebpackと同じように実行するとエラーが発生する。 > [project name]@1.0.0 dev [working directory] > webpack The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli'…