vaguely

和歌山に戻りました。ふらふらと色々なものに手を出す毎日。

Babelを使ってみようとしたらハマった話とドラッグで要素を動かしてみたい話

はじめに Babel と Webpack を使う サンプルコード(失敗) はじめに 投稿が大変遅れましたが、この記事は JavaScript Advent Calendar 2019 の13日目の記事です。 要素をドラッグして動かしたい。 せっかくなので JavaScript で書いてみよう。 と思ったら Bab…

Angular で PWA に挑戦したい話

はじめに インストール はじめに ※2019/12/06 一旦書き終わったところだけ公開いたします。 残りは仕事が終わったあと追記予定です(..)_ この記事は PWA Advent Calendar 2019 の 6 日目の記事です。 JSConf China 2019 で聴いて以来気になってはいた PWA(Pr…

【TypeScript】type の使いどころが知りたい話

はじめに type について interface と type aliases いつ type aliases を使うべきか? 参照 はじめに ※2020/04/12 お前の仕事はいつまで続くんだという話ですが、ようやく書き終わりました。。。 この記事は TypeScript Advent Calendar 2019 の 6 日目の記…

ASP.NET Core + Entity Framework Core のプロジェクトを 2.2 から 3.0 にアップグレードした話

はじめに 元のプロジェクト 3.0 にアップグレードする エラーを修正する おわりに はじめに この記事は C# Advent Calendar 2019 の二日目の記事です。 冷静に考えるとこれを C# の話として書いていいのか?と今更ながら思ったりもするのですが、プロジェク…

Angular(ver.8.2) のページを IE11 に対応させたい話

はじめに IE11 でページを表示する 背景色に Alpha のある色を設定する Grid layout を有効にする おわりに はじめに この記事は Angular #2 Advent Calendar 2019 一日目の記事です。 以前からちょろちょろ触っていた Angular ですが、そろそろ試しに使って…

JSConf China 2019 in 上海参加記録( 2 日目)

はじめに 会場 Keynote. Learn as I write the Docs 2. Serverless is your BFF 3. Entropic package registry 4. Redux Based Modular Design 5. Diving into TypeScript design metadata with NestJS 6. Writing code to refactor code 7. JavaScript 的执…

JSConf China 2019 in 上海参加記録( 1 日目)

はじめに 会場 Opening & Opening Note Keynote. Continuous learning & leadership evolution 2. The beauty of TypeScript 3. ClojureScript - Winning through simplicity 4. Modern GraphQL workflow 5. Building (Progressive) Web Apps 6. 面向传统, …

JSConf China 2019 in 上海参加記録( 0 日目:移動日・上海旅行編)

はじめに グレートファイアウォールを乗り越える キャッシュレス決済 本屋(上海書城) 写真 はじめに 10/19~10/20 に上海で行われた、 JSConf China 2019 に参加してきましたので、メモっておくことにします。 といっても今回は 10/18 の移動 + ひさびさに上…

雑に Angular 再入門(Tour of Heroes App) 1

はじめに 準備 Directive って何 Component はじめに 色々あったりなかったりして、 Angular をもう一度触ってみることにしました。 Angular 2 の時代にハンズオンに参加したとはいえ、あれからずいぶん経っているわけなので、もう一度一からやってみるぞい…

TypeScript で関数オーバーロード

はじめに オーバーロード 型を調べる はじめに C# だと時々使う関数のオーバーロード。 TypeScript で同じように書くとエラーになるため、使えないのかな~と思っていたのですが、よくよく調べてみると使えるらしい。しかしながらちょっと様子が違う?となっ…

WSL の Ubuntu 18.04 で SpiderMonkey をビルドした話

はじめに WSL のインストール 必要なソフトウェアのインストール SpiderMonkey のビルド はじめに ここまで TypeScript(JavaScript) の prototype などを追ってきて、ふと思ったのが、「これって内部的にはどう扱われているのだろう」ということでした。 そ…

【TypeScript】prototype を追いかける

はじめに prototype メソッド static メソッド 関数 クラス クラスインスタンス マージしてみる はじめに 【TypeScript】InversifyJSでIoC(DI)体験 1 【TypeScript】InversifyJSでIoC(DI)体験 2 【TypeScript】Decoratorを覗き見る 1 【TypeScript】Decorato…

【TypeScript】Decoratorを覗き見る 2

はじめに Decorator Factory 関数の呼び方 Prototype はじめに 【TypeScript】InversifyJSでIoC(DI)体験 1 【TypeScript】InversifyJSでIoC(DI)体験 2 【TypeScript】Decoratorを覗き見る 1 今回は Decorator Factory から見てみますよ。 Decorator Factory …

【TypeScript】Decoratorを覗き見る 1

はじめに Decorator について 準備 Class decorator はじめに 【TypeScript】InversifyJSでIoC(DI)体験 1 【TypeScript】InversifyJSでIoC(DI)体験 2 ここまで InversifyJS のコードを追いかけてみたわけですが、どうもどのようにしてインスタンスを生成して…

【TypeScript】InversifyJSでIoC(DI)体験 2

はじめに ContainerOptions interface について Container を追う Container.bind はじめに *【TypeScript】InversifyJSでIoC(DI)体験 1 続きです。 今回は Container クラスを中心に、もう少し InversifyJS の中身を見ていきたいと思います。 ContainerOpti…

【TypeScript】InversifyJSでIoC(DI)体験 1

はじめに 準備 とりあえず DI ってみる InversifyJS とたわむれる 1 はじめに 諸般の事情から TypeScript に漬け込まれている今日この頃。 ふと TypeScript 単体で DI ってできないのかな~と思ってググった時に出てきた、 InversifyJS を試してみることにし…

【Java】 volatie に触れてみたい 1

はじめに volatile とは アトミック性について はじめに 【Java】CompletableFuture で遊ぶ 1 - vaguely 前回ちょこっと出てきた volatile 。 CompletableFuture.java ~省略~ volatile Object result; ~省略~ 名前すら触れませんでしたが Twitter で流れ…

【Java】CompletableFuture で遊ぶ 1

はじめに CompletableFuture を使う 何をしているのか compareAndSet について はじめに 以前 Java と C# を使ってローカルファイルを開く、というのをやりました。 【Java】【C#】ローカルのファイルを開いて指定の文字列が含まれているか調べてみる C# で…

ASP.NET Core のアプリを Application Request Routing + IIS で動かしてみる

はじめに ASP.NET Core アプリの準備 IIS の準備 Static File を読み込む 参照 はじめに 相変わらずコロコロ話題が変わっていますが。。。お察しください。 タイトル通り、 ASP.NET Core で作ったアプリを IIS を使って動かしたい話です。 ASP.NET Core アプ…

【Java】【C#】ローカルのファイルを開いて指定の文字列が含まれているか調べてみる

はじめに C# で書く Java で書く Files.lines でファイルを読む(失敗) BufferedReader でファイルを読む 1(失敗) BufferedReader でファイルを読む 2(成功) 犯人はヤ……俺 参照 はじめに 諸事情により、指定したディレクトリ以下にあるファイルの中から、特定…

【ASP.NET Core】【TypeScript】PDF のダウンロード・アップロード 2

はじめに Stream を使って PDF をアップロードする(失敗) ファイルを分割してアップロード 分割されたデータの受け取り おわりに はじめに 【ASP.NET Core】【TypeScript】PDF のダウンロード・アップロード 1 平成 <--> 令和 をまたいでしまいましたが、続…

【ASP.NET Core】【TypeScript】PDF のダウンロード・アップロード 1

はじめに exports が見つからない 準備 PDF をダウンロードする Link で開く download 属性を追加する msSaveOrOpenBlob ASP.NET Core の機能でダウンロード FormData を使って PDF をアップロードする はじめに (いつものごとく) とある事情で PDF をダウン…

コンパイルを自動化したい話 + (Pikaday + TypeScript) で IE でも DatePicker を表示したい話

はじめに npm scripts で自動的にコンパイル IE11 での input type='date' 複数ファイルをバンドルして出力する はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 PostCSS 、 Aut…

flexbox でレイアウトを組みたい話

CSS

はじめに 大枠を作る 中のアイテムを追加していく 左側のレイアウト 結果 はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 PostCSS 、 Autoprefixer の力を借りたかった話 とり…

PostCSS 、 Autoprefixer の力を借りたかった話

はじめに コンパイラーを選ぶ PostCSS ファイルを postcss-cli でコンパイルする はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 相変わらず HTML や TypeScript と戯れている…

ASP.NET Core + TypeScript ってみる 3

はじめに fetch について webpack を使う output.library について 参照 はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 今回は少~しだけ fetch の話と、 webpack を使った import / export の話です。 全然 ASP.NET…

ASP.NET Core + TypeScript ってみる 2

はじめに IE11 で async/await を使う fetch でアイテムを Get する JSON から Model に変換 はじめに ASP.NET Core + TypeScript ってみる 1 さくさく進めていきますよ。 とりあえず環境は整ったっぽい(本当はバンドルとか minify とあるだろうけど)ので、…

ASP.NET Core + TypeScript ってみる 1

はじめに 準備 TypeScript のコンパイル 静的ファイルのルーティング 参照 はじめに 今回からちょっと間(挫折するか落ち着くまで) フロントエンドに挑戦してみます。 今のトレンドで言えば、以前触れた Angular のようなフレームワークを駆使して SPA ! 。…

Entity Framework Core < - > PostgreSQL 間の MAX/MIN 値のやりとり (数値データ編) 3

はじめに trigger rule view money おわりに 参照 はじめに Entity Framework Core < - > PostgreSQL 間の MAX/MIN 値のやりとり (数値データ編) 1 Entity Framework Core < - > PostgreSQL 間の MAX/MIN 値のやりとり (数値データ編) 2 さらっと終わるはず…

Entity Framework Core < - > PostgreSQL 間の MAX/MIN 値のやりとり (数値データ編) 2

はじめに numeric [numeric] 他の型で受け取ってみる [numeric] string 型で受け取る [numeric] BigInteger を使う おわりに はじめに Entity Framework Core < - > PostgreSQL 間の MAX/MIN 値のやりとり (数値データ編) 1 続きは numeric から。 なお、前…