【資料公開】TypeScript の社内勉強会を開催しました！

TypeScript JavaScript 勉強会

タイトルどおりなのですが、TypeScript の社内勉強会を開催しました！勉強会で使用した資料 https://gitpitch.com/tee-talog/try-typescript 今回は GitPitch を利用してスライドを作成しました。簡単にスライドが作れるので、それほどデザインにこだわら…

2019-06-12

既存プロジェクトに Prettier を導入したけど、コードレビューが辛すぎる件（ラノベタイトル風）

JavaScript ESLint Prettier ポエムコードレビュー

お気持ち表明（いわゆるポエム）です。前置き現在関わっている JavaScript プロジェクトには Prettier が入っていません。また、ESLint は入っていますが（Standard）、--fix をしていない状況です。そして、Vue.js を利用してしますが、eslint-plugin-v…

2019-06-02

ヘッダーを固定するならとりあえずこの 1 行を入れとけっていう CSS

CSS

TL;DR body { scroll-padding-top: <ヘッダーの高さ + α>; } 前置き下の記事では、ヘッダー・フッターは position: fixed; より Flexbox とか CSS Grid とかで作ったほうがいいのでは、的な話をしました（個人の感想です）。 www.tee-talog.com そうはいっ…

2019-05-29

ESLint が一部設定されている JS + Vue.js プロジェクトに Prettier を導入しようとしてハマった

JavaScript Vue.js ESLint Prettier Webpack

TL;DR eslint-plugin-vue を導入してから Prettier を入れないと、変な風にフォーマットされることがあるよ。 TL;DR 背景 Prettier を導入したい！導入方法 1. Prettier を実行してから ESLint を実行 2. ESLint と同時に Prettier を実行地獄どうしてこ…

2019-05-06

勇なま：マップを作った

JavaScript TypeScript ゲーム勇なま

現時点のソースはこちら github.com 進捗どうですかマップを表示して、カーソル移動をできるようにした。押しっぱなしも OK。アローキーと WASD でカーソル移動。G で初期位置に戻る。今後負荷がかかりそうなので、軽減のためにマップは表示されていると…

2019-05-06

勇者のくせになまいきだ。を再現してみたかった

JavaScript TypeScript 勇なまゲーム

記事リンクまだないよ。リポジトリ github.com 導入皆様は「勇者のくせになまいきだ。（略して勇なま）」をご存じでしょうか？一言で表すと、神ゲーです。思い出補正がかかっている可能性は否めないですが、モンスターを増やして勇者を倒すという、簡…

2019-04-28

Vue.js でアクセシビリティを考慮したダイアログのフォーカス移動を考えてみた

JavaScript TypeScript Vue.js

UI フレームワーク等ではすでに対応しているかもしれませんが、自分でも作ってみました。リポジトリ github.com src/App.vue : 親コンポーネント src/components/MyDialog.vue : ダイアログ本体サンプル https://tee-talog.github.io/vue-dialog-focus/ 背…

2019-04-21

Mac で npm の canvas をインストールするときにハマった話

npm Mac node-gyp

古いバージョンの canvas モジュールのインストール時に node-gyp もインストールされるが、エラーが発生してインストールできなかった。環境 macOS Hight Sierra ( version 10.13.6 ) やりたかったこと npm install canvas@1.x.x TL;DR brew install pkg-c…