Devsway

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

【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

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

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

Posted Date 6月 22nd, 2019

Category in CSS

DNS providerってなに?

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

Posted Date 6月 16th, 2019

Category in Network

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

都内で一番大きいメガネショップってどこ?値段がピンきりのためいくつかおすすめのショップをまとめました。コスパを考えたら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

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

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

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

Posted Date 6月 4th, 2019

Category in Lifehack

カテゴリー

オレオレIT用語辞典