2020-07-21から1日間の記事一覧

TypeScriptのpackegerのtsdxを試してみるよ!

tsdxを試すよ! 0コンフィグらしい。便利そうだね! どんなライブラリを作るか 【結果的にやらなくて良かった】環境を整える npm管理下にする 実装 【ここからやればOK】tsdxを使ってライブラリを作成 tsdxをglobalにinstall フォルダ作成 実装 watchしてみ…

【Vue.js】 SCSS や LESS を使う方法

やりたいこと Vue.js で scssやless を使ってみたい。ということで Vue.js + scss の環境とVue.js + less の環境を構築してみる。そして、どちらとも少し利用してみる。 やりたいこと Vue.js + SCSS Vue CLIで簡単にSCSSを入れる Nesting Operators インライ…

【Vue.js + Storybook】インストールからVue Component を表示

やりたいこと Storybook って何かと聞くやつを使ってみたい。 Vue.js からでも使えそうな感じなので試してみるよ。 やりたいこと Automatic setup Vue Componentの表示 ファイル作成 TryStorybookButton.vue index.stories.js 成果 つまったところ 参考文献 …

React の useMemo は Vue.js の computed に近いのではないかという説

はじめに React.jsを触らないといけない今日この頃。useMemoというReact hookに出会った。これはメモ化した値を返してくれるやつ。漠然とキャッシュで値を保持できて、いろんなものの表示速度が上がるのかなって思ってた。 だけど、それ以外にも、Vue.jsのco…

Vue.jsのコンポーネント間で値の共有をする5つの方法|書き途中

やりたいこと Vue.jsでコンポーネント間での値の共有をしたい。 親子関係問わず行えるとOK。 やりたいこと 方法 V-bind/Props/Emit ディレクトリ parent.vue child.vue State Management Library (etc: Vuex, Redux... ディレクトリ index.html index.js ind…

oss?にプチ貢献|awesome-styleguides に Vue.js のリンクを追加

tl;dr awesome-styleguidesにvueのスタイルガイドを追加 tl;dr はじめ 流れ レビュー マージ はじめ pyhonのスタイルガイドを探してみました。その時に、もしかしてawesome系のスタイルガイドあるのかもと疑問に思い検索しました。 そしたらありました。pyth…

Vue.js でのimport HogeComponent from 'hoge-component'は<template>で<hoge-component>と書ける

はじめに Vue.jsのアッパーキャメルケースからケバブケースへの変換をわざわざ手入力でしていましが、それをしなくとも自動的にVue.jsがしてくれることに気づいたのでそれについて記入。 はじめに 環境 概要 ちなみにpropsでも 問題 まとめ 環境 利用してい…

Windows8.1でgccを動かすメモ|MinGW-W64を利用

windowsでgccが使いたくなったのでその時の導入メモ 環境 入れるもの install パスを通す 開いたwindowを閉じる 確認 環境 OS: Windows8.1 Pro 入れるもの MinGW-W64 install ここからDLする。 そしてinstallerに従いinstall。 パスを通す windowsキーを押す…

cliからパスをzshrcに追加

Thx tcpdump >> 疑問 Thx tcpdump どうやるのか疑問に思ってたけど解決できた。 tcpdumpをhomebrewで入れたときに、丁寧に説明してくれたおかげ。 ありがとうございます! echo 'export PATH="/usr/local/opt/libpcap/bin:$PATH"' >> ~/.zshrc こんな感じで…

Firefox の drag, dragend イベントは clientX, clientY の値が0になる

はじめに ドラッグ&ドロップを利用し、JavaScriptでとある機能を実装しているときに、clientX, clientYの値がブラウザ毎に変わるので調査しました。 はじめに 環境 問題 他のブラウザ 対応状況 解決案 参考 環境 firefox: 61.0.1 (64-bit) 問題 ここのサイト…