Vue.js: 親コンポーネントの文字列を置換して動的に子コンポーネントをレンダリングするMEMO

開発 Vue.js JavaScript

テキスト内のリンクを検出して自動的にリンク用のコンポーネントをレンダリングするみたいなことをするときにどうするのが良いのかよくわかってなかったので調べて、ちょっと実装してみた内容をメモしておきます(もっといいいやり方があるかも知れないです) …

2020-08-23

Vue.js: Composition APIを試してみたので使い方とかMEMO

Vue.js JavaScript 開発

Composition APIを色々触ってみたので使い方等をメモしておきます Composition APIとは簡単な使い方 install 有効化 Componentの定義 data computed methods props emit Options APIからComposition APIへの書き換え Options API Composition API おわりに …

2020-08-20

TypeScript: classに定義したstaticメソッドをinterfaceで型定義するときのMEMO

開発 JavaScript

classに定義したstaticメソッドをinterfaceで型定義しようとして下記のように書いたらエラーになってしまったのでどうすればいいのか調べたのでMEMO interface MyClassInterface { id: number, name: string, method(): void, static staticMethod(): void /…

2020-08-19

TypeScript: ジェネリック型を使って配列を扱うときに`extends Type`して`T[]`とするのと`extends Type[]`して`T`とする場合の扱われ方の違いMEMO

JavaScript 開発

下記のような場合に<T extends unknown>(arg: T[]) => T[]と定義した場合だけ、TypeScriptのコンパイル時にエラーが発生して🤔となったけど納得したのでMEMOしておきます📝 type TypeA = <T extends unknown>(arg: T[]) => T[] type TypeB = <T extends unknown[]>(arg: T) => T const funcA: a = (...args) => args const fu</t></t></t>…

2020-08-16

Markdown形式のテキストをRSpec形式に変換するGemを作りました💎

開発 Ruby

画面仕様書等、Markdownで整理していたものからRSpecを書き直すのが意外と手間と思うことがあったのでMarkdownで書いたものをRSpec形式のテキストに変換するGemを作りました。 github.com 使い方個人的な技術Topic RDoc::Markdownを使ってマークダウンから…

2020-08-09

Ruby: オレオレフレームワーク`makanai`を`v0.1.6`にアップデートしました🥳

Ruby 開発

先日、ほぼピュアなRubyで書いているオレオレフレームワークmakanaiをv0.1.6にバージョンアップしました github.com アップデートの主な内容は下記の通りです。 ✨ enabled to switch template engine Haml and ERB. github.com テンプレートエンジンが今まで…