エンターテイメント!!

遊戯王好きのJavaエンジニアのブログ。バーニングソウルを会得する特訓中。

JavaScript

Advent Calendar 2018 Node.jsまとめ

感想・まとめ・メモ 12月1日 12月2日 12月3日 12月4日 12月5日 12月6日 12月7日 12月8日 12月9日 12月10日 12月11日 12月12日 12月13日 12月14日 12月15日 12月16日 12月17日 12月18日 12月19日 12月20日 12月21日 12月22日 12月23日 12月24日 タスク Node.j…

JavaからTypeScript、そしてJavaScriptへ…

書くに至ったきっかけ 最近、JavaScript書くようになって、Javaやってた頃より読めるようになったので、自分の中の考えを吐き出したくなったから Javaエンジニアだったころ JavaScriptは、触ってはいたが、本格的にイジったりはしてなかった。 何というか、…

2018/11/05週 気づきと振り返り

業務こなして思ったこと 順次実行はPromise git log --decorate gitで未プッシュの差分を見る 個人的に思いついた名言 責任は果たすものじゃない。なすりつけるものだ。 人の名前よりポケモンの名前を覚えるほうが楽。 業務こなして思ったこと 順次実行はPro…

2018/10/29週 気づきと振り返り

Chromeのコンソールログ Devtoolの設定で、Presrvelogにチェックを入れると、画面遷移が起こってもコンソールログの内容がクリアされない。 複数画面をまたぐ場合のデバックに有効 Windowsのスクリーンセイバーのバブル 現場のPCは、windows8.1で、スクリー…

2018/10/01に覚えたこと Object.assign/責務分担/npm install

