JSの最適化ツール「Prepack」を使ってみる - Qiita
Prepackとは Facebookから公開されたJSをAOTコンパイルするツール コードの最適化を行う どんな変換がされるかは、こちらの例のようになる コンパイル時に計算できるものは計算しておくので、ランタイム時の動作が早くなる まだ出たばっかりで初期の開発段階 こちらのロードマップを見る限り、Prepack単体でES6が動く状態になるのは、まだ先（中期以降） つまりBabelなどのトランスパイラで変換したコードに対して、Prepackを実行するようにしないと変換できない たまたま見つけたprepack-webpack-pluginっていうのを使って、どんな感じになるか見てみたいと思います https://github.com/TheLarkInn/prepack-webpack-plugin ググるとeslint-plugin-prepackやrollup-plugin-prepack
Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy
Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. More thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux Intro 🔗︎ I've spent a lot of time discussing Redux usage patterns online, whether it be helping answer questions from learners in the Reactiflux channels, debating
Flowによる型チェックでJavaScriptのつまらないミスを防ぐ方法
バグの原因を探ってみると、つまらないミスだったということはありませんか。たとえば、関数に引数を渡す順番を間違える、数字の代わりに文字列を渡す、といったことはありませんか。 JavaScriptの貧弱な型システムが静的型付き言語では起こらないバグの一因になることがあります。 Flowは、2014年のScale ConferenceでFacebookがはじめて発表したJavaScript用の静的型チェッカーです。JavaScriptコードの型エラーを見つけるのを目的として考案され、実際のコードを変更する必要があまりなく、プログラマーの労力をほとんど使いません。同時に、JavaScriptに構文を追加し、開発者がより簡単に型を管理できるようにもできます。 この記事では、Flowと主な特徴を紹介します。セットアップ方法、コードに型アノテーションを追加する方法、追加したアノテーションをコードを実行す
Learn Node
The best way to learn server-side JavaScript! Learn Node!A premium training course to learn to build apps with Node.js, Express, MongoDB, and friends. Start Learning Now → Learn to build applications and APIs with Node.jsNode.js, Express, MongoDB and friends are some of the most in-demand web development skills. This course is the cumulation of everything I've learned building dozens of Node.js ap
Announcing the new webpack CLI
After getting feedback from the community about webpack being hard to get started with, we listened and decided to re-envision the CLI for webpack. Although much of the logic from the old CLI was kept, a set of new features have been added: init and migrate. Reducing webpack confusion through scaffoldingAs part of the new CLI, we’re unveiling a new feature aimed at improving the webpack user exper
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
ES2015のモジュール管理
今までのJavaScriptには言語レベルでのモジュール管理機能がなく、ライブラリとして提供されているのみでした。それが遂に、ES2015では言語仕様レベルでモジュール管理に関する機能が追加されました。まだ実装されているブラウザはありません（2017年4月現在）が、トランスパイラを導入すれば使用することは可能なので、この機会に学んでいきましょう。 CommonJSとは ES2015のモジュール管理を学んでいく前に、今までのJavaScriptにおけるモジュール管理がどのように行われてきたかという背景を理解していきましょう。 元々JavaScriptはブラウザ上で動く言語として開発されていました。そのため、サーバーサイドなどのWebブラウザ以外で動作させるためのAPIがなく、仕様についても存在していない状態でした。そこで、この仕様を策定するために発足したプロジェクトがCommonJSプロジェ
Sprockets管理のJavaScriptを強引にユニットテスト - Money Forward Developers Blog
フロントエンドの石井と申します。 好きなゲームの種類はハクスラとローグライクです。 最近は Crypt of the NecroDancer に挫折して、Tales of Maj'Eyal へ河岸を変えました。 さて、弊社は Web アプリケーションのフレームワークとして主に Rails を採用しており、そのためブラウザで実行する JavaScript コードは、基本的には Sprokets （実際には sprockets-rails という Rails 用のインターフェース）を介してビルドされています。 この環境で、せめて各画面共通で使うモジュールにはユニットテストを書きたいと思い、Node.js 製ツール群の力を借りてそれを可能にしてみた、という話です。 ゴール Rails 4 デフォルト設定である、Sprockets と CoffeeScript による JS のビルドチェーンは変更
SPAにおけるCSSについて、ひとつの解（追記あり） - エンジニアをリングする
SPAにおけるCSSのありかたについてずっと悩んでたけど昨日今日で一筋の光明が見えた— よしこ (@yoshiko_pg) 2017年4月7日 この話を簡単にまとめておこうと思います。 結論を先に書くと「今のところtemplate literal内にCSSを記述する形式のCSS in JSがいい感じ。Reactならstyled-componetnsが良かった」という感じです。 悩んでいたこと コンポーネント指向でSPAを作っていく上で、CSS（というかスタイリング）はどう書いていったらいいんだろう？ということに結構悩んでいました。 HTMLとJSがコンポーネントとしてまとまっていく中でCSSだけは今まで通り別物として扱い、BEMなどでグローバルスコープと戦うのか？はたまたCSSの枠をはみ出てJSコンポーネントの粒度に合わせたコンポーネント化をするのか？ 加えて、見た目も挙動も複雑なアプリケ
コピペでOK！はてなブログで記事の読了時間の目安を表示させてみた！ - すずろぐ
こんばんは、すずしんです。 今回は、はてなブログの記事の表示面でのカスタマイズという事で…。 記事の読了時間の目安を本文前に表示させてみることにしました。 実装方法としては、記事の読了時間を計算するJavaScriptのコードを貼り付けるだけです。 コピペで簡単に導入できますので、ぜひあなたも試してみてはいかがでしょうか？ 記事の読了時間を表示することのメリット 記事の読了時間の目安の表示方法 ひとこと 記事の読了時間を表示することのメリット 他のはてなブログの記事を見ていると…。 記事に読了時間の目安が表示されていることがありますよね。 これがあると、例えば…。 「この記事は3分で読めるのか、じゃあ試しに読んでみよう！」 となるかもしれませんよね。 逆に、読了時間が長い場合には、興味がありそうな記事の場合なら…。 「時間がかかりそうだから、後で読もう！」 となって、ブックマークしてくれる
数学 - JavaScript - いろんな場合の数での最小公倍数と最大公約数の長方形と正方形 - ( @hyuki )結城浩 さんのツイートより | Kamimura's blog
数学 - JavaScript - いろんな場合の数での最小公倍数と最大公約数の長方形と正方形 - ( @hyuki )結城浩 さんのツイートより
結局VanillaJSである。 - nobkzのブログ
anond.hatelabo.jp nida3001.hatenablog.com 上記のブログに刺激されて私もフロントエンドというかJavaScriptに対する思いを綴ったポエムをば。しかし、なんか書くのダルいので、大分大雑把にかくぞ。 さて、さっそく結論を述べよう。今のフレームワーク論争やらに対する解決策はVanillaJSを使うってことである。 フロントエンドSPAのフレームワークについて まず、今のほとんどのフレームワークが使えないってのはそのとおりである。その話してみよう。その理由は、「フロントエンド」 ってのは一括りにできないからである。「ハッカーと画家」のとある言葉をアレンジして言えば「フロントエンドはユーラシア大陸のようなものである」。フロントエンドが関わる範囲が大きすぎるのである。ヨーロッパもあればアジアもあれば中東もあるという感じである。 範囲が大きすぎて、フレームワー
はじめてプログラムを書いた時，はじめてHTMLを書いた時，はじめてWeb制作の仕事をした時のことを思い出しながら、オススメ本を５冊紹介してみる | F's Garage
はじめてプログラムを書いた時，はじめてHTMLを書いた時，はじめてWeb制作の仕事をした時のことを思い出しながら、オススメ本を５冊紹介してみる 何冊か初心者向けの本があるので紹介しようと思い、本を読み始めた。 そういえば自分はどういうきっかけでプログラミングを始めたんだろう。どうやってWebの仕事に慣れて行ったんだろう。どうやってHTMLを書いたんだっけ、なんてことを考え始めた。 僕は、はてブやネットで見かける天才の人達と違って、本を読んで興味本位で手を動かしたらできるようになったというタイプではない。プログラミングの始まりは同世代の人達に近いファミリーベーシックだったが、マリオを動かすぐらいしかやってない。その後、パソコンを買ってBASICによるゲームを動かすことは知った。徳間書店の雑誌に書いてある音楽のプログラムを友達と入力したが、何かが間違っていたのか動かなかった。どう見ても間違って
フリーランスエンジニアが知っておきたい注目のWEBサービス・アプリのプログラミング言語＆フレームワーク動向【2017年版】 : IT・ビジネス業界動向やデザイン分析｜オカラボ
（内容に不備がありましたので修正させて頂いております。不備のある内容を掲載して申し訳ございません。） 2017年4月にエン・ジャパンの”［49選］国内注目のWebサービス・アプリを大調査！ プログラミング言語、フレームワーク、アーキテクチャの一覧【2017年春】”という記事が少し話題になっていましたが、今回はそこで掲載されていた国内注目のWEBサービス・スマホアプリに使用されているプログラミング言語、フレームワーク、開発ツールなどの技術情報を集計してみました。日本で話題となっているWEBサービス・スマホアプリにおける技術動向を把握する上で、少しでもお役に立てると幸いです。（掲載内容を集計しているため、技術的に分類などが正確ではない部分もあるかと思いますが、ご了承頂ければと思います。） エンジニアにも人気のWEBサービス・スマホアプリ多数調査対象となっているサービスジャンルは以下の通りで、全
JavaScriptでループ中にスリープする。 - Qiita
function intervalForTo(startIndex,endIndex, interval, func) { if (!(startIndex <= endIndex)) { return; } var i = startIndex; var loopFunc = function () { if ( func(i) === false) { //戻り値がfalseならループをbreakする return; } if (i < endIndex) { setTimeout(loopFunc, interval); } i++; } loopFunc(); } function intervalForDownTo(startIndex,endIndex, interval, func) { if (!(endIndex <= startIndex)) { return; } v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - google/lovefield: Lovefield is a relational database for web apps. Written in JavaScript, works cross-browser. Provides SQL-like APIs that are fast, safe, and easy to use.
Web制作の20年史――デザイナーとエンジニアの協業、効率化の課題にツールはどう応えるべきなのか
Ode to the use-after-free: one vulnerable function, a thousand possibilities
hatebu.me
今、Reactでリポジトリ公開するなら、これくらいは対応しておきたい - Qiita
