2020-07-01から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) 問題 ここのサイト…

研究室の週次レポートのテンプレート作成ツールを作成したよ!

成果物 作成したものがこちらになります。 成果物 使い方 結果 まとめ 今後 使い方 git cloneしてローカルに持ってくる cloneしたフォルダに移動する(しなくてもよい) $ npm i libフォルダのindex.jsでコマンドを入力する ./lib/index.js create -n <何か適…

JavaScript の 様々な for 書き方

for文の書き方 最近いろいろと知ったので、様々な JavaScript の for について紹介します。 for文の書き方 配列の中身を順次取り出す for for of forEach 配列の中のObjectの一部を取り出す for for of forEach for of + 分割代入 forEach + 分割代入 for of…

はてなブログのhtmlの記事をmarkdownの記事に変更する方法

問題 解決に向けて html to markdown markdownのtableがうまく変換されない問題 html table to markdown table 連結 はてなブログのリンクが勝手に入ってた 参考 問題 markdownで記事を書いて、ちょっとスマホでいじってたら消してしまったようです。 解決に…

Google Chrome v74 内で JavaScript の private を調査

こちらの記事によるとGoogle ChromeではJavaScriptのprivate利用ができるようになったみたいです。 private 試す 他のブラウザ Safari Firefox 備考 参考文献 private privateは#で表すようです。 それにいつの間にかprivate系のproposalがstage3に上がって…

【React】 hook を使う

噂のhookを使ってみる。今更な気もするけど。ここを見ると何とかできそう。 準備 hookを記述 serve useEffect useContext createContext() 実装 useReducer useMemoとuseCallback メモ化 useMemo useCallback 参考文献 準備 テンプレ作成。 ~/development ❯ …

React を Create React App から使う方法

cliをinstall フォルダ作成 Serve package.json 参考文献 cliをinstall create-react-appを使ってするのかな? npm i -g create-react-app /usr/local/bin/create-react-app -> /usr/local/lib/node_modules/create-react-app/index.js + create-react-app@3…

Mac 内で vim を拡張する | vimrc を利用

vimrcを見てみる 施す 結果 参考 vimrcを見てみる vi ~/.vimrc .vim まっさら!何にもない!びっくり! 施す こちらから虚無でコピペさせていただきます。 ありがとうございます! 結果 new_vim やったぜ! これでちょっとしたconfigの設定にVimを利用すると…

【Go】Tour of Go に沿って所感を書きながら勉強する

前回の導入編がこちらです。 さあ、How to Write Go Codeをやってみるぞ! How to Write Go Code A Tour of Go time go run Packages Imports Exported names Functions Functions continued Multiple results Named return values Variables, Variables wit…

Rust のインストールでは 最初にオプションを求められる

問題 以下のコマンドを実行して待っていれば勝手にinstallすると思っていた。 問題 ということで まとめ 参考文献 ▼コマンド curl https://sh.rustup.rs -sSf | sh ▼実行結果 info: downloading installer Welcome to Rust! This will download and install …

Vuguの公式HPのStart NowをAndroidから押すと端末がフリーズするので注意

2019/05/04現在 Vuguの公式サイトで問題が起こっていた。 2019/05/04現在 問題 解決策 対応状況 問題 AndroidのChrome起動 Vuguの公式HPにアクセス。https://www.vugu.org/doc/start ダメ絶対!やってはいけない→Start Nowを押すと問題発生 解決策 PCのchrom…

npm publishできないと思ったら、masterブランチを修正していなかった

やりたいこと Vue.jsのライブラリを開発中にnpmへアップロードしようと思ったら、npm publishが唐突にできなくなった。これを解消したい。 やりたいこと 問題 解決 参考 問題 以下のコマンドでnpmに公開する予定がダメ。 500のエラーが返ってきた。 npm publ…

Google Chrome でログインが必要なサイトにアクセスする度にidとpasswordを求めらるようになったときの解消方法

問題 困った 解決 まとめ スペシャルサンクス 問題 Google Chrome でログインが必要なサイトにアクセスする度にidとpasswordを求めらるようになった。 困った twitterに問題を書いて悲しいと呟いたら、Google Chrome さんからお困りですかって こちらのリン…