Object.assign 責務分担 npm install Object.assign Object.assign() - JavaScript | MDN 他の人が書いたソースを見てて、何をやっているのか分からなかったから調べた。 やってくれることは、オブジェクトのマージ。 とりあえずサンプル const object1 = { …

2018/09/10週 気づきと振り返り

やったこと サーバーとの疎通確認 気づき superagent withCreadentials() → Cookie送ってくれるやつ。 Access-Controll-Allow-Originが * のときは機能しない。 tsconfig es5 → es2018 targetだけじゃなく、libも変える必要がある。 chromeのSet-Cookie アク…

typescriptでnpmモジュール作る時に注意したほうがいい事メモ

きっかけ 指摘事項 型を排除する 継承よりイベントドリブン きっかけ IoT向けのコードをtypescriptで書いているのだが、公開する流れになったので、そのときに受けた指摘をまとめる。 指摘事項 型を排除する typescript使っているからかも知れないが、npm…

dependency-cruiser を使って依存関係分離をしたメモ

きっかけ IoT機器に載せるソフトウェア開発しているのだが、複数端末で資産流用できるようにしたいらしく、そのためにマイクロサービス化する必要があり、依存分断して構成変えられるように実施した。 その際、依存分断するのにかなり手間取ったから、依…

今更だが、JavaのStream.reduceで迷った

きっかけ 詳細 やりたきこと 迷った所 日本語がわからない わかったこと 感想 試したコード 参考サイト きっかけ Javascriptのreduceのような実装をしたくて、いろいろ試して、かなり迷ったから書く。 Array.prototype.reduce() - JavaScript | MDN 詳細 や…

Promise内のUncaughtで困った話

きっかけ Promise内で、Uncaughtが発生している箇所があったが、ログ追ってもなかなかそこまでたどり着けなかったので晒す。 原因事象 ごめんなさい。。。JS詳しくないので、Typescriptです。。。 class Test { get(): Promise<{}> { return new Promise(() …

nowをTypescriptで試し実行

きっかけ CodeIQの記事を見て。 そのままやったら面白くないので、とりあえず、Typescriptで試した。 codeiq.jp 実行した環境 nowをTypescriptで試し実装 Webページの作成 まずは通常のWebページを作成。 ※Typescriptのインストールとかは、各自でお願いしま…

JavaScriptのsetTimeoutのデバックでハマったこと

きっかけ setTimeout使ったフェールセーフな実装をしていたのだが、デバッグでハマってしまった。。。 1時間位悩んでしまったので、晒す。 ネタソース お題となるソース。 実際はもっと複雑だけど、簡略化するとこんな感じ。 ※本当はTypeScriptでソース書い…

Markdownエディタをelectronで試し実装

きっかけ 業務でテキストメモは残すけど、あまりにも散在しすぎるので、タグ検索できるようなメモ帳が欲しくなったから作り始めた。 Github GitHub - IkarashiToshio/markdeck 現状 なんとかMarkdownのリアルタイムプレビューが出来るレベルまで持ってきた。…

Error: EPERM: operation not permitted の対処

原因 どこかで中途半端に npm install が失敗したせいで、キャッシュが残ってしまっているのが原因だった。 なので、キャッシュをクリアしたら、動くようになった。 npm cache clear 自分はコレで解決してしまったので、深掘り調査はしない。 いろんなサイト…

【雑記】Typescriptと充実感が得られてないと感じた原因の考察

きっかけ 仕事でTypescript使っているけど、なんか仕事しても充実感?達成感が得られないので、考察した結果をメモる 現状 やっていることは、データの橋渡し。 ハードからあがってきた情報を、クラウドへ打ち上げる前くらいのところを担当している。 クラウ…

TypescriptでのEmitterの付き合い方

きっかけ TypeScriptをやるようになって、EventEmitterでどうも引っかかりを覚えた。 どうするべきか悩んだ挙句、やっと答えっぽいものが見えてきたので、まとめる。 TypescriptでのEmitterの付き合い方 環境 まずは、環境情報 > npm -v 4.0.5 > ver Microso…

npmにインストールしたものの確認

インストールしたものの確認方法 下記コマンドで確認できる npm list もしくは、ailiasが設定されているので、listの箇所は、ls, la, llが使える。 ailiasの確認がしたい場合は、npm list -hとすると下記のような記述がでる。 もちろん、ここのlistも置き換…

gulpでtypescriptのコンパイル

きっかけ 職場には既にgulpがあったけど、一から入れたことがないので、勉強がてら試しにやってみた。 gulpとは? CIのためのビルドツール。 処理は、タスク単位で書くことができる。 特徴は、ストリームを使ったメソッドチェーン的な記述で処理を書けるとこ…

Typescriptで覚えるデザインパターン

きっかけ 長くやってきたJavaから離れ、サブウェポンとしてTypescriptを仕事で使いながら覚えることに。 新しくことへの挑戦になるが、基本的な考え方が変わらないと感じた。 つまり、汎用的な考えを抑えることができれば、使う言語が変わったとしても問題は…

npmまとめ

npmとは Node.jsの管理するためのツール。 Node.jsには多種多様なモジュールが存在するため、管理ツールとして作られた。 覚えるべきコマンド−基本編 初期化 npm init プロジェクトを初期化するためのコマンド。 依存関係や汎用的な基本情報をもったpackage.…

Javaエンジニアだった人がTypescript開発でハマったこと

書くに至った経緯 Typescriptを使って2ヶ月。 ある程度経験を積んだから、感じたことを書き記す。 使っているTypescriptは、2.1.4 はまったこと・悩んだこと Promise 非同期のためのもの。 説明を聞くとなんとなく納得してしまうが、実際使うと分からんって…

TypeScritpでハマったこと tsconfig.json

開発環境 VisualStudioCode TypeScript 2.0 gulp ハマったこと ファイルを新規作成したが、既存のソースコードを読み込めず、なぜなのかかなり悩んだ。 ソースに問題はない。 きちんと正しいものを参照しようとしており、他のソースは参照できている。 原因 …

TypeScriptでハマったこと インタフェース編

きっかけ 業務でTypeScriptを使っていたが、意味不明なエラーが出て、かなり悩んだ。 インタフェースの重複の問題 コード 問題になったコードとは異なるが、だいたい同じような感じ。 export interface testif1 <T1, T2>{ value1: T1; value2: T2; } export interfac</t1,>…

Tabulator概要

Tabulator olifolkerd.github.io GitHub - olifolkerd/tabulator: A table generation JQuery UI Plugin 概要 高機能なテーブルが作成できると聞いて、試してみたくなった。 REST-fullなwebページ作成の補助につながる気がしたので、気になった。 あとは、Ex…