A modern JavaScript utility library delivering modularity, performance & extras.
lodash
A modern JavaScript utility library delivering modularity, performance & extras.
JavaScript によるフォームの送信 - ウェブ開発の学習 | MDN
ユーザーが HTML フォームを送信する場合、例えば送信ボタンをクリックすると、ブラウザーは HTTP リクエストを送信してフォーム内のデータを送信します。しかし、この宣言的な手法ではなく、ウェブアプリでは、フォーム送信を期待するエンドポイントにプログラムでデータを送信するために、 fetch() などの JavaScript API を使用することがあります。この記事では、この手法が重要なユースケースである理由と、その方法について説明します。 標準の HTML フォーム送信は、フォームデータの送信に関するこの記事で説明されているように、データが送信された URL を読み込みます。つまり、ブラウザーウィンドウが全ページ読み込みでナビゲートされるということです。 しかし、多くのウェブアプリ、特にプログレッシブウェブアプリや単一ページアプリは、サーバーからデータをリクエストし、ページの関連部分
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Grunt/Gulpで憔悴したおっさんの話 | MOL
先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
即時関数(function(){ ... })()の別の書き方いろいろ - 泥のように
JavaScriptでよく使われるコード片に即時関数というものがあります。無名関数を宣言して即実行することで、ブロックスコープの存在しないJavaScriptにおいて擬似的にブロックスコープを再現します。 var a = "global"; (function(){ var a = "local"; alert(a); //local })(); alert(a); //global 一番有名なのはこの(function(){ ... })()の形式なのですが、なぜfunctionの外側にカッコが必要なのか不思議に思ったことはないでしょうか？ ためしにfunction(){ ... }()と書いてみると、Syntax Errorが発生します。 なぜfunction(){ ... }()はSyntax Errorなのか JavaScriptにはfunction文とfunction式があって、
JavaScript開発のデバッグを加速するlog出力！
ブラウザのデベロッパツールのコンソールへlogを出力する方法と、 その際の注意点や解決策についてソースコード付きで解説します。 最終的にはlog出力の完成形として、 IEエラー回避、consoleオブジェクトの記述無し、デバッグ切り替え機能付きの プラグインの作成まで順を追って解説致しますので、最後までお付き合い頂ければ幸いです。 JavaScript開発において、変数の中身の確認や、処理フローの状況を確認する為には、 今まではHTMLへ出力したり、alert()等で通知したりといった事が主流でした。 しかし、ブラウザの技術進歩により、かなりJavaScript開発の手助けとなる機能が充実して来ました。 そんな中、ブラウザのデベロッパーツールのJavaScriptコンソールへ logを出力する事が可能となりました。 今回の記事では、そんなlog出力の方法と、Safari、ChromeやFi
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
DailyJS: Mastering Console Logging
The console object crops up everywhere. But what is it, and what can it do? Most people seem to use it without realising the sheer convenience it can provide. Let’s take a look at where it comes from, and how to use it correctly. Built-in vs. Host The console object is what’s known as a host object in ECMAScript. Host objects are supplied by the host environment. Node’s documentation refers to con
IE の console.log がよくわからない - Blog, The
きっかけ デバッグ用に console をラップしたオブジェクトを作ってて、Sinon.js を使ってテストをしてたら、なんか IE でエラーが出る。 調べてみると Sinon.js 内にこんなコードがあって・・・ function isFunction(obj) { return !!(obj && obj.constructor && obj.call && obj.apply); } これが console.log に対して false を返してるのが原因らしい。 true を返しそうなもんだけど・・・ どうなってんの？ どうも納得がいかなかったので、IE8 と IE9 のコンソールで色々試してみた。 typeof console.log は "object" を返す Object.prototype.toString.call(console.log) は "[object Obj
Sending multipart/formdata with jQuery.ajax
I've got a problem sending a file to a serverside PHP-script using jQuery's ajax function. It's possible to get the File-List with $('#fileinput').attr('files') but how is it possible to send this Data to the server? The resulting array ($_POST) on the server side php-script is 0 (NULL) when using the file-input. I know it is possible (though I didn't find any jQuery solutions until now, only Prot
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
Bootstrap
Get started any way you want Jump right into building with Bootstrap—use the CDN, install it via package manager, or download the source code. Read installation docs Install via package manager Install Bootstrap’s source Sass and JavaScript files via npm, RubyGems, Composer, or Meteor. Package-managed installs don’t include documentation or our full build scripts. You can also use any demo from ou
Single-page Application(SPA)を構築するための７つの勘所 - albatrosary's blog
業務アプリケーションを開発するために、特に、Single-page Application(SPA)を構築する場合に必ず考えなければいけない、最も重要な７つの要素を上げます。マネージャ視点から考えても”ここを外してはSPAの構築はできない”と言えます。 近年ブラウザの性能が向上したため、過去できなかったJavaScriptで多くの処理が可能となっています。Backbone.js や Angular等のJavaScriptフレームワーク、bootstrap等のCSSフレームワーク、開発環境のYeomanなど、もはや道具はすべて整っていると言えます。実際に私がSPAで構築するときに考えた事項です。 JavaScriptフレームワークを導入すること altJSを導入すること CSS Preprocessorを導入すること 適切な開発環境を提供すること フロントとバックを分散開発すること ハックで
Rich Internet Application(RIA) から Single-page Application(SPA) へ - albatrosary's blog
ここのところ SPA とは何かという話を良く聞かれてますので整理します。業務アプリケーションを構築するときに、SPA(Single-page Application) は RIA(Rich Internet Application) に変わる技術です。もはや Adobe Flash, Air, Silverlight, Javaアプレット など RIA の役割は終焉を迎え SPA という流れになっています（と考えています）。 従来の Rich Internet Application(RIA) RIA が注目されていた技術（特に下記３つ）は 表現力の高さ：動画や音声などマルチディアの活用が可能で高いデザイン性を持った画面要素の再生機能を備える デスクトップアプケーションと同等なUI：画面をリフレッシュすることなく、バックエンドでサーバーとデータの送受信が可能 ユーザーエクスペリエンス：ユー
Fun Script – Enterprise Resource Planning Software
For managing a business systematically, one needs a proper system for managing everything. Saying this, that it can be managed manually is not right. As the workload, these days have increased a lot and it is not possible for one to manage everything especially the documentation manually. Be it the inventory management or the accounts management, there is a need of the ERP software for all. To kno
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bitbucket
http://ja.d3js.info/alignedleft/tutorials/d3/
http://ja.d3js.node.ws/
Single-page application
