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 さんからお困りですかって こちらのリン…

Braveブラウザをインストールしてみた

braveをmacにダウンロードして使ってみた。 次世代 らしい。 広告が表示されなくなった。 それに早くwebページを表示できるらしい。 WebAssemblyも動いてた 前にVuguで作成した https://tomatoaiu.github.io/vugu-add-remove-list/dist/ にアクセスしてWebAs…

Mac OS Mojaveのダークモードを利用するとchromeのブックマークバーが黒くなり一部のアイコンが見えなくなる問題

問題 微妙な隙間が空いて気になる。 画像の赤丸のところがはてなブログのアイコン箇所。 ブックマークバー 問い合わせ こんなしょうもないことで問い合わせすることは、どうかと思ったが気になるのでお願いしてみた。 一応、申し訳なさから返信不要で問い合…

授業で習わなかったJava

大学二年生の頃にjavaを授業で学んだが、その時に習わなかったjavaの使い方メモ。 javaをあまり使っていないので構文や使い方に間違いがあるかも。 目次 lambda try-with-resources nio stream-api optional var lambda ラムダ式。こちらを参照しました。 Ru…

学生プログラマーしてるけどwindowsとmacどっちがいいか比べた主観メモ

新しいノートパソコン欲しい。だから調べるぞ! 新しいの欲しいけどノートパソコンどうしよう 買うとしても、windows pc か mac pcを買うかで悩みます。 なので、主観で比べてみます。chrome os とか linux os等には触れません。 さらっと主観比較 機能比較 …

ある学生が 東北Tech道場 盛岡道場の運営 をしてみて

私の学生時代での一番の失敗は、盛岡道場の運営になりそうです。 東北Tech道場とは? 簡単に紹介すると、東日本大震災を受けて、テクノロジーで支援できないかと発足した組織になります。この組織は東北の各地にいくつか支部があります。そのうちの1つが盛岡…

20190511~12で逆求人面談に参加してきたよ

サポーターズさんの逆求人面談に参加してきた! 良かったこと 就職先の候補を考えることができた インターンについての情報を知ることができた 人との縁を繋ぐことができた 自分の思考を成長させることができた 自分の思考を成長させることができた 特には、…

競技プログラミングサークルに参加してみて【初日】

今週の月曜日に競技プログラミングサークルに参加してきました。 参加理由 以下の理由から参加を決意しました。 プログラミングが遅いと感じていたため少しでも速くコードが書きたい SPIのスコアが最底辺を掠めるので数学的な思考能力も鍛えたい サークル加…

2018年僕が買ったICTやプログラミングに関する本

2018年もそろそろ終わりそうです。 そんな2018年に買った本たちを並べたいと思います。 初めての自動テスト ―Webシステムのための自動テスト基礎 まだちゃんと読んでない。 web開発でテストを書きたかった時期。 ゼロからはじめるLinuxサーバー構築・運用ガ…