[JS]スマホにも対応！ページをスクロールした際、要素をアニメーションで表示する軽量スクリプト -t-scroll | コリス

2017/06/05 62 users コリス jQuery スクリプト アニメーション 単体

スマホやタブレットに対応、もちろんデスクトップにも対応、ページをスクロールした際に、要素にさまざまなアニメーションを簡単に適用できる単体で動作する軽量(4KB)のスクリプトを紹介します。 jQueryなど、他のスクリプトやスタイルシートは一切不要です。 カスタマイズ性 45種類の豊富なオプションが用意されており、初心者にも簡単、上級者には強力。 jQueryは無し ECMAScript6で実装され... 続きを読む

Rails 5.1で標準となるSprockets 4について - Qiita

2016/12/03 29 users Qiita フロントエンド周り Ruby on Rails

はじめに Sprockets 4の概要 来年リリースされる予定のRuby on Rails 5.1にはフロントエンド周りに関する多くの変更が予定されていますが、同梱されるSprockets 4にも大きな機能追加と変更が行われています。 Sprockets 4は、以下のような新しい機能を持っています。 ソースマップ マニフェストファイル BabelによるES6 (ECMAScript6/ES2015... 続きを読む

ECMAScript6のアロー関数とPromiseまとめ - JavaScript - Qiita

2016/01/22 82 users Promise Qiita アロー関数 まえ 鉄板

はじめに この記事ではアロー関数とpromiseについての、使い方のまとめです。とくにpromiseに関しては、非同期処理の鉄板、async.jsとの比較をしながらその実装方法を見ていきます。 そのまえに、ECMAScript6の基本構文はこちら。 ECMAScript6の基本構文まとめ - JavaScript 技術情報のみつぶやくアカウント作成しました。ECMAScript6などの最新情報も追... 続きを読む

モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ

2015/12/14 445 users on Rails クックパッド開発者ブログ Rails 外村

2015 - 12 - 14 モダンJavaScript開発環境 on Rails 投稿推進部の外村（ @hokaccha ）です。 クックパッドブログ の開発でRails上にECMAScript6などのモダンなJavaScript開発環境を導入した経験を元にノウハウを紹介したいと思います。 Railsは Sprockets というgemでJavaScriptやCSSをコンパイルする仕組みが提供さ... 続きを読む

もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~ - Qiita

2015/12/04 115 users Twitter Qiita Promise Let 後編

JavaScriptにおける、ECMAScript6についてのまとめの前編です。promiseなどの組み込みオブジェクトは後編までお待ちを。またこの記事では、実践で使える情報のみまとめています。網羅的にすべてをまとめている情報ではありません。 技術系Twitter 技術情報のみつぶやくアカウント作成しました。ECMAScript6の最新情報などを追っていきます。 Twitterはこちら letによ... 続きを読む

Babelで学ぶECMAScript6（入門編） （1/4）：CodeZine

2015/06/05 53 users Babel ECMAscript CodeZine 名称 仕様

本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は次期言語仕様であるECMAScript6（以下ES6）の仕様について、ES6からES5へのトランスパイラ（コード変換ツール）のBabelを使いながら解説します。 ECMAScript 6とは　ECMAScriptとはJavaScriptの言語仕様の名称で、各ブラウザベンダーではこの仕様を... 続きを読む

ECMAScript6で何が変わるのか まとめ #ecma262 - by shigemk2

2015/05/30 26 users ecma262 by shigemk

2015-05-30 ECMAScript6で何が変わるのか まとめ #ecma262 ECMAScript ECMA-262 Edition 5.1を読む作者: 竹迫良範出版社/メーカー: 秀和システム発売日: 2013/09/25メディア: 単行本この商品を含むブログを見る 【完全日本語訳＋解説】ECMA-262 Edition 5.1を読む 5分で分かるクイズ。答えは適当に。 ヒント 桁数制... 続きを読む

ライブラリをES6で書いて公開する所から始めよう | Web Scratch

2015/01/09 142 users ライブラリ 策定 Web scratch ES6 現実

この記事はECMAScript6の事始めとして、ライブラリをES6で書いて公開するというところから始めるのがいいのではという内容です。 現在のES6 -> ES5 ECMAScript6は現在策定の最終段階で、メジャーなブラウザの最新版は多くの機能を既に実装しています。 ECMAScript 6 compatibility table しかし、現実には最新版以外の実行環境でも動くように書くと思うの... 続きを読む

EcmaScript6 + power-assert でテストを書く - from scratch

2014/12/15 39 users power-assert test 機運 テスト ES6

2014-12-15 EcmaScript6 + power-assert でテストを書く javascript es6 test この記事はJavaScript Advent Calendar 2014の15日目の記事です。さてさて、EcmaScript6に対する機運が高まっている中で、ES6の新機能の紹介記事が出てきておりますが、ES6が使えるブラウザはまだ浸透しておらず、使おうとするならばT... 続きを読む

ES6+カジュアルトークでES7について発表してきた | Web Scratch

2014/10/29 24 users Web scratch ES7 runstant サンプル集

ES6+カジュアルトーク - connpass ES6+カジュアルトーク に参加と発表してきました。 自分は明日には使えなくなるES7トークというES7の話をしてきました。 「runstant 始めるEcmaScript6 入門」 by @phi_jp EcmaScript 6 のサンプル集 | runstant runstant jsfiddle的なツール ハンズオン let 2進数を直接書ける... 続きを読む

[JavaScript] ECMAScript6のMapとSetを使ってみよう - YoheiM .NET

2014/09/25 26 users yoheiMune YoheiM set map net

こんにちは、@yoheiMuneです。 今日は、ECMAScript6で定義されているMapとSetを使ってみたいともいます。Chromeはver.38から使えるので、すぐそこまできている技術です。 Special Thanks to https://flic.kr/p/aBtMu5 目次 多くのプログラミング言語でサポートされているMapが、とうとうJavaScriptでも使えるようになりました... 続きを読む

ECMAScript6 - TypeScriptとECMAScript 6 - Qiita

2014/08/21 62 users ボコ ECMAscript 予習 Qiita LL Diver

来たる8/23(土)にLL Diverというイベントでmozaic.fm出張版があって、そこで適当にTypeScriptの何かを話す予定なので、ECMAScript 6の予習をしていきます。 司会のJxck先生は知識量豊富なので予習していかないとボコられて恥を晒して死んじゃうからね！ あんどうやすしさんは優しいと思うんだけど！！ 参考資料 わかめのECMAScript6のはてブ ECMAScrip... 続きを読む

未来のJavaScript『ECMAScript6』で便利そうなやつまとめてみた - Qiita

2014/08/06 93 users Qiita runstant Harmony Webエディタ

そろそろECMAScript6を触っておきたいと思っていたところ、runstantとか言ういい感じのWebエディタが出たのでメモ。よく使いそうなやつをまとめてます。 (ECMAScript6は、ES6, ES.next, Harmonyなんて言われることも多いです) (現在スマホでサンプルのコードが見れないようなので、PCやタブレットで見てください) 便利そう順にサンプル 今までなぜなかった le... 続きを読む

Node-v0.12からデフォルトでES6の一部が使えるようになった(WeakMap解説編) - ぼちぼち日記

2014/04/18 32 users デフォルト ぼちぼち日記 ES6 Promise 一部

ES6, Node.js, V8, JavaScriptこのエントリーは、４月２４日（木）に行われる「東京Node学園 12時限目」の発表ネタを先出ししたものです。 1. はじめに、　過去２回、Node-v0.12における ES6(ECMAScript6)関連のエントリー*1を続けて書きましたNode.jsにPromiseが再びやって来た！Object.observe()とNode.jsのイベント... 続きを読む