タグ

関連タグで絞り込む (3)

タグの絞り込みを解除

ES2015に関するjytechのブックマーク (4)

  • モダン JavaScript チートシート

    Skip to the content. モダン JavaScript チートシート 画像クレジット: Ahmad Awais ⚡️ イントロダクション 動機 このドキュメントはモダンなプロジェクトでよく見られる JavaScript のチートシートと最新のサンプルコードです。 このガイドは読者に JavaScript をゼロから教えるものではありません。 基礎知識は持っていて、モダンなコードベースに慣れる（例えば React を学ぶ）のに苦労している開発者を助けるためのものです。 説明の中で JavaScript の諸概念が使われています。 また、議論の余地のあるポイントについてときどき個人的な tips を載せますが、その際はあくまでも個人的なおすすめであることを述べるように気をつけます。 メモ: ここで紹介されている概念のほとんどは JavaScript 言語のアップデート（ ES2

  • babelifyで始めるES6

    babelifyで始めるES6 前回、「Babelで始めるES6入門」という記事を書きましたが、Babel単体ではES6の注目機能であるimport / exportを利用することができません。 import/export構文はnode.jsのrequire()のようなもので、JavaScriptをモジュール化し管理する為の機能です。 正確にはBabelはimport / export構文をrequire構文に変換してくれるのですが、ブラウザがrequire構文に対応していないため利用できません。 これの対応方法は様々ですが、今回はbabelifyを利用した対応方法について解説します。 babelifyはBrowserifyのtransformでBrowserifyの処理の中にbabelの処理を組み込めるモジュールです。 ちなみに、Browserifyはrequire構文をブラウザでも利用

    babelifyで始めるES6

  • [フロントエンド] ES2015のimport/exportをブラウザで使うためのコンパイル（Babel × Browserify） - YoheiM .NET

    こんにちは、フロントエンドのリハビリ中@yoheiMuneです。 今日はES2015（ES6）から言語レベルでサポートされたモジュール定義について、ブラウザで利用するための方法をブログに書きたいと思います。 目次 ES6のimport/exportはまだブラウザで使えない ES6から利用可能なimportとexportによるモジュール定義と利用ですが、残念ながらまだブラウザでは使うことができません。例えば以下のようなコードがあった場合に、 import React from "react" Chromeだと以下のようなエラーが発生します。 # Chrome v53の場合 Uncaught SyntaxError: Unexpected token import そして前回、「[フロントエンド] 次世代JavaScriptのコンパイラ、Babelに入門」でES6をES5にコンパイルする方法を

    [フロントエンド] ES2015のimport/exportをブラウザで使うためのコンパイル（Babel × Browserify） - YoheiM .NET

  • 【JavaScript・export・import】モジュールについて理解をまとめる｜とものブログ

    こんにちは、ともです。 この記事ではES6からの構文であるimportについて理解をまとめたいと思います。 ES5の知識すらほぼ無かった状態でVue.jsをやってしまった僕は何となく動くものは作れるけど深くは理解できないという感覚でした。このような方は多いのではないでしょうか。 その状態から脱却するためにimportについて勉強していきます。 外部ファイルのクラスの読み込み アプリケーションが大きくなるとモジュール毎に機能を管理していく必要があります。 そのようなモジュールを読み込むためにimportを利用します。PHPであればrequireという構文があります。 他のファイルに記述されたクラスを読み込む際にimportを利用します。 ファイルを準備 モジュールとしてMemberクラスを『./lib/Util.js』に定義しました。 // ./lib/Util.js const AUTHO

    【JavaScript・export・import】モジュールについて理解をまとめる｜とものブログ
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.