もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。プログラム関連とかギター関連とか旅行関連とか色々。

エンジニアリング-クライアントサイド-JavaScript

【vue】Vue Styleguidistの使い方を説明⑤ 〜アンダーバーが勝手に省略される挙動対策〜

概要 Vue Styleguidistで、アンダーバーつなぎの文字を書くと、勝手にアンダーバー「_」が省略される挙動の対策です。(多分ReactのStyleguidistでも発生する) 「HOGE_HOGE_HOGE」 -> 「HOGEHOGEHOGE」になります。 今までの www.moyashidaisuke.com www.mo…

【JavaScript】JSDocでfooterの作成日時を消す

概要 JavaScriptのドキュメンテンションツールのJSDocのfooterの日時を削除する方法です。 前回の www.moyashidaisuke.com 概要 どこのこと?何がダメなの? 対応方法 どこのこと?何がダメなの? defaultテンプレートを使った時のフッターの ここのことです…

【JavaScript】JSDocでhot reloadを無理やり有効にするやり方

概要 JavaScriptのドキュメンテンションツールのJSDocですが、最近のツールのようhot reload(コードを書き換えるとブラウザ開きっぱなしでも自動で更新してくれるやつ。hot build?hot replacement?)がありません。 既存のツールを組み合わせて実現する手…

【JavaScript】Symbolを駆使してenumぽいものを定義する

概要 JavaScriptでsymbol型を使う事によって、enumっぽいものの実装ができます。 そこそここなれてきたので紹介します。 概要 前説 JavaScriptでenumを作るパターン 単純にconstで定義するパターン enumクラスを自作 何が不満? Symbol(シンボル)とは 実装…

【JavaScript】babelで「Multiple configuration files found. Please remove one」エラー

事象 babelを使った環境でjsのコンパイル(ビルド、ホットリロード等なんでも)時に以下のエラーが発生する。 Error: Multiple configuration files found. Please remove one: - package.json#babel - .babelrc 何が起きているか babelの設定ファイルの bab…

【JavaScript】パブリックフィールドとプライベートフィールドの宣言をbabel-eslintでlintに対応させる方法

事象 lintで以下のエラーが発生する。 error Parsing error: Unexpected token = class Hoge { /** * @type {Array} */ hoge = null; } 何が起きているか JavaScriptで標準化が完了していない機能はeslintに対応していません。 github.com 今回の例で言うと…

インストールされてしまったServiceWorkerを自動で削除する(前バージョンのブログトップページが表示されてしまう場合の対策)

概要 serviceWorkerが効いてる時の挙動 やったこと おまけ serviceWorkerとは 手動で削除する場合の対応方法 Chromeの場合 まとめ 概要 ブログをgatsby.jsからはてなブログに戻しましたが、一度Gatsby.jsバージョンを開いていると、キャッシュが残ってしまい…

GatsbyJSのチュートリアルやってみた

きっかけ www.jabba.cloud ちょうどシンプルなWebサービスを作るお仕事があったので、ちょうど良さそうと思ったので試してみる事に。 何が良さそう?(やってみる前の印象) GatsbyJS 他の静的サイトジェネレーター StaticGen | Top Open Source Static Site…

【vue】vue-test-utilsは@vue/test-utils になってるよ

Laravelでvue使ってて、vueのunitテストをしたい場合に使う(Laravel関係なく使うと思いますが、、、)nodeのライブラリでvue-test-utilsがあります。 vue-test-utils.vuejs.org なのですが、npmなりyarnで入れる時のpackage名はvue-test-utils ではなくて @…

react.jsのチュートリアル(Tutorial: Intro to React)をやった その1

やってみました。 ちょっとしたwebアプリ作ってみようかなと思っているのですが、 スマホアプリにもするかもしれない reactNativeにするかも? というわけで、reactでweb版をとりあえず作ってみようかと。その準備としてチュートリアルやってみました。 ちな…

Meguro.es #13 @ ラクスル に参加した

なんとか時間が取れたので参加してきました。 meguroes.connpass.com 当日の18:00に確認したら発表枠が1個だけあいていたので、慌てて管理者に直接連絡したら(commpassからの参加は締め切られていた)、速攻でOKの連絡いただいて、1時間で資料作って発表し…

第31回 HTML5とか勉強会 JavaScript MVCフレームワーク に参加してきた #html5j

行ってきました。第31回 HTML5とか勉強会 togetterHTML5勉強会は初めてです。こちらの記事でAngularJSが紹介されてて、面白そうと思ったのがきっかけです。 補欠でしたが、当日キャンセルが出てらしく参加できました。ラッキー。 Backbone.js Spine.js 素のJ…