Aug 21, 2014Download as pptx, pdf178 likes51,075 views
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
Aug 21, 2014Download as pptx, pdf178 likes51,075 views
さよなら CoffeeScript
僕たちは終わりだ。 ごめんね、君のせいじゃない、僕のせい。 僕は本当に君が好きなんだ、だけど今こそ大きなきな挑戦や決心をする時だと僕は思う。 僕が君を最初に見た時、僕は君の美しいリスト内包表記から目を離す事ができなかった。 君のアロー関数は信じられないぐらい素晴らしかった。 僕たちが一緒に過ごした特別な瞬間を君も覚えているはずだ。とてもすばらしかった。あれは一目惚れだった。 君は、僕に生きるために必要な事を教えてくれた両親 Mr. Python と Mrs. Ruby 思い出させる。 だけど今、僕は両親の助けを借りず自分で決められる。 言った通り、君に悪い所は何も無い。 僕はただ危険な所に飛び込んで、男なら誰でもそうするように冒険に足を踏み入れたいだけなんだ。 バックパックを背負って、ここじゃない世界を見つけるために。 君と一緒だと、関数名を決める自由も無い。 僕がやりたいようにクラスを作
仮想DOMテンプレーティング概念
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
米Yahoo!が国際化のためのJavaScriptライブラリ「Format.JS」を公開 | OSDN Magazine
米Yahoo!は10月14日、Webアプリケーションの多言語対応に向けたJavaScriptライブラリ「Format.JS」をオープンソースで公開した。数字、日付、文字列のフォーマットにフォーカスし、テンプレートライブラリと統合できるモジュールなどを集めたライブラリコレクションとなる。 Format.JSは、Yahoo Presentation Technologiesチームが開発するプロジェクト。Yahoo!社内のプロダクトチームと共同で、JavaScriptを使ったアプリケーションの国際化で生じる問題を解決する目的で開発したという。すでにYahoo!では運用環境で利用されている。 Format.JSを利用することで、Webアプリケーションの国際化を行うことができる。150以上の言語に対応し、セパレータを使った数字（たとえば「1000.95」は、英語では「1,000.95」だがフランス語
scrollイベントが呼ばれすぎることへの対処 - 素人がプログラミングを勉強していたブログ
onscrollを監視していると大量にeventが来てパフォーマンスが劣化するというのはよく聞く話で、 underscore.jsなどでイベントをthrottleやdebounceさせて対処していることが多い。 ただ、scrollに応じてスタイルを変更させたりする場合は、0.1秒くらい遅れがあると視覚的にカクカクしがちで、仕方なくsetTimeout(fn, 0)でthrottleさせることも多いと思う。 scrollイベントは画面のフラッシュレートと同期していないので、マウスやトラックパッドの動きに応じて大量に呼ばれていて、setTimeoutも画面のフレッシュレートとは関係なく内部の実行タイマーに応じて動いている。よって、setTimeout(fn, 0)でthrottleしてもまだ無駄が多い。実験してみたところ、requestAnimationFrameを使うと少しだけマシになること
regex-weburl.js
regex-weburl.js � �檪 `R�檪 // // Regular Expression for URL validation // // Author: Diego Perini // Created: 2010/12/05 // Updated: 2018/09/12 // License: MIT // // Copyright (c) 2010-2018 Diego Perini (http://www.iport.it) // // Permission is hereby granted, free of charge, to any person // obtaining a copy of this software and associated documentation // files (the "Software"), to deal in the So
Marionette.js ベースで3ヶ月開発したアプリのカバレッジ推移をまとめてみた - @kyanny's blog
6月の頭から3ヶ月ほどかけて、 Rails + 一部 jQuery 的なよくある構成のウェブアプリケーションのフロントエンド部分を Marionette.js をベースに作りなおした。メンバーはいわゆるウェブ系のスキルセットを持つ開発者3名。 Marionette.js の経験者は一人もいなかったが、別プロジェクトが先行して Marionette.js を採用して同様のリニューアルを終えたタイミングで、ある程度のノウハウと「なんとかなりそう」という手応えはあった。 せっかく新しくはじめるのだからちゃんとテストを書きたい、そしてカバレッジも計測したいと思い、先行していたプロジェクトで利用していた konacha ではなく、カバレッジ計測機能をもつ teaspoon を採用した。どちらも Rails アプリの assets に置かれる JavaScript/CoffeeScript に対するテ
C3.js | D3-based reusable chart library
Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Controllable C3 provides a variety of APIs and callbacks to access th
Advanced objects in JavaScript
This posts looks beyond everyday usage of JavaScript’s objects. The fundamentals of JavaScripts objects are for the most part about as simple as using JSON notation. However, JavaScript also provides sophisticated tools to create objects in interesting and useful ways, many of which are now available in the latest versions of modern browsers. The last two topics I talk about, Proxy and Symbol, are
ウェブ開発の学習 | MDN
MDN のウェブ開発の学習（または学習）へようこそ。このリソースでは、成功するフロントエンド開発者になるために必要なスキルと実践を教える、構造化されたチュートリアルセットを示しており、課題やさらに推奨されるリソースも提供しています。 フロントエンド開発者がキャリアを成功させ、業界で通用するために必要なスキルと知識を定義します。 MDN コミュニティによって作成され、より幅広いウェブコミュニティの学生、教育者、開発者からの観察により改良されました。 あなたを（「初心者」から「エキスパート」ではなく）「初心者」から「慣れ親しむ」ところまで導き、より高度なリソース（MDN の他の部分など）を使用するのに十分な知識を提供します。 コードを全く書いたことがない方 入門モジュールでは、まったくの初心者の方を対象に、セットアップチュートリアルや、必要な概念や背景の情報を提供しています。 まったくの初心者
JavaScript - MDC
JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr
traceur-compiler 入門 - from scratch
最近ちょっとはまってるtraceur-compilerについて紹介していきます。 前書き 今回、書いてたら非常に長くなってしまって、ちょっとした薄い本の記事くらいの文量があります。 その代わり、公式ドキュメント + コードの中を読みこんで書いているので、今のところ多分日本では一番詳しい記事かと思います。 すごく長いので章分けしました。興味が有るところだけ読み飛ばしてもらってもいいかと思います。 第一章 traceur-compiler概要 第二章 ES6言語仕様概要 第三章 traceur compilerの使いどころと類似ツール 第一章 traceur-compiler概要 traceur-compilerとは Googleが作っている EcmaScript6 形式で書かれた JavaScript を EcmaScript5 の形式に変換してくれるツールです。"トレーサーコンパイラー"と
Eloquent JavaScript
This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or get your own paperback copy of the book. Written by Marijn Haverbeke. Licensed under a Creative Commons attribution-noncommercial license. All code in this book may also be considered licensed under an MIT license. Illustrations by various artists: Cover by Wasif Hyder. Computer (introduct
Visualizing Algorithms
The power of the unaided mind is highly overrated… The real powers come from devising external aids that enhance cognitive abilities. —Donald Norman Algorithms are a fascinating use case for visualization. To visualize an algorithm, we don’t merely fit data to a chart; there is no primary dataset. Instead there are logical rules that describe behavior. This may be why algorithm visualizations are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mattdesl/module-best-practices: :books: some best practices for JS modules
Tristan (T4T5)
株式会社ピクセルグリッド / PixelGrid Inc.
GitHub - forcedotcom/scrollerjs: A JavaScript library that helps you build performant UI components for the web.
Javascriptのcall/apply関数のプロっぽい使い方 〜 JSおくのほそ道 #014 - Qiita
Epoch by Fastly