Hiro_Matsunoのブックマーク - はてなブックマーク

Hiro_Matsuno id:Hiro_Matsuno

ブックマーク / qiita.com/taqm (5)

TypeScriptによるデコレータの基礎と実践 - Qiita
はじめにアドベントカレンダーに参加した途端に仕事が忙しくなったため、死にそうになりながらこの記事を書いています。早速ですがタイトルの通り「デコレータ」について少しまとめてみましょう。書くことデコレータの基礎 reflect-metadata 実践公式とりあえず何事も本家のドキュメントを見てみるのが一番公式公式の日本語訳デコレータはJavaScriptのStage-2状態の機能であり、今後仕様変更が入る可能性があります。ドラフト状態の仕様についての詳しい内容はこことかここ！ ↑の日本語訳サイトを読めば大体わかりますしこういった素晴らしい記事もあるので本記事では簡単なおさらい程度にします。デコレータとはデコレータとはクラスの宣言などにアタッチできる特別な宣言です。クラス宣言メソッドアクセサ(get, set) プロパティメソッド引数 ↑これらに適用するこ
Hiro_Matsuno 2019/04/16
リンク
HTMLのinputタグ[type=file]のブラウザごとの挙動について調べてみた - Qiita
はじめにみなさんHTMLタグの一つであるinputタグはご存知だと思います。その中でもtype="file"についてぼくはこんな疑問を持ちました。選択したファイルはどこのファイル？コピーとかされているの？これみなさん知っていますか？ちょこっと調べたんですがなかなか情報がなかったのでいろいろ自分で調査してみました。（本音は調査が面白そうだったのでそんなに本気で調べてないだけです仮説を立てるまずは仮説をいくつか立ててそれぞれを検証していきます A. ブラウザはファイル参照だけ持っている B. ファイル選択時にTemp領域へコピーしている C. メモリ上に抱えているたぶんこれらのどれかじゃないかなと思っており、個人的にはBが濃厚だと勝手に考えています。調査開始ファイルアップロード機能が必要なので簡単にファイルをアップロードするだけのアプリを自前で作りました。 http
Hiro_Matsuno 2019/01/07
リンク
TypeScriptでVuexを型安全に扱うライブラリを作りました - Qiita
はじめにこんにちは。みなさんVue&Vuex&TypeScript やってますか？ Vueクラススタイルコンポーネント向けのライブラリのなかで vuex-classというライブラリがすごく気に入ったのですが型安全ではありません。 ↑ リポジトリを見るとIssueは立ってるようですそこで今回、車輪の再発明を承知でライブラリを作りました！ vuex-class的な使い心地で型安全なものを目指しますコードまずは作ったものはこちら vuex-map-decorators 基本的にデコレータを実装しているので、実装内容より先に使い方を説明します。使い方シンプルな使い方 import { State, Mutation } from 'vuex-map-decorators'; interface SampleState { count: number; } interface Hog
Hiro_Matsuno 2018/10/15
リンク
VisualStudioCodeで.vueファイルにESLintを適応させる - Qiita
忘れないようにメモ VSCodeで.vueファイルを開いた際にそのままだとエディタ上でESLintが走ってくれなかったので調べてみました。 settings.jsonに以下を記載
Hiro_Matsuno 2018/01/27
リンク
プレミアムフライデーを求める関数(JavaScript) - Qiita
うちの会社では導入されなかったプレミアムフライデーを求める関数を作ってみました。コード対象の翌月から1日引いて対象月の最終日を取得。最終日が何曜日なのかを判定し、金曜日になるように日数を減算して完了 ※ 86400000 = 1000*60*60*24 function premium(year, month) { const d = new Date(new Date(year, month, 1) - 86400000); const w = d.getDay(); const n = 5 <= w ? w-5 : w+2; return new Date(d - n * 86400000); }
Hiro_Matsuno 2017/03/18
リンク
1