万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・資産運用おすすめ
    10万円は1000円くらい利益
    資産運用ブログ アセマネ
    • ・寄付お願いします
      YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
      BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
      c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1
      Skycoin:KMqcn7x8REwwzMHPi9fV9fbNwdofYAWKRo

    TypeScript

    Numberに注意

    Numberに注意 export interface IHoge { bar?: string; fuga?: string; aho?: string; const ho = {} as IHoge; let a = Number(ho.aho); console.log(a); これはどうなる? NaNになる なので let a = Number(ho.aho) || 0; とかにするのが無難。

    ReactNativeのAsyncStorageの使い方

    AsyncStorageはデータを永続化するためのもの。 TypeScriptにて使用してます。 メソッドやstateなどの定義定義 インポートする。 import { AsyncStorage } from "react-native" stateの定義 今回扱う変数をstateで行うのでstateを定義します。 myStateの名前…

    Reactで子コンポーネントのメソッドを呼ぶ

    https://stackoverflow.com/questions/37949981/call-child-method-from-parent ref使って、 <Child ref={this.child} /> current.メソッド名()で呼べる。 this.child.current.getAlert(); そのままだとundefinedになる?? コンストラクタでReact.createRef();が必須かも constructor(</child>…

    create-react-appのwebpack

    https://daveceddia.com/customize-create-react-app-webpack-without-ejecting/ React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT ONE)作者: 穴井宏幸,石井直矢,柴田和祈,三宮肇出版社/メーカー: 翔泳社発売日: 2018/02/…

    TypeError: __WEBPACK_IMPORTED_MODULE_0_fs__.writeFileSync is not a function

    create-react-appのプロジェクトのTypeScriptでfsをインポートしてwriteFileSyncでエラー。 import * as fs from 'fs'; fs.writeFileSync( "output.txt" , "テキストファイルの中身" ); TypeError: __WEBPACK_IMPORTED_MODULE_0_fs__.writeFileSync is not a…

    TypeScriptのエラー

    TypeScriptのエラー [ts] ES5/ES3 の非同期の関数またはメソッドには、'Promise' コンストラクターが必要です。'Promise' コンストラクターの宣言があることを確認するか、`--lib` オプションに 'ES2015' を組み込んでください。 tsconfig.jsonを開き、 "lib…

    tsconfig.jsonのハマりメモ

    index.ts のファイルが有ったとき、 tsc と、パラメータコマンドでコンパイルするとtsconfig.jsonは自動で読む。 tsc index.ts でやると、tsconfig.jsonは読んでくれない。 index.tsはts/の中でも行ける。 "module": "commonjs", とした場合、 "outFile": "j…

    baseUrl tsconfig.json

    found no baseurl in tsconfig.json not applying tsconfig-paths-webpack-plugin www.npmjs.com ドキュメント Module Resolution · TypeScript AMD? Why AMD? Issue https://github.com/TypeStrong/ts-node/issues/138

    TypeScriptのLinqの乱立

    これがいいかな? linq www.npmjs.com あとは。。。。 linq.ts LinQ.ts by kutyel ts-linq ts-linq typescript-linq www.npmjs.com https://www.npmjs.com/package/typescript-linq linq-ts linq-ts

    TypeScriptのarrayの型定義

    let hogeArr: number[] | string[] = []; のように定義すると hogeArr.push('moji'); の呼び出しで以下の怒られ [ts] 型に呼び出しシグネチャがない式を呼び出すことはできません。型 '((...items: number[]) => number) | ((...items: string[]) => number)…

    TypeScriptのifはinでおきかえだめ

    じつはこれは同じじゃない console.log('[if]'); const hoge: number[] = [4, 5]; for (let i: number = 0; i < 10; i++) { if (i in hoge) { console.log(i); } } console.log('[in]'); for (let i: number = 0; i < 10; i++) { if (i === 4 || i === 5) { …

    ReactのJSXで簡単にforeach的なこと

    Reactのコンポートでfor (let i: number; i < arr.length; i++) { } とかだるい。 this.arrにstringの配列があるとして、 <tbody> { this.arr.forEach.call((item:string, index: number) => { return ( <tr> hoge </tr>); }) } </tbody> だとコンパイル時にエラー出ないと思ったらラ…

    tslint for inでのエラーについて

    for (const field in this.formErrors) { のように for in書くと以下のエラー出る。 [tslint] for (... in ...) statements must be filtered with an if statement (forin) stackoverflow.com for (const field of Object.keys(this.formErrors)) { とかが…

    ionic ActionSheetController

    Ionic Component Documentation

    TypeScript auto formatter

    Typescript 2.2 Auto Import and Tslint Formatting · Issue #21424 · Microsoft/vscode · GitHub [command]+[,]にて "tslint.autoFixOnSave": true

    インターフェイスでPromiseのジェネリックのダミーを無理やり実装

    インターフェイスが実装されてるクラスで、しゃあなしに空メソッド追加したい時。 async hogeMethod(): Promise<number> { // ダミー return await new Promise<number>((res) => { }); } とすればいい。</number></number>

    TypeScriptでのtargetとかeventの型はどう書く?

    handleSubmit(event) { event.target.value; とJSだった時、TypeScriptでは? 調べたら https://stackoverflow.com/questions/40676343/typescript-input-onchange-event-target-value https://stackoverflow.com/questions/40676343/typescript-input-oncha…