axiosオフライン時の挙動、そしてエラーハンドリング
いきさつaxiosでエラーオフライン時ってどうなるんだろう・・こうするネットワークエラーの場合はerrorのオブジェクトの中にそもそもオブジェクトで返ってこない。だからこれでよいaxios.request(options […]
Posted Date 7月 24th, 2019
Category in JavaScript
Nuxtをfirebaseにデプロイしたらたまに「cannot get /」になる
最初に調べたのですが、わからない。。諦めました。なにがあった？nuxtをfirebaseにdeployしたところちょいちょい「cannot get /」になることがありました。ちょいちょいと言ってもずっと(長時間)アクセ […]
Posted Date 7月 13th, 2019
Category in firebase, Nuxt.js
【JavaScript】Iteratorを使いたい。
いきさつマップオブジェクトでいい感じにイテレータを使いたかったんですけど、希望するものがなかったのでちょっと自作してみようかな、と思いました。どうやってやるのかJSのAPIでジェネレーターっていうものを提供してくれるみた […]
Posted Date 6月 30th, 2019
Category in JavaScript
【Nuxt】scssとsassを混同させて失敗した。
いきさつもともと気分でscssとsassを混同させていた。なにがおきたかstyleResourcesを使用して共通の変数とかmixinをインポートしようとしたときに詰んだ。これはすべてのcss部分に共通のsass/scs […]
Posted Date 6月 29th, 2019
Category in Nuxt.js
TypeScriptの「…」演算子について
いきさつちょいちょい出てくるけどあんまりわからんとです。「…」ってなに？スプレッド演算子(Spread Operator)って言います。基本基本的にはあまりモンを展開するvar [x, y, …foo] […]
Posted Date 6月 23rd, 2019
Category in JavaScript, TypeScript
Nuxt・Vueで画像の遅延読み込み
いきさつ遅延読み込みがしたいよーどうすればいいのー？解決方法いいかんじのライブラリみつけた。https://github.com/alexjoverm/v-lazy-imageIntersection Observer […]
Posted Date 6月 22nd, 2019
Category in Nuxt.js, Vue.js
【nuxt】トラッキングサービスのscriptを埋め込む
いきさつgoogle analyticｓをセッティングしないといけないことになった。面倒なことにgoogle analyticls以外もあるみたい。。どうしよう。。google analyticsの場合nuxt燻製のもの […]
Posted Date 6月 16th, 2019
Category in Nuxt.js
【Nuxt】Nuxt+typescriptでfetchが効かない。
答えvue-decoratorの中で書かないとダメみたい。参考https://github.com/nuxt/nuxt.js/issues/5330
Posted Date 6月 9th, 2019
Category in Nuxt.js
nuxt.js SSR 最初のlaoding…の画面のまま進まない・・・
結構ハマりました。。。ここね。。治す方法// Nuxt.js をオプションとともにインスタンス化する
const config = require(“./nuxt.config.js”);
confi […]
Posted Date 6月 1st, 2019
Category in Nuxt.js
ES6でのArrayユニーク
こうnew Set([1, 2, 3, 1, 2, 3])
またはこう[ …new Set([1, 2, 3, 1, 2, 3]) ]
Posted Date 5月 4th, 2019
Category in JavaScript, TypeScript
【gitHub】We found a potential security vulnerability in one of your dependencies.を修正する
現状を確認するnpm audit
解決策がある(提示されている)場合=>それを実行する。解決策がない場合=>じぶんでなんとかするしかない。具体的にどういうことになっているのか？package.jso […]
Posted Date 5月 3rd, 2019
Category in GitHub, npm
【npm】同じようなパッケージを爆速で比較できる方法
簡単に比較できる方法ないかしら・・・主婦（88歳）そんなあなたにnpm trends！！！！！たとえばカルーセルのやつを比較したいときとかに使えます。使い方多分説明不要。見ればわかります。使用例早速カルーセル系を比較して […]
Posted Date 3月 30th, 2019
Category in npm, Utility Tools
公開したnpmパッケージを更新する
手順その１ ふつーにコードを編集まずは変更するそのものを作ります。もちろんソース管理しているgitリポジトリのほうにもプッシュしときましょう！手順その2 npm version patch編集が終わったらnpm vers […]
Posted Date 3月 7th, 2019
Category in npm
npmに自分のモジュールを公開する
はじめに公開したnpmパッケージを更新するはこちら(todo)ユーザー登録する Sign Up!! (あとでアカウント情報は変更可能です)https://www.npmjs.com/signup注意!!メール認証があるの […]
Posted Date 2月 19th, 2019
Category in npm
JQueryのテストコードをブラウザは実行する
はじめにPHPは以前やったんですけど、JQueryとかのJavaScript + ライブラリってどうやったらいいんだろね？PHPのテストコードをウェブ上で実行したい。開発環境だなんて言わないで。やっぱりCodePen最高 […]
Posted Date 2月 16th, 2019
Category in JavaScript
Parcelの時代が来た。まだwebpackで摩耗しているの？
みたいなタイトルの記事が絶対出回るんだろうなぁ…（予測）Parcelってなに？webpackと同じバンドラーです。webpackとの違いは？機能が最低限な代わりにめちゃくちゃシンプルです。設定ファイルいりませ […]
Posted Date 1月 30th, 2019
Category in JavaScript, Parcel
node jsのバージョン管理について nodebrew vs nodeenv
はじめにnode.jsの入れることになったんだけどnodeのバージョン管理っていくつか選択肢あるぶん、少し迷うのよねぇん。。ざっと見ただけでも– nodeenv– nodebrew– […]
Posted Date 1月 7th, 2019
Category in Node.js
JavaScriptのprototypeとは？2019-01-04バージョン
はじめにまたわからなくなった。😭JavaScriptのprototypeとは？JavaScriptは関数はファーストクラスオブジェクトです。。というのはもうわかってる前提です。オブジェクトってことはメソッドはプロパティを […]
Posted Date 1月 4th, 2019
Category in Basic, JavaScript
Hello Nuxt js
はじめにNuxt.jsとは？vue.jsをこういうふうに使ったほうがいいよ！みたいなやーつ。読み方は？インストールインストールしたのでdev_server起動してみるcd {プロジェクトname}npm run devデ […]
Posted Date 1月 3rd, 2019
Category in Nuxt.js, Vue.js
vue SSRでCannot read property ‘push’ of undefinedが出て詰んだ話
何をしたか？vue の公式ssr化ガイドを読んでそのとおりにやろうとしました。https://jp.vuejs.org/v2/guide/ssr.htmlどこで積んだか？全部やってnodemonでサーバー立ち上げてloc […]
Posted Date 1月 3rd, 2019
Category in Vue.js
BLOB URLとはなにか？
参考src=”blob:https://example.com.video”とかってなに？Blob URLは、ブラウザによって内部でのみ生成できます。 URL.createObjectURL（）は […]
Posted Date 8月 11th, 2019
Category in HTML, JavaScript
expressではCORSが必要
はじめにハマりました・・・前にもハマったような・・・なんかちゃんと理解してないからこういうことになるだよね〜これが必要！！ res.header(“Access-Control-Allow-Origin”, “*”);& […]
Posted Date 7月 14th, 2019
Category in Node.js
このファイルではTypeScriptを無効にする、記述方法
TypeScriptを無効にする次の行だけ// tslint:disable-next-line
ts-lint/* tslint-disable */
/* eslint-d […]
Posted Date 7月 9th, 2019
Category in JavaScript, TypeScript
【Nuxt】スワイプイベントを考える・ライブラリ選定
なにしたいのかスワイプでなんかいいかんじにしたいどうすればいいのか・案の作成vue-touch最初はこれ使おうとしたんですけど This plugin is deprecated and not maintained a […]
Posted Date 6月 30th, 2019
Category in Nuxt.js, Vue.js
TypeScriptのジェネリックとは？
いきさつこれがいまいちわからない。。ジェネリックの意味汎用とか、後発的、という意味です。基本は型の変数みたいなもんです。なんらかの型を使うことだけ決めておいて、インスタンス化するときにその型を決めること […]
Posted Date 6月 23rd, 2019
Category in JavaScript, TypeScript
firebaseでエラーがでるときにエラーの詳細を見る
いきさつfirebaseすぐこの画面になる。。。。しかもfirebaseコンソールのエラー表示もない。。。500エラーってことしかわからん。。。どうしたらいいの。。。こうしたらできた。curlつかったらいいかんじにかえっ […]
Posted Date 6月 22nd, 2019
Category in firebase, Nuxt.js, Vue.js
nuxt+typescriptでlayoutプロパティを有効にする
ｆ## いきさつなんかふつーにpublic layouts = “foo_layout”
みたいな感じにしたら。。。。効かない。。こうするpublic static layout = ” […]
Posted Date 6月 16th, 2019
Category in Nuxt.js
【nuxt】headタグを動的にする方法
headメソッドを使う各pageコンポーネントの中でheadタグを使用して設定することができます。たぶん例を見たほうがわかりやすいですexport default {
data () {
retu […]
Posted Date 6月 16th, 2019
Category in Nuxt.js
【Nuxt】組み込み済みの環境変数「process.env.NODE_ENV」
組み込みらしいです。おそらくnuxt コマンドの場合process.env.NODE_ENV === development
nuxt build コマンドの場合process.env.NODE_E […]
Posted Date 6月 8th, 2019
Category in Nuxt.js
Nuxt + Typescript でlayoutプロパティが効かない・・
現象開発環境ではレイアウトきいているのだが、ターミナルの方にはエラーメッセージ。nuxt buildもそれでコケる。エラー内容 Argument of type ‘{ layout: string; }’ is not […]
Posted Date 5月 6th, 2019
Category in Nuxt.js
Nuxt.js+typescriptの際のgetterの使用方法
l## いきさつ公式のところにどうやって使うのかの例がのってなかったので少しハマりました。これでいけた//store側
// in the ファイル.ts
export const getters = […]
Posted Date 5月 3rd, 2019
Category in JavaScript, Nuxt.js, TypeScript, Vue.js
【Parcel】ビルドした本番用データのパスをよしなにする
現象ビルドしたやつを確認したらスタイルがちゃんとあたってない！！ビルドした際のパスがおかしかったみたい。絶対パスで/ビルドした.js
となっているので相対パスにしたい。./ビルドした.js
[…]
Posted Date 4月 13th, 2019
Category in Parcel, 未分類
display:noneからdisplay:blockのときにアニメーションさせたい
概要何がしたいか？なんとなくただdisplay:blockでポンと表示されるだけなのは味気ないのでなんかいい感じにアニメーションにしたい・・・前提jQueryです。試したけどうまくいかなかったこと普通に$(‘.hoge’ […]
Posted Date 3月 19th, 2019
Category in CSS, JavaScript, jQuery
世界一わかりやすくもないasync/await
はじめにうーん、いつもでてくる度にこれなんだっけ？てなるのでまとめました。async/awaitとは？ざっくりいうと非同期をいい感じするためのものです。非同期処理をするためのものといえばcallback関数、それを進化さ […]
Posted Date 2月 23rd, 2019
Category in JavaScript
【JavaScript】現在のスクロールが上か下か判断するやつ
つくってみたよ。let 直前のスクロール位置 = 0;
$(window).scroll(function(e){
let 最新のスクロール位置 = $(this).scrollTop(); […]
Posted Date 2月 16th, 2019
Category in JavaScript, jQuery
parcelのGet Startedをやってみた
## まずはparcelコマンドをグローバルにインストールnpm install -g parcel-bundler
mkdir parcel && cd parcel
& […]
Posted Date 1月 30th, 2019
Category in JavaScript, Parcel
JavaScriptアノテーションとは？
はじめにJavaScriptでannotation（@マークのことね）がでてきて、「なんやねんこれ..?」ってなりました。アノテーションじゃなくてデコレータ呼び方が違います。注意なにをするためのもの？クラスやメソッドに機 […]
Posted Date 1月 7th, 2019
Category in JavaScript, TypeScript
nodeモジュールの作り方【ひとりでできるもん】
概要packge.jsonindex.jstest公開まずはじめにpackage.jsonそのモジュールの説明書となるpackage.jsonを作成します。https://docs.npmjs.com/creating- […]
Posted Date 1月 6th, 2019
Category in npm
JavaScriptのthisとは？呼び出しコンテクストとは？
はしめにJavaScriptのthisとかいう初心者殺しポイント。これを理解して中級者にステップアップしましょう。まずはじめに関数内のthisとは？JavaScriptの関数には隠しパラメータ的なものを必ず２つ持ちます。 […]
Posted Date 1月 4th, 2019
Category in Basic, JavaScript, 未分類
既存のvue.jsをnuxt.jsに移行する際のベストプラクティス
はじめにvueでやろうと思ったけどやっぱサーバーサイドでレダリングしたいからNuxt使ったほうが良さそうだな…というかわけで既存のvueをNuxtにしたいわけだけどどうやったらいい感じになるんですか？おそらく […]
Posted Date 1月 3rd, 2019
Category in Nuxt.js, Vue.js
最近のコメント