requiring npm modules in the browser consoleYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
js-good-parts
An AST for the "the good parts" of Javascript (as defined by Douglas Crockford) and a pretty printer for that AST. Designed to be the target of a code generator. Does not include a parser.
GeoGebra日本
GeoGebraとは、幾何、代数、解析を1つに結びつけた動的数学ソフトウェアです。 GeoGebraが「あそびをせんとや」2017年1月30日付の記事で紹介されています。 描画が抜群に美しい。 操作が容易である。 マウスで作図したオブジェクトの数式が「動的に」表示される。つまり、オブジェクトを移動、変形させると数式も自動的に変更され、逆に、数式を変更するとそれに応じてオブジェクトも変形する。 フリーソフトウェアである。 開発が活発である。 GeoGebra本家のダウンロードのページには、タブレット用のものとパソコン用のものがありますが、パソコン用について説明します。2015年10月3日現在の安定版は5.0.156 (windows) 5.0.148 (mac) です。 ソフトウェアのインストールが自由にできるならば、ダウンロードのページから次をダウロードしてインストールします。 Windo
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう 矢倉 眞隆（myakura） 今回お届けするのは、Jake Archibald氏とAlex Russell氏によるServiceWorkerのセッション「Appy Times with ServiceWorker – Bridging the gap between the web and apps」です。 Alex氏はService Workers仕様のEditorで、古くはDojoやChrome Frameに携わっています。TC39やW3CのTAGのメンバーとしても活動し、Extensible Web構想を推し進める一人です。 Jake氏はService Workers仕様の「ゴーストオーサー」だそうです。とても面白い人で、今回も彼のユーモアが炸裂、笑いに包まれた楽しいセッションとなり
2014-07-22のJS: Chrome36、Web ComponentsとPolyfillとCustom Element | JSer.info
JSer.info #184 - Chrome 36.0がリリースされました。 同じくChromium 36ベースのOpera23もリリースされています。 Operaのリリースノートの方が変更内容が分かりやすいかもしれません。 Dev.Opera — Opera 23 released Chromium Blog: Chrome 36 Beta: element.animate(), HTML Imports, and Object.observe() 何故かWeb Components(主にPolymer)に関する記事が色々出ていたのでまとめて紹介します。 Web Componentsの概要について知りたい方はまずTender Surrender: なぜ Web Components はウェブ開発に革命を起こすのかを見るといいでしょう。 The roles of AngularJS an
JavaScript フレームワークがデータバインディングを実現する４通りの手法
最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデル クラス方式 「モデルとして扱えるのはフレームワークが用意したモデル クラスのインスタンスだけ」という
JavaScript とのつきあい方
## JavaScript とのつきあい方 ### ここがダメだよJavaScript ### http://goo.gl/ovgS7Z Created by Shogo Kawase ## 自己紹介 - 河瀨翔吾（SHOGO） - 株式会社アークスタイル CTO - twitter: [@shogogg](http://twitter.com/shogogg) - PHP, Java, **Scala**, JavaScript, **TypeScript** - Android - AngularJS - Play Framework ## 本日の内容 - JavaScript の抱える問題点 - その解決方法があったりなかったり ## 問題点-1 ### 名前 ## JavaScript の名前の由来 - 元々は **Mocha** という名前で開発されていた - ライバルが Jav
昔ながらの「片手間に書くJavaScript」の限界 - mizchi's blog
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita この記事は、全体的に自分の業務以外の評価基準やトレンドを知らないんだなという感じで、わざわざ付き合うと精神的に消耗する感じがした。ただ、それが彼らの本職でない以上、自分もこの結論に至るのは仕方ないと感じている部分はある。 真の問題は、自分がレガシーなJavaScriptを書いているという自覚がない人間が、ここ数年の技術トレンドから乖離したコードを書き続けることで他のエンジニアやエコシステムそのものに悪影響を及ぼしているケースが散見されている。一行書く毎にグローバル汚染するスクリプトを見せられてもメンテ出来んと言われても、はいそうですねとしか言えないし、そういう人に最近のライブラリを触らせると遅くなるというのは、画面全体を一つのMustacheテンプレートにしてBackbone.Modelのパラメー
メンテナブルなJsってなんだろう
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア
ocamljs を使おう ： OCamlからJavaScriptへの変換 - keigoiの日記
ocamljs は OCamlから JavaScript へのトランスレータだ。前回の記事と順番が逆になってしまったけれど今回はocamljsについて書く (基本的に http://jaked.github.com/ocamljs/ 以外のことは書いてないです。)。 JavaScriptは歴史的経緯とその簡潔さからwebブラウザで使われているが，静的型付けでないので信頼性の面でいまいち不安だったり、言語の使いやすさの面でもパターンマッチの構文が無いとか、まともなモジュールシステムがないとかで良くない。 ocamljsを使えば、比較的安全・簡潔に大規模かつ動的なwebページを構成できるかもしれない。 ocamljsは残念ながらまだ成熟しているとはいえないが、実は既にすごく高機能だ。 現バージョンで既に DOM や jQuery を OCaml から操作できるし、いざとなれば JavaScri
DevTools 上で jQuery などのお気に入りのライブラリを簡単に使いたい方へ - latest log
Chrome の DevTools には Code Snippets という機能があります。 これは「DevTools 上でお気に入りのライブラリを登録しておいて簡単に呼び出して使いたい」と言った、ありがちなニーズにぴったりフィットする機能です。 ChromeのDevToolsでjQueryをいつでも使いたいなら、Source-Snippetsで右クリックして[New]選んでjQueryをペタリしておくと[Run]するだけでjQueryをDevToolsで利用可能になりますよ〜 http://t.co/SfLE4Sic39— コラーゲンたっぷりさん (@uupaa) 2014, 5月 15 http://t.co/Ee2keo5n7u これ色んな事につかえて、DevTools の IDE としての機能も、アイデアしだいで拡張できるので、もちょっと広く認知されるといいんだけども〜 (ミ・◇・
Jest
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
Blink in JavaScript
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
JavaScript variable name validator
Wondering if you can use a given string as a variable name in JavaScript? Learn how it works, or just use this tool. permalink Enter a variable name: That’s a valid identifier according to ECMAScript 6 / Unicode 8.0.0. However, the NaN, Infinity, and undefined properties of the global object are immutable or read-only. Setting them won’t have an effect. Avoid using this variable name. It is a rese
JavaScriptStackTraceApi邦訳。Errorオブジェクトのstackについて。 | Ginpen.com
Google ChromeやNode.jsで利用可能なAPIです。Firefox等には搭載されていません。（まーあんまり使う場面なさそうですけど。） http://code.google.com/p/v8/wiki/JavaScriptStackTraceApi 以下、翻訳です。 All internal errors thrown in V8 capture a stack trace when they are created that can be accessed from JavaScript through the error.stack property. V8 also has various hooks for controlling how stack traces are collected and formatted, and for allowing custom
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://duojs.org/
お前自分ちのページャUIが本当に速いと思ってんの？
GitHub - thlorenz/exorcist: Externalizes the source map found inside a stream to an external .js.map file
JavaScript Promiseの本
Front End Ops Tooling
