NSEG 第 40 回勉強会で、mebius こと砂原昌史さんが発表でお使いになったスライドを代理でアップロードしました。
Navigation Timing is part of the Performance API and provides metrics associated with navigating from one page to another. For example, you can determine how much time it takes to load or unload a document, or log the time it took until DOM construction has finished and interaction with the DOM is possible. Only the current document is included, so usually there is only one PerformanceNavigationTi
先に選択方針を図にまとめたものをあげておきます。 JavaScript 系新言語のどれかは使うべき ? 最初にそもそも何か新しい言語を使う必要があるのか? というところから考えてみましょう。 JavaScript に変換する言語あるいは取って代わろうとする言語 がいろいろできてきている状況を考えると、 今のままの JavaScript には問題がある と多くの人が思っていることは間違いないです。 そのため、今後は JavaScript を直接書くのはやめて、 どれかの言語は使うべきだと思います。 JavaScript にもいいところはある、 新しい言語を覚えるのは大変という人も多いでしょう。 しかし、理由は後で説明しますが、そういう人でも TypeScript は使うべきです。 対象言語 ここに挙げたもの以外にもありますが、私が有名だなと思うものと対象にしました。 CoffeeScript
ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレクタを除去するのに役立ちますよ。 Helium -GitHub Heliumの準備 Heliumの使用方法 Heliumの準備 HeliumはjQueryなど他のスクリプトを必要せず動作し、URLのリストから全てのページをロードし、解析して、スタイルシートで見つけたセレクタが全ページで使用されているかどうかチェックし、レポートを作成します。 スクリプトは、開発環境で実行してください。 公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。 Step 1: 外部ファイル テストするページの全てに、当スクリプトを外部ファイルとして記述します。 場所は、head内でも</bo
Desktop App development for Linux, Mac, Windows using HTML5, Javascript, CSS3, and a little help from PHP, Python, Ruby if you need it!Desktop App development for Linux, Windows, and Mac using HTML5, JavaScript and CSS3 plus the power of php, python, and ruby when you need it. A little details on what this is... TideSDK (formerly Titanium Desktop) is a remarkable project inherited from Appcelerato
PathFinding.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 あるポイントからあるポイントにおける最短距離を求める問題があったとしましょう。直線ならば簡単ですが、その中に通れない壁があったとします。そこまで盛り込んだ上で最短距離を表示してくれるのがPathFinding.jsです。 デモです。緑から赤のポイントへ移動する経路を探索するのがルールです。 こんな感じに障害を作ります。そしてStart Searchボタンを押します。 探索が広がり、最後に経路のラインが引かれます。 探索方式は幾つかあります。 ポイントは移動させる事ができます。この場合はベストとは言いがたいようです。 PathFinding.jsの探索は緑のポイントから徐々に範囲を広げていって、赤にたどりついた所でその最短になるラインを結ぶ仕組みです。他にもアルゴリズムはあると
A Modernizr extension to detect device, device model, screen size, operating system, and browser details. View project on GitHub Detectizr is a Modernizr extension to detect device device model screen size operating system operating system version browser browser version browser engine browser plugins Detection of these sets are optional and can be disabled. Detectable device types are: tv (includ
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I
Built for Code Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project. /** * In fact, you're looking at ACE right now.
A lightweight, component-based JavaScript framework for assigning behavior to DOM nodes.Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've included a simple email client demo (browse the source) built over the Flight framework. There's also a flight implementation over on the t
With Anima it's easy to animate over a hundred objects at a time. Each item can have it's mass and viscosity to emulate reallife objects! And it's only 5k when gzipped. Examples Browser support Chrome, Safari, Firefox, Internet Explorer 10 Motivation CSS animations have some limits, the main is that you can't really have full control over them. And it's near impossible to stop transitions without
Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests. This guide is running against Jasmine version FILLED IN AT RUNTIME. Suites: describe Your Tests A test suite begins with a call to the global Jasmine function describe
yarn add countable The preferred method of installation is yarn. Alternatively, you can download the script directly. Out of the box, Countable can be used with AMD loaders (require.js), CommonJS loaders (node, browserify) or directly in the browser. Countable offers an easy to understand API. With a single method call you can enable live paragraph-, word- and character-counting on a given HTML el
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
I once worked for a company that sold access to legal and financial databases (as they call it, “intelligent information“). Most court records are PDFS available through PACER, a website developed specifically to distribute court records. Meaningful database products on this dataset require building a processing pipeline that can extract and index text from the 200+ million PDFs, representing 20+
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く