エンジニアリング-クライアントサイド-JavaScript
概要 記事数も200を超えてきたですが、昔の記事ってあまり読まれないのと(内容がうんぬんというのはありますが)、個人的にも過去記事をたまに見返すきかっけになるかな?と思い、過去記事をランダムで自動で投稿するようにしてみました。 うざいな〜と思っ…
概要 Vue Styleguidistで、アンダーバーつなぎの文字を書くと、勝手にアンダーバー「_」が省略される挙動の対策です。(多分ReactのStyleguidistでも発生する) 「HOGE_HOGE_HOGE」 -> 「HOGEHOGEHOGE」になります。 今までの www.moyashidaisuke.com www.mo…
概要 JavaScriptのドキュメンテンションツールのJSDocのfooterの日時を削除する方法です。 前回の www.moyashidaisuke.com 概要 どこのこと?何がダメなの? 対応方法 どこのこと?何がダメなの? defaultテンプレートを使った時のフッターの ここのことです…
概要 JavaScriptのドキュメンテンションツールのJSDocですが、最近のツールのようhot reload(コードを書き換えるとブラウザ開きっぱなしでも自動で更新してくれるやつ。hot build?hot replacement?)がありません。 既存のツールを組み合わせて実現する手…
概要 JavaScriptでsymbol型を使う事によって、enumっぽいものの実装ができます。 そこそここなれてきたので紹介します。 概要 前説 JavaScriptでenumを作るパターン 単純にconstで定義するパターン enumクラスを自作 何が不満? Symbol(シンボル)とは 実装…
事象 babelを使った環境でjsのコンパイル(ビルド、ホットリロード等なんでも)時に以下のエラーが発生する。 Error: Multiple configuration files found. Please remove one: - package.json#babel - .babelrc 何が起きているか babelの設定ファイルの bab…
事象 lintで以下のエラーが発生する。 error Parsing error: Unexpected token = class Hoge { /** * @type {Array} */ hoge = null; } 何が起きているか JavaScriptで標準化が完了していない機能はeslintに対応していません。 github.com 今回の例で言うと…
概要 serviceWorkerが効いてる時の挙動 やったこと おまけ serviceWorkerとは 手動で削除する場合の対応方法 Chromeの場合 まとめ 概要 ブログをgatsby.jsからはてなブログに戻しましたが、一度Gatsby.jsバージョンを開いていると、キャッシュが残ってしまい…
きっかけ www.jabba.cloud ちょうどシンプルなWebサービスを作るお仕事があったので、ちょうど良さそうと思ったので試してみる事に。 何が良さそう?(やってみる前の印象) GatsbyJS 他の静的サイトジェネレーター StaticGen | Top Open Source Static Site…
Laravelでvue使ってて、vueのunitテストをしたい場合に使う(Laravel関係なく使うと思いますが、、、)nodeのライブラリでvue-test-utilsがあります。 vue-test-utils.vuejs.org なのですが、npmなりyarnで入れる時のpackage名はvue-test-utils ではなくて @…
やってみました。 ちょっとしたwebアプリ作ってみようかなと思っているのですが、 スマホアプリにもするかもしれない reactNativeにするかも? というわけで、reactでweb版をとりあえず作ってみようかと。その準備としてチュートリアルやってみました。 ちな…
なんとか時間が取れたので参加してきました。 meguroes.connpass.com 当日の18:00に確認したら発表枠が1個だけあいていたので、慌てて管理者に直接連絡したら(commpassからの参加は締め切られていた)、速攻でOKの連絡いただいて、1時間で資料作って発表し…
行ってきました。第31回 HTML5とか勉強会 togetterHTML5勉強会は初めてです。こちらの記事でAngularJSが紹介されてて、面白そうと思ったのがきっかけです。 補欠でしたが、当日キャンセルが出てらしく参加できました。ラッキー。 Backbone.js Spine.js 素のJ…