Rome
Code function HelloWorld({greeting = "hello", greeted = '"World"', silent = false, onMouseOver,}) { if(!greeting){return null}; // TODO: Don't use random in render let num = Math.floor (Math.random() * 1E+7).toString().replace(/.d+/ig, "") return <div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}> <strong>{ greeting.slice( 0, 1 ).toUpperCase() + greetin
Snowpack
Update (April 20, 2022): Snowpack is no longer actively maintained and is not recommended for new projects. Check out Vite for a well-maintained Snowpack alternative. See also: esbuild, parcel What is Snowpack?Snowpack is a lightning-fast frontend build tool, designed for the modern web. It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development workflow. Sno
Parcel – The zero configuration build tool for the web.
The zero configuration build tool for the web. JavaScript. CSS. HTML. TypeScript. React. images. SASS. SVG. Vue. libraries. Less. CoffeeScript. Node. Stylus. Pug. Electron. Elm. WebGL. extensions. GraphQL. MDX. XML. Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
webpack module bundler
Getting started by reading the documentation, which also contains an introduction and a tutorial.
Facebook、JavaScript用の静的型付けチェッカー「Flow」をリリース | OSDN Magazine
米Facebookは11月18日、JavaScript向けの静的型付けチェックツール「Flow」をオープンソースで公開した。JavaScriptプログラムの型エラーを発見できるというツールで、Facebook社内で実験利用されているという。 FlowはOCamlで実装されたJavaScript向けのデバッグツール。データ型の違いによって生じる問題を解決するために開発したという。コード中に型情報を埋め込むことなしに事前の型チェックを行えるほか、コード中に明示的に型情報を記述して使用することも可能。これにより、JavaScriptコードを段階的に型付きのコードに書き換えて行くこともできるという。 型情報の記述には独自のフォーマットを使用しているが、簡単に通常のJavaScriptコードに変換できるという。そのため、Flow向けに記述したコードは容易にさまざまな環境で実行できるという。Faceb
Introduction | Frisby
Frisby makes REST API testing easy, fast, and fun. Frisby.js comes loaded with many built-in tools for the most common things you need to test for to ensure your REST API is working as it should, and returning the correct properties, values, and types. When you need something custom, Frisby.js also provides an easy way to customize and extend assertions to make your job easier, with less repetitiv
initial.js - ユーザ名を使った格好いいプロフィール画像を生成 MOONGIFT
最近は大抵のサービスでユーザプロフィール画像が掲載できるようになっています。FacebookやTwitter、GitHubから取ってきてくれれば良いのですが、そうでない場合は自分でアップロードする必要があります。そうしないと格好わるいデフォルトの画像だったりしますよね。 ユーザごとに多少なりとも変化を持たせたいと思うならばinitial.jsの仕組みを使ってみてはいかがでしょう。名前の最初の文字を使ってプロフィール画像っぽい演出をしてくれます。 initial.jsの使い方 例えばこんな感じです。 名前の最初の文字が四角の中に入っています。背景色が違うだけで随分印象が違いますね。 大きさの変更もできます。 JavaScript/HTMLのコードは以下のようになります。 <img data-name="Steve" class="profile"/> $('.profile').initia
Blog
Unlocking Success in Tech Education: Why Code Fellows Leads the WayBy Mitchell Robertson on September 29, 2023 In today's fast-paced digital world, technical skills have become the currency of success. Whether you're a recent high school graduate looking to kickstart your career, a seasoned professional seeking a change, or an employer searching for top talent, the choice of who to partner with fo
ハッピーケアメンテ 最新情報の紹介
当サイトでは、株式会社ハッピーが不定期に配信しているメールマガジンのバックナンバーを掲載中！ ハッピーケアメンテの最新情報が詰まっていますのでぜひご覧ください。 メールマガジンでは、お得なセール情報や衣服のケアメンテ方法などをご紹介しています。 「メールマガジン登録」から配信申込みができます。
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
Grunt: The JavaScript Task Runner
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
nishio/jscc @ GitHub
JavaScript is very loose language. Closure Compiler helps us to keep quality of codes. jscc does: watch modification of your JS files (using watchdog and goog.require dependency), background compile & lint (using Closure Compiler and Closure Lint), visualize them with dinamic graph (using Highcharts and Flask). Dependencies Closure Linter growlnotify Watchdog Closure Library Closure Compiler Flask
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
WebKit サーバーというものを作ってみた - IT戦記
みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSPM.IO
Bazel
Blanket.js
http://docs.busterjs.org/en/latest/
GitHub - impress/impress.js: It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
