フロントエンドの未来の話 - Qiita
前置き 会社の勉強会資料になります（6/16発表） フロントエンドの未来の話というか、色々なライブラリの紹介です ほとんどが5月上旬くらいに書いた資料なので、 それ以降に変化があったライブラリについては、追記という形で資料の中にコメント入れてます モジュールバンドラーの未来 モジュールバンドラーとは簡単に言うと、JavaScriptのビルドツールのことです 最近はフロントエンドでも、機能ごと・共通化などの理由によって、JSファイルを分けてコーディングをするので、 最終的にそれをまとめて、1個のJSにする必要がある その時に使われるのが、モジュールバンドラー 有名どころのツール みんな大好きwebpack 後は、rollupとかbrowserifyとか ですが、、 これからの時代は fuse-box fuse-boxとは webpackと同様なモジュールバンドラー 設定ファイルがシンプル w
TypeScriptチートシート - Qiita
前回: ES6(ES2015)チートシート ES6に続いて、altJSの中でもひときわ勢いを感じるTypeScriptについて調べてみました。 概要 TypeScript = altJSの一種 オープンソース / マイクロソフト発 構文はJavaScript(ES5-6)と上位互換性がある ES6の構文はすべて使える 静的型付けによる型チェックができる点が特徴 その他、interface/enum/genericなど独自の機能が追加されている ES6と同様、開発時にjs(ES5)にトランスパイルすることで、ブラウザ上で実行できるようになる トランスパイルはnpmパッケージ(typescript)を使う 導入 試す(Playground) ブラウザ上でTypeScriptを書いて動かせるPlaygroundが公開されている。 http://www.typescriptlang.org/pla
逆引きWebpackの使い方 - Qiita
cloudpack あら便利カレンダー 2017 10日目の記事です。 最近はもっぱらWebpackです。 gruntがあんまり好きになれず、その後にきたgulpでしばらくやってましたが、 昨年からはもっぱらWebpackを使うようになりました。 npmに公開されているライブラリをモジュールとして扱いやすかったり、 JSフレームワークをつかったSPAサイトのソースコンパイルがしやすかったりと最近のフロントエンド開発を行うにはなにかと便利なツールです。 ただ実際開発に利用するとなると何かとこれはどうするの？ってのが出てくるので逆引き的に使えるようなリストを書きました。 基本公式サイトにのってる内容になります。 Webpack公式 ざっくり知っときたいけど、英語の公式読むの面倒ってかたの役に立てばいいなーと思います。 出力するファイルをわける、名前を指定する まずは基本編。 const pat
初夏のJavaScript祭(2017) 資料まとめ - Qiita
概要 JavaScript祭に参加してきたので発表資料や内容をまとめます。 間違いや追記などあればご指摘お願いします 初夏のJavaScript祭 in mixi twitter #jsfes 講演内容 講演資料 JSのエラーチェックツールを作ろうとした話 資料：https://www.slideshare.net/keisukeimura/javascript-76398722 ツイート:https://togetter.com/li/1115447 WW checkerを作った話 jsエラーやリンク切れなどを自動でチェックするツール 本日β版の事前登録開始！ Draft.jsによる 統制のとれたテキスト編集の世界 資料：https://speakerdeck.com/potato4d/draft-dot-jsniyoru-tong-zhi-falsetoretatekisutobian
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンJavascriptリソースが詰まったSpellbook of Modern Web Dev - hatekatsの日記
