15 posts in the “TIL” category

TIL : Styled-ComponentでScssの色に関するペルパー関数みたいなもの利用したい
2020/01/21(Tue) - 07:13

解答 Polished.jsを利用することで同様の機能を利用する事ができる。 具体例 参考 styled-components/polished https://polished.js.org/

TIL : TypeScriptのジェネリクスについて
2020/01/08(Wed) - 21:54

ジェネリクスとは まだ型として定義したくないものに対して利用することで、型情報の決定を遅延する事ができる。

TIL : React Hooksの主要な「useほにゃらら」について
2019/11/26(Tue) - 18:52

useStateとは コンポーネントの各種状態を定義できるもの 下記の場合 const が実行前の値、setCount(hoge)で実行後の値を反映できる。また、useState(0)の0は初期値となる イベントハンドラ […]

TIL : SFCのメールアドレス準拠とは
2019/11/22(Fri) - 18:15

RFCとは Request for Commentsの略で、インターネット上で用いられるさまざまな技術の標準化・運用に関わる事項をなどの情報共有している文書のこと。 RFC822とは いわゆる「電子メールメッセージのデー […]

TIL : TypeScriptでWindowにプロパティを追加する方法
2019/11/19(Tue) - 16:23

結論 Windowに対する型を定義すれば独自プロパティを追加できる 説明 JavaScriptの場合、下記は動作するが TypeScriptの場合は変数の宣言がされていないため動作しない そこで利用するのが declar […]

TIL : JWT(Json Web Token)とは一体なんなのか
2019/11/08(Fri) - 19:19

「署名の出来る JSON を含んだURL Safeなトークン」である。 署名とは 「署名時に使った鍵を用いて、JSON が改ざんされていないかをチェック出来るようにする」こと URL Safe とは 「URL に含めるこ […]

TIL : Slash CommandでLambdaを叩いてみた
2019/11/08(Fri) - 13:25

Lambda 適当な名前でLambdaを作成 ランタイムは「Node.js 10.x」 API Gateway 適当な名前でAPIを作成。 POSTメソッドを作成 APIのデプロイを行う Cloud Watch logs […]

TIL : TypeScriptでwindowにプロパティを追加する方法
2019/11/07(Thu) - 17:57

問題 TypeScriptではWindowsObjectに対して自由にプロパティを追加できない Windowのグローバルにfooというプロパティはないため代入ができずにエラーになる。 対処 interface / dec […]

TIL : preventDefaultとは
2019/11/07(Thu) - 17:56

DOMに対してユーザーが実行できるデフォルト動作を妨害する事ができるもの 前提知識 イベントの種類 ユーザーが実行するイベント(Click / KeyPress / touchMove) こちらのイベントに対してイベント […]

TIL : ReactComponentの種類
2019/10/28(Mon) - 19:46

プレゼンテーショナル・コンポーネント ロジックに責務を持つコンポーネント ロジックの結果をコンテナーコンポーネントに渡す コンテナー・コンポーネント 表示に責務を持つコンポーネント プレゼンテーショナル・コンポーネントか […]

Learn : Domain Drive Design
2019/10/24(Thu) - 17:18

DDDを3行で説明すると ドメインとコンテキストを分割することで、業務とシステムを適切に分割 「ユビキタス言語」の制定により、顧客と開発者間で会話した通りに実装 業務を抽象化した「ドメインモデル」用いた開発で変化に柔軟に […]

Learn : JavaScript Event
2019/10/24(Thu) - 17:17

Lodashとは Lodash とは、 A modern JavaScript utility library delivering modularity, performance & extras.という名前の […]

Learn : CSS in JS Library Emotion
2019/10/24(Thu) - 17:16

emotionを3行で説明すると JSでstyleを記載するCSS-in-JSライブラリのひとつ styled-componentsなどに比べて後発のため、いいとこ取りになっている JSXの中でインライン記法のようにCS […]

Learn : TypeScript
2019/10/24(Thu) - 17:14

TypeScriptとは JavaScriptに対して、省略も可能な静的型付けとクラスベースオブジェクト指向を加えた厳密なスーパーセット。コードをコンパイルするとJavaScriptにしてくれる。 tscというコンパイラ […]

TIL : SECCON Beginnersで学んだ雑なメモ
2019/09/07(Sat) - 11:00

Web Lectureについて 学ぶこと XSSとはなにか XSSの悪用方法 SOP(Same Origin Policy) “オリジン” に基づき、アクセス可能なリソースに制約を設ける オリジンとはhttp://201 […]