こういう差があるんだ。。。 constructorの引数でpublicとかprivateの修飾詞つけると、 わざわざ別に変数宣言しなくてもいいんだ へぇ // これだとこれだとtitleがないよと怒られる // class Category { // constructor(title: string) {} // getInfo(): voi…

以下に移転しました exhikkii.com

TypeScriptいろいろできるなー Type Guards たとえばstring型の数字か,numberの数字を引数に取る想定した場合とかに有効かな const argNumberOrString = (value: string | number): void => { value.toString() // ここはセーフ value.toFixed() // ここでva…

へぇと思ったので紹介 Interscetion Types 両方引き継ぐことができる でorができるんだから、&も当然っちゃ当然か interface IHoge { hoge(): void } interface IFuga { fuga(): void } // Intersection Types type IHogeFuga = IHoge & IFuga let hogefuga:…

整理整理 Interface 継承 interface IFather { fatherName: string // おとんの名前をstring型 } interface IMother { motherName: string // おかんの名前をstring型 } // IFatherとIMotherを継承するIChildrenを定義 interface IChildren extends IFather,…

ブログ移転しました exhikkii.com

exhikkii.com へ移行

タイトルまんま 以下はhttp://localhost:3333?hoge=testにアクセスするとするstart/routes.js Route.get('/', ({ request }) => { console.log('query parameter', request.input('hoge’) }); コンソールを確認する クエリがしっかり取れてる

AdonisJSの紹介 adonisjs.comMVCに則ったJavaScriptのフレームワークですPHPのフレームワークの1つLaravelにめっちゃそっくりですこちらを紹介する目的:JavaScripter人口増えたらいいな PHPerがNode.jsに入る時にexpressだと取っつきにくいと思うんです 自分…

一番に参照すべきなのはやはり公式ドキュメントだなと思いましたJavaScriptではべき乗は従来はMath.powを使います // 2の10乗 Math.pow(2,10) // 1024 es2016から下記のように書けます // 2の10乗 2 ** 10 // 1024 JavaScriptのべき乗演算子に関して調べいた…

とても良い本だ テスト駆動開発を使って、 手を動かしながら学べる点がとてもよい 具体的な使い道も紹介しているので、学んだ文法の使い道もイメージしやすい 思い返せば、 2016年末にwebエンジニアになりたいなって思って、 プログラミングスクールなDIVE I…

以下に移転しました exhikkii.com

以下へ移転しました exhikkii.com

JSのtips JavaScriptでcreateElementしてそれをレンダリングすることって結構あると思います １つのDOMを追加するならともかく、複数のDOMをそれぞれ追加するのは、 毎回DOMツリーにアクセスすることになったり、 DOMの位置計算など起こるので、 パフォーマ…

今回は生のJavaScriptのtipsを タイトルの通り、appendChildについてデモをjsfiddleで作成しておきましたjsfiddle.net パッと見、 コードを見ると両方のdivタグにparaが表示されそうじゃないですか？結果はでも通りで 2つ目のdivタグ内にしか表示されていな…

JavaScriptで時間とか日付と言えばmoment.jsが有名だと思いますMoment.js | Home 個人的にはdate-fnsを推してますdate-fns.orgdate-fnsがmoment.jsに優っている理由はいくつかありますが、 サイズがmomentより小さいという点だけでもかなりの魅力ではないで…

下記の記事でfor...ofについて言及されてましたmedium.freecodecamp.org mozillaを見てみるとfor...ofとfor...inの違いについて言及していますね developer.mozilla.orgJSって思わぬ落とし穴とか、クセがあるから、気をつけないと セミコロンに関してはうー…

Nuxt.jsの基本機能ちょっと紹介します vue-cliがあればすぐにプロジェクト作成できます vue init nuxt-community/starter-template nuxt-study cd nuxt-study yarn yarn devlocalhost:3000でつながります まず、プロジェクトルートにpagesディレクトリがあり…

vuefireの使い方を簡単なcrud構築することで紹介します 今回は新規登録 vuefireはVue.jsでfirebaseをいい感じに使えるプラグインですね では早速。。 今回はデザインがん無視します(Vuetifyいいよ〜) プロジェクト作成 vue init webpack vuefire-tutorial cd…