月: <span>2019年6月</span>

【Nuxt】スワイプイベントを考える・ライブラリ選定

なにしたいのかスワイプでなんかいいかんじにしたいどうすればいいのか・案の作成vue-touch最初はこれ使おうとしたんですけど This plugin is deprecated and not maintained a […]

Posted Date 6月 30th, 2019

Category in Nuxt.js, Vue.js

【Nuxt】scssとsassを混同させて失敗した。

いきさつもともと気分でscssとsassを混同させていた。なにがおきたかstyleResourcesを使用して共通の変数とかmixinをインポートしようとしたときに詰んだ。これはすべてのcss部分に共通のsass/scs […]

Posted Date 6月 29th, 2019

Category in Nuxt.js

メディアクエリーどうするのがいい感じかな問題

いきさつSP対応サイトを作らないといけないことになったが、メディアクエリーってどういう感じでやるのがいい感じなのかなぁ？メディアクエリーとは?デバイスによってCSSを分けるやつです。if文みたいな感じで使えます。設計方...

Posted Date 6月 29th, 2019

Category in CSS, 設計思想

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

【CSS】heightを親要素いっぱいになるようにしたい

heightはめんどくさい。前提知識widthの100%の場合、横いっぱいになるようになるが、heightの場合はそのようにはならない。・・・・なのでどうしようという話。親要素いっぱいに広げるには？flexをうまくつかい […]

Posted Date 6月 22nd, 2019

Category in CSS

【nuxt】トラッキングサービスのscriptを埋め込む

いきさつgoogle analyticｓをセッティングしないといけないことになった。面倒なことにgoogle analyticls以外もあるみたい。。どうしよう。。google analyticsの場合nuxt燻製のもの […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

DNS providerってなに？

いきさつドメインの設定とかしようと思ってたらハマりました。DNS providerがうんたらかんたら。。。TTLってなに？3600ってなに？Time To Live（タイム・トゥー・リブ）の略TTL3600の場合、360 […]

Posted Date 6月 16th, 2019

Category in Network

【Nuxt】Nuxt+typescriptでfetchが効かない。

答えvue-decoratorの中で書かないとダメみたい。参考https://github.com/nuxt/nuxt.js/issues/5330

Posted Date 6月 9th, 2019

Category in Nuxt.js

都内で一番大きいメガネショップってどこ？

都内で一番大きいメガネショップってどこ？値段がピンきりのためいくつかおすすめのショップをまとめました。コスパを考えたらJINSかzoffがおすすめなので、両方の旗艦店がある原宿に行くのがおすすめ！JINS 原宿店多分いま […]

Posted Date 6月 4th, 2019

Category in Lifehack

【CSS】CSSでborderを透過(Opacity)させる

いきさつあれ？これってできないんですね・・汗border: 1px solid rgba(255, 0, 0, 0.5); どうしたらできる？答えbackground-clip: padding-b […]

Posted Date 6月 3rd, 2019

Category in CSS

【JavaScript】Iteratorを使いたい。

いきさつマップオブジェクトでいい感じにイテレータを使いたかったんですけど、希望するものがなかったのでちょっと自作してみようかな、と思いました。どうやってやるのかJSのAPIでジェネレーターっていうものを提供してくれるみた […]

Posted Date 6月 30th, 2019

Category in JavaScript

【CSS】スマホだけメディアクエリーが効かない

はじめにむむむ。。ふつーにブラウザで縮小するぶんには効くんだけどなー。。なんだこれ。できた参考https://stackoverflow.com/questions/17344339/media-query-not-wo […]

Posted Date 6月 29th, 2019

Category in CSS

sass<->scssを変換する

こんにちはここでできます。便利！https://www.sassmeister.com/

Posted Date 6月 29th, 2019

Category in CSS

URLスキームとは？

URLスキームとは？https://devsway.net のhttps://部分です。というか{ほにゃらら}://の部分。なのでhttps、http以外もありえます。どんな場合があるかというとスキ […]

Posted Date 6月 23rd, 2019

Category in 未分類

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+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

【git】コマンドでマージする

経緯なんやかんやいつもGUIでやってるのでやりかた知らなかったです。こうやる例 masterブランチにfeature/issue_fooブランチを取り込む場合。とりこむ元?ベースとなるブランチに移動しておくgit co […]

Posted Date 6月 16th, 2019

Category in Git

【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

都内で一番大きいFrancfranc(フランフラン)ってどこ？

都内で一番大きいFrancfranc(フランフラン)ってどこ？第１位青山店総面積：約350坪。2階建て。ブランド最大の旗艦店です！！ここにいっておけば間違いないです。MAPで見る第2位新宿サザンテラス店もうひとつの旗 […]

Posted Date 6月 4th, 2019

Category in Lifehack

nuxt.js SSR 最初のlaoding…の画面のまま進まない・・・

結構ハマりました。。。ここね。。治す方法// Nuxt.js をオプションとともにインスタンス化する const config = require(“./nuxt.config.js”); confi […]

Posted Date 6月 1st, 2019

Category in Nuxt.js

Devsway

日々の記録とか記憶とか。

記事一覧