TypeScript

X-HACKさん主催 【JS/JavaScript/TypeScript】TypeScript入門講座

先日またまた#xhackさんの主催イベントに参加してきました!
【JS/JavaScript/TypeScript】TypeScript入門講座
今回はTypeScriptの勉強会です。

勉強会で教えていただいたTypeScriptの感想としては・・・
めちゃめちゃJavaに似ている!
これならJavaScriptが苦手な私でも入りやすいかもしれない・・!

TypeScriptは型のあるJav

もっとみる

【書評】「実践 TypeScript」を読みました。

先日、日本ではじめて開催された TypeScript Meetup #1 で本書の著者 Takepepe さんのご厚意により「実践 TypeScript ~ BFF と Next.js & Nuxt.js の型定義 」を 1 冊頂戴しました。

開発の現場で導入に役立つ TypeScript の本

本書の構成としては、以下のとおり前半・後半 2 つに分かれています。

・前半: TypeScri

もっとみる

Nuxt.jsとNest.jsで表裏TypeScriptな環境をつくる(2.バックエンド編)

前回 の続き。次はサーバサイドの実装をして、フロントからデータを取得するまでをおこなってみる。

Nest.jsとは

Nest.jsはNode.jsのフレームワークの一つ。Nodeのフレームワークといえば、Expressが一番人気だが、Nest.jsはAngularライクな記法とTypeScriptを使用して構築されていることから、人気が少しずつ出てきている。

個人的に押したい部分はDocの豊

もっとみる

Nuxt.jsとNest.jsで表裏TypeScriptな環境をつくる(1. フロント編)

最近、業務も含めてjsを極力tsにして書いていきたいという気持ちがあり、クライアント/サーバともにType Scriptな環境を作ってみた。

最終的なコード:  https://github.com/daitasu/nuxt-nest-app
バックエンド編:
Nuxt.jsとNest.jsで表裏TypeScriptな環境をつくる(2.バックエンド編)

構成

- client: Nuxt.j

もっとみる

from bookmark to favorite - 2019.04

JavaScript

with Shadow DOM
- Encapsulating Style and Structure with Shadow DOM | CSS-Tricks

shodow DOM を解説しつつ、ダイアログをつくる。

don’t need input number
- You probably don’t need input type=“number”

マウスホイ

もっとみる

from bookmark to favorite - 2019.01

これは、日々の Web 制作で生まれたブックマーク集です。時事的に新しい記事もあれば、そうでないものもあります。引き出しやすいようにメモも付けておきます。

JavaScript

DeviceMotion event
- Shiny, Simulating Reflections for Mobile Websites

スマホのジャイロを利用したリフフレクション、safari では使いにくくな

もっとみる

WebGLフレームワークを作る Part1 なぜ作るのか

はじめに

WebGLに関して「コピべで慣れる生WebGL」という記事を1年近く前に書きました。

three.jsの次のステップとしてまずはWebGL APIを直接使ってWebGLをレンダリングしていくきっかけになればと思い、作成しました。

未だにちょくちょく読まれているようで、嬉しい限りです。

私が仕事でも個人制作でも使っているWebGLフレームワークについて説明したいと思います。

現在

もっとみる