「Angular Material」で、「Angular」のWebページにMaterial Designを導入しよう
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、Angularの要素を操作するディレクティブの自作方法を説明しました。今回は、Googleのデザインガイドライン「Material Design」に対応したAngularのコンポーネント（UI部品）「Angular Material」を紹介していきます。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 「Material Design」は、Googleが提唱するデザインガイドラインで、Googleのスマートフォンアプリなどで利用され
[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js - Qiita
[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js ありがとう Evan You, ありがとう Vue.js 開発チーム 元記事 Plans for the Next Iteration of Vue.js – The Vue Point – Medium 追記 (2018/10/02) この訳が Vue.js 日本語公式サイトの翻訳記事になりました 🎉 https://jp.vuejs.org/2018/10/01/plans-for-the-next-iteration-of-vue-js/ Plans for the Next Iteration of Vue.js ─ Vue.js における次のイテレーションの計画 先週の Vue.js London で、私は Vue の次のメジャーバージョンについて簡単
![[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)
2018-07-31のJS: TypeScript 3.0、Chrome 68、Vueの内部技術
JSer.info #394 - TypeScript 3.0が正式にリリースされました。 Announcing TypeScript 3.0 | TypeScript What's new in TypeScript · Microsoft/TypeScript Wiki Breaking Changes · Microsoft/TypeScript Wiki monorepoなどで複数パッケージ間のビルド関係などを扱うProject referencesの追加、Generic rest parametersのサポート、Tuple型の改善、unknown型の追加、ReactのdefaultPropsの型のサポートなどが行われています。 次の記事でも具体的な動作について説明されているので合わせてみてみるといいかもしれません。 TypeScript 3.0.0-RC 変更点 - Qiita
Almin 0.17リリース – executeの型付け、新しいReact Contextのサポート
ステート管理ライブラリの[email protected]をリリースしました。 詳しい変更点は次の記事でも紹介しています。 Almin v0.17 – Support context.useCase#execute typing and new React Context · Almin ⭐ Feature Support context.useCase#execute typing #342 #107 AlminはTypeScriptを公式にサポートしています。 しかし今まではcontext.useCase(someUseCase).execute(args)のargsがany[]となっていました。 コレを解消するためにAlmin 0.13でcontext.useCase(someUseCase).executor(useCase => useCase.execute(args))という
JavaScript Primer - 迷わないための入門書
元々は、0/1/2/3/4の5段階でしたが、2023年に2.7が追加されています。 これは、ブラウザが実装しはじめて見つかる問題などによりステージ2と3を行き来してしまうことがあったためです。 そのため、実装の前のテストと検証のためのステージとして2.7が追加されました。 2ヶ月に一度行われるTC39のミーティングにおいて、プロポーザルごとにステージを進めるかどうかを議論します。 このミーティングの議事録もGitHub上のtc39/tc39-notesにて公開されています。 ステージ4となったプロポーザルはドラフト版であるtc39/ecma262へマージされます。 そして毎年の決まった時期にドラフト版を元にしてECMAScript 20XXとしてリリースします。 この仕様策定プロセスの変更は、ECMAScriptに含まれる機能の形にも影響しています。 たとえば、class構文の策定は最大限
textlint 10.0.0 リリース
textlint 10.0.0をリリースしました。 Release textlint 10.0.0 · textlint/textlint 変更点 textlint 10.0.0の主な変更点です。 🆕 Features @textlint/ast-node-typesがTxtNodeの型定義を持つように @textlint/ast-node-typesという内部的に使ってるものがtextlintのパーサが作るTxtNodeの型定義を持つようになりました。#358 textlintのASTを扱いたいTypeScriptユーザーはこれを利用できるので、textlint pluginを作りたいとかしたい人は便利かもしれません。 詳しくはTxtNodeのドキュメントを見てください textlintがTypeScriptで扱えるように #248 以前の9.0.0のリリースでtextlintのコアエ
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript（ES2015+）、TypeScriptの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm（ウェブストーム）」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」という知識を得て、
Fast and precise type checking for JavaScript | the morning paper
the morning paper a random walk through Computer Science research, by Adrian Colyer Made delightfully fast by strattic Fast and precise type checking for JavaScript Chaudhuri et al., OOPSLA’17 In this paper we present the design and implementation of Flow, a fast and precise type checker for JavaScript that is used by thousands of developers on millions of lines of code at Facebook every day. In a
Modern JavaScript Explained For Dinosaurs
Images from Dinosaur Comics by Ryan North Learning modern JavaScript is tough if you haven’t been there since the beginning. The ecosystem is growing and changing so rapidly that it’s hard to understand the problems that different tools are trying to solve. I started programming in 1998 but only began to learn JavaScript seriously in 2014. At the time I remember coming across Browserify and starin
A tour of Abstract Syntax Trees
Abstract Syntax Trees (or AST, for brevity) are the backbone of many tools we use in our daily life as developers. What is an AST, exactly? Disclaimer I’m going to use JavaScript for the examples, but the concepts apply to any language Let’s start from the answer, literally: Now, if we want to do anything with this program (executing it, analyzing it, formatting it…) we have to transform it into s
TypeScript for Beginners, Part 1: Getting Started | Envato Tuts+
Let's start this tutorial with the question: "What is TypeScript?" TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. As an analogy, if JavaScript were CSS, then TypeScript would be SCSS. All the valid JavaScript code that you write is also valid TypeScript code. However, with TypeScript, you get to use static typing and the latest features that get compiled to plain J
Learn Angular Tutorial
This is Part 1 of an Angular tutorial. In the first part, we will cover Node, TypeScript, Module loaders , bundlers and VS code. This article teaches you Angular in a step by step manner, but will focus on five labs that will cover the pre-requisites for Angular. This article covers Node (practicing NodeJS, Installing NodeJS, understanding package.json file), TypeScript (practicing Typscript, inst
2017-09-19のJS: Node.js 8.5.0、MSEdge 16の変更点、CoffeeScript 2
JSer.info #349 - Node.js 8.5.0がリリースされました。 Node v8.5.0 (Current) | Node.js 脆弱性があったため無効化されていたV8 Snapshotが有効化されました。 現在のLTSであるv6.11.3も同様の対応が行われています。 Security updates for all active release lines, July 2017 | Node.js Node.js で発生した Hash flooding DoS とその内容について - from scratch V8 JavaScript Engine: About that hash flooding vulnerability in Node.js… console.groupの実装、fs.copyFile/fs.copyFileSyncの追加、--experime
TypeScript 2.5.2 更新点 - Qiita
こんにちは@vvakameです。 今回は薄味更新という感じですね。 TypeScript 2.5.2がアナウンスされましたね。 What's new in TypeScriptも更新されているようです。 わかめさんも久々にPR送ったりしました。 変更点まとめ try-catchの例外のキャプチャが省略できるようになった Optional catch binding try { ... } catch { ... } がvalidに(es仕様に準拠 jsに対してコメントによる型注釈・キャストのサポートを追加 Assertion/cast JSDoc syntax in checkJs mode より賢いpackage解決 For duplicate source files of the same package, make one redirect to the other package
ブラウザ拡張の開発をTypeScriptで爆速で始めるやつ作ったので紹介 - クフでダローバルな日記
先日、動画に突然「熱盛」を表示するとかいうクソChrome拡張を作って公開しました。 動画を再生しているとたまに熱盛と表示されてしまうchrome extension作ったから見てhttps://t.co/KGdPKFvjuP pic.twitter.com/ocyqJWSBBe— まざっち (@mazamachi) 2017年8月29日 めっちゃバズって結構インストールしていただけました。うれしい。 やっぱりこういうのは鮮度が大事で、思いついてから公開までを数日にとどめたいところですね。 とはいえ、Chrome拡張機能をシュッと作るためには Chrome拡張の作法に則った設定ファイルの作成 （manifest.jsonなど） ES6/TypeScript や Less/Scss などのトランスパイル自動化 開発版とリリース版の分離 などなど、設定事項が多くてかなり面倒です。 この記事は、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Install TypeScript and Node.js: TypeScript Tutorial for Beginners - DZone
【codegen は難しくない】Swagger から JavaScript ( TypeScript ) コードを自動生成してコーディングを効率化しよう
TypeScript — JavaScript With Superpowers
今日から新しい会社で働きます🎍