AlbertoM Posted on Jan 5, 2020 • Edited on Mar 8, 2020 • Originally published at inspiredwebdev.com Hi, I am Alberto Montalesi, a full-stack self-taught developer. I create practical JavaScript tutorials and courses on my website inspiredwebdev.com to inspire other developers to grow and build the career that they want. JavaScript is a language in constant evolution and in the past few years, many
We ran a survey at about the time the standard became official in June 2015 to see how many people were using ES6. Nearly half of respondents already were. Because of the availability of transpilers and polyfills, the world adopted ES6 much faster than previous enhancements to the language specification. ES6 includes lots of great enhancements that will make you & your team more effective. If you
こんにちは。Sales Systemチームの金子です。Sales Systemチームでは、cybozu.com Store や、販売管理システム等の開発をしています。 このエントリでは、cybozu.com 稼働状況のフロントエンドをReact/Reduxで作り直した話を書いていきます。「React/ReduxでWebアプリケーションを作ってみようと考えている人」を対象としています。 TOC 「cybozu.com 稼働状況」とは? 作り直した背景 技術概要 React/Fluxについて React/Redux Routing Resources Async Multilingualization/Localization ES6 Utility Lint Testing 取り組んでみた感想 まとめ 「cybozu.com 稼働状況」とは? クラウドサービスはサービスの稼働状況をステータス
Here at NMC, we're big fans of the React library for building user interfaces in JavaScript. We've also been experimenting with the next version of JavaScript, ES6, and were excited to see the latest version of React promote ES6 functionality. Starting with React 0.13, defining components using ES6 classes is encouraged. Refactoring a React 0.12 component defined using `createClass` to an 0.13 and
My latest book is called “Setting up ES6”. It covers the following topics: A cheat sheet for deploying ECMAScript 6 Example setups (skeleton projects that you can download from GitHub): ES6 in browsers via webpack and Babel ES6 in Node.js via Babel (compiled dynamically or statically) How to configure Babel 6, including a clear explanation of how it interacts with CommonJS modules “Setting up ES6”
こんにちは。会員事業部の丸山@h13i32maruです*1。 ソフトウェアのドキュメント(マニュアル)を書くには色々なツールや方法があります。 JavaScriptの場合はJSDocというドキュメンテーションツールがデファクトスタンダードです。 ですが、JavaScriptの最新仕様であるECMAScript2015(ES2015)がリリースされたことにより、 JSDocの競合として新しいツールが登場したり、JSDoc自体もバージョンアップしたりしています。 本記事ではそうした新しいツールの一つであるESDocを紹介します。 ESDocとは？ ESDocとは私が2015年4月から開発を行っている、JavaScript(ES2015)向けの良いドキュメントを作るためのドキュメンテーションツールです。 https://esdoc.org/ https://github.com/esdoc/es
Visual Studio CodeがES6をサポートして久しい。 Visual Studio Code ♥ ES6 既に、Visual Studio Codeのインテリセンスを使ってバリバリES6を書いているプロジェクトもあると思う。 今回は、Visual Studio CodeによるES6コーディングを更に加速させる拡張機能 JavaScript (ES6) code snippetsを紹介する。 JavaScript (ES6) code snippetsとは 名前のとおり、ES6用のスニペットを提供してくれる拡張機能。 インポートやエクスポート、クラス、for ofなど、ES6の嬉しい新機能をたった4キーで実装できる。 インストール方法 他の拡張機能と同じく、インストールするにはVisual Studio Codeを起動している状態でShift + Command + Pでコマンド
Gulp recently implemented ES6 within gulpfiles and I'm kinda in love. All you have to do get started is: Upgrade your local and global Gulp installations to 3.9.0 (npm upgrade gulp && npm upgrade -g gulp) Add babel to package.json (npm install -D babel) Rename your gulpfile to "gulpfile.babel.js" You're done! Start writing ES6 in your Gulp configuration An example is below.
最近は少しずつCTO業務に取りかかれるようになってきました。やっぱり夏は忙しくなりそうです。こんにちは、先生です。 以前「エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順」という記事でフロントエンドの開発環境を作ったものを紹介しましたが、やはり変化の流れが激しく、この環境も少しずつ変化していきました。 今日は新しくなった環境をご紹介します。このまま使ってもいいですし、一部を取り入れてもいいと思います。 おさらい「爆速化できる環境」とは？ フロントエンド開発（コーディング）を早く終えるための環境で、以下のような機能を持ったテンプレートです。 外部テンプレート（EJS） SASS HTMLバリデーション ユニットテスト スプライト画像&SCSS生成 スタイルガイド生成 JS/CSSの圧縮 ES5で書ける（ES5非対応ブラウザへの自動対応） LiveReload（ファイルを更
JSer.info #250 - ESLint v1.7.0がリリースされました。 .eslintrc内に"extends": "./foo.js"と書くことでJavaScriptファイルを継承出来るようになっています。 また、JavaScript - ESLint 最初の一歩 - Qiitaという記事では、ESLintの使い方、設定方法、エディタ、ES6関連のルールについてなどが紹介されています。 初めてESLintを使う際に見てみるといいかもしれません。 ECMAScriptの仕様策定に関するカンニングペーパー | Web Scratchという記事ではECMAScriptについてQ&A形式で紹介しています。 ECMAScriptに出てくるTC39とは何か?という疑問から、ES6とES.nextの仕様策定プロセス、どのような仕様が提案されているかなどについて書かれています。 仕様策定に関
はじめに もう2ヶ月前の話なのですが、日本のTDD第一人者で、最近はpower-assert-jsの開発などJS界隈でも活躍されている@t_wadaさんが、Twitterでこんな提案をされていました。 『JavaScript: The Good Parts』と『WEB+DB PRESS Vol.87 第1特集』のあわせて250ページ未満でES6までの全体像をつかむ速習コースのご提案 http://t.co/doPQ7V4enw http://t.co/NKTGz3syk7— Takuto Wada (@t_wada) 2015, 8月 10 ちょうどこの頃、初めてのgemを作り終え、Ruby以外の言語に対する学習欲が高まっていたので、この提案に乗っかってみることにしました。 本エントリでは、この速習コースを実際に履修した感想と、結果どうなったのかを書きたいと思います。 履修前の状態 ずっと
ECMAScriptのカンペ ECMAScript関係についてざっとみるカンニングペーパー。 2015年10月18日の次世代 Web カンファレンスでstandardizationのセッションで議論に参加するらしいのでそれのカンペです。 ここに書かれている情報は2015年10月17日現在のものです。 追記: 縦に長い記事読むのが面倒な人向けにスライド形式にしたものも置いておきます。 Introduction | ECMAScriptとは何か？ ECMAScriptとは? Ecma Internationalによって標準化されてるJavaScriptの仕様の事。 仕様: ECMAScript 実装: JavaScript 2015年10月18日のStableな最新版はECMAScript 2015(aka. ES6)。 ECMAScript® 2015 Language Specificat
イベントの趣旨はconnpassを見てもらうとして、自分は11:10から js_next というセッションでオーナーをやります。 メンツは@t_wadaさん、@constellationさん、@vvakameさんという盤石の布陣。 このセッションでは、JavaScriptの未来はどうなっていくのか、ブラウザで動くプログラミング言語はどうなっていくのか、というテーマを扱います。 キーワードはこのあたり？ ES2015(ES6), ES2016, ES2017... Babel AST/CST, Estree, pipeline/ecosystem... static typing, TypeScript, Flowtype, Closure Compiler... altjs, CoffeeScript, Dart... WebAssembly, Emscripten... V8, Spid
皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。 今回は、表題の通り、実際にプロダクトとして動いている既存のコードベースを、ES5ベースからTypeScriptに段階的に移行させた話について書こうと思います。 移行前のコードベース及び直面した課題 今年の1月頃から、アプリケーションのクライアント側の一部を、以下の構成で実際に開発しています。 言語 ECMAScript 5 主要な依存ライブラリ UI開発にReactおよびFacebook JSX syntax 統合イベントシステムとしてのRxJS テストコードのアサーションにpower-assert ビルドチェーン モジュール連結にbrowserify 環境変数に基づくビルドフラグ用途でenvify コードの解析とLintにESLint 未使用変数や未定
こんにちは！kintone開発チームの佐藤鉄平(@teppeis)です。 本日6/24発売のWEB+DB PRESS Vol.87にて、ECMAScript 6をテーマに第1特集を書かせていただきました。 ECMAScriptとはJavaScriptが準拠している言語仕様で、その最新版であるECMAScript 6 (ES6) が今月17日にEcma標準として公開されました。 本特集では、ES6の主要機能や変更点には一通り触れつつ、それぞれの機能が追加された背景やどう活用できるのかといったこともできるかぎり解説しています。 第1章 ECMAScript 6とは何か: JavaScriptの新たな仕様を知る 第2章 ECMAScript 6に触れてみよう: トランスパイラ／ポリフィルで今すぐ使う 第3章 モダンになった文法: 生産性を高めるための言語の進化 第4章 強化された標準ライブラリ:
TL;DR: If you are using node-jsonwebtoken, pyjwt, namshi/jose, php-jwt or jsjwt with asymmetric keys (RS256, RS384, RS512, ES256, ES384, ES512) please update to the latest version. See jwt.io for more information on the vulnerable libraries. (Updated 2015-04-20) This is a guest post from Tim McLean, who is a member of the Auth0 Security Researcher Hall of Fame. Tim normally blogs at www.timmclean.
※ただのメモで、未来志向なのであまり真に受けてはいけない。 良いっぽい React.js 早速い/コンポネント志向/APIの設計がいい。JSXと他のトランスパイラの組み合わせという問題はある Promise ネイティブに入った、誰もが使ってる TypeScript ES6時代でも存在意義のある言語。TypeScript互換のFacebook Flowの動向に注目 Backbone.js ModelとEventを使う/Viewは使わなくていい Lodash Underscore.jsをよくしたやつ Gulp Gruntより良いという意味で。browserifyまわりがうまく動かない問題があってnpm runのほうがいいという噂もあるがまあ良いに分類してもいい EventEmitter Custom EventはDOMにくっ付いてる感があるのでロジック志向の物にはEventEmitter使った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
