Seriously.js
90 users
すべて表示
Readium Foundation、Javascript版EPUBビューワ「Readium.js」を公開 - ITmedia eBook USER
3 users
Readium Foundation、Javascript版EPUBビューワ「Readium.js」を公開 NPO法人Readium Foundationは5月30日（現地時間）、EPUBビューワのリファレンス実装として開発されている「Readium」のJavascript版「Readium.js」を公開した。 Readium Foundationは、IDPF... 続きを読む
可視化周辺の進化がヤヴァイ～rChartsを中心として～
204 users
可視化周辺の進化がヤヴァイ～rChartsを中心として～ Presentation Transcript 可視化周辺の進化がヤヴァイ～rChartsを中心として～第31回 勉強会＠東京(#TokyoR)@teramonagi 自己紹介• ID:@teramonagi• お仕事：遊撃• 興味：/C++/R/python/javascript/F#/数... 続きを読む
すべて表示
一行の記述で使えるJavaScriptグラフライブラリ「Chartkick」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
85 users
ChartkickはRailsやそれ以外のシステムで手軽に使えるグラフライブラリです。Web上にグラフを描こうと思うと途端に面倒な気がしてしまいます。そこで使ってみて欲しいのがChartkickです。Railsとの親和性の高いグラフ描画ライブラリです。 線グラフ。 円グラフ... 続きを読む
O'Reilly Japan - 入門 ClojureScript
28 users
本書は、ClojureScriptを使ったクライアントサイドプログラミングの基礎を概説する書籍です。プログラミング言語Clojureとほぼ同じ 文法から、Google Closure Libraryを用いて最適化されたJavaScriptへと変換できる、ClojureScriptの魅力を紹介します。開発環境... 続きを読む
Amazon.co.jp： JavaScript Ninjaの極意: ジョン・レシグ、ベア・ビボー: 本
39 users
商品の説明内容紹介 jQueryの開発者が語ったプログラミングの秘密! JavaScriptは現在のホームページ作りには欠かせないプログラミング言語です。GoogleやFacebookなどの先進のWebアプリケーションは、jQueryなどのJavaScriptライブラリを利用して作られています... 続きを読む
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
704 users
JSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTP... 続きを読む
Javascriptでヒアドキュメント #JavaScript - Qiita [キータ]
71 users
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> <style> .title{ widt... 続きを読む
1 RT▼
1 RT
JavaScriptで日付を扱うならこれ！「moment.js」 : アシアルブログ
195 users
こんちは。松田です。 JavaScriptで日付を扱う場合、通常はDateオブジェクトを使いますが、これが使いづらい上に機能が足りてないのでいろいろ苦労しますよね。 そこでオススメなのがmoment.jsです。 これを使えば日付処理の悩みが解消されること間違いナシです... 続きを読む
O'Reilly Japan - JavaScriptデザインパターン
173 users
JavaScriptの人気とともに、JavaScriptでのデザインパターンの利用局面も増えています。本書ではGoFのデザインパターンに沿って、その実装例やパターンの適用事例を網羅的に示し、デザインパターンをJavaScriptにも応用したいというニーズに応えています。モジ... 続きを読む
JavaScriptの開発効率を高める7つのライブラリ｜1 pixel｜サイバーエージェント公式クリエイターズブログ
823 users
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 Entries ... 続きを読む
すべて表示
JavaScriptの落とし穴
493 users
Statistics Likes 0 Downloads 1 Comments 0 Embed Views 0 Views on SlideShare 76 Total Views 76 JavaScriptの落とし穴 Presentation Transcript 2013/4/27 @ HC社内勉強会JavaScriptの落とし穴 今日話すこと普通のOOPL経験者から見たコアJSのハマりどころ→... 続きを読む
about d3.js
17 users
about D3.js by Yosiya Hinosawa スライドの URL: http://kt3k.github.com/d3intro/ D3.js? D3.js とは・・・ ブラウザ向け javascript のライブラリ Data Visualization 用途 (グラフ、チャート etc...) minify して 140+KB D3.js GitHub で公開 スターの数 7... 続きを読む
Processing.js Animation
81 users
Processing.js Animation Examples. Based on Keith Peters's book. Processing.js - about Processing.js Processing - about Processing BIT-101 - Keith Peters METAPHOR - My Company false.jp - My personal project MUTT - My personal project 続きを読む
JavaScript: Need for Speed // Speaker Deck
16 users
http://www.meetup.com/SF-Web-Performance-Group/events/112609542/ Analyzing the performance of large-scale JavaScript applications requires a distinct set of tools. It is no longer enough to run various benchmarks by creating loops and measuri... 続きを読む
Log – Console.log with Style
55 users
すべて表示
HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS LAB
389 users
こんにちは、ICS池田です。HTML5でインタラクティブコンテンツを制作するにあたり、さまざまなJavaScriptライブラリがありどれを選ぶのか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみ... 続きを読む
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプルまとめ14個 - W3Q
496 users
わずか280行程度のJavaScriptで作られた、マウスで破ることができる布の物理シミュレーション。 Tear-able Cloth - CodePen http://codepen.io/stuffit/pen/KrAwx Javascript cloth simulation.... 続きを読む
JSでアメーバのシミュレーション作ってみた | fladdict
107 users
jsでアメーバのシミュレーションを作ってみるなど。要HTML5環境(iPhoneだと重すぎる)。 スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにか... 続きを読む
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」:phpspot開発日誌
167 users
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。 国、通貨、日付、時間、電話番号、フォント等を入力する... 続きを読む
[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix | コリス
72 users
jQueryのプラグイン「CSSMatrix」を使って、不連続のレイヤーに要素を配置し、それぞれを分離して3Dにぐるぐる回転して表示するデモを紹介します。 3D-ifying Documents Using CSS Transforms デモは最新のモダンブラウザでご覧ください、IEは9+、できればIE10... 続きを読む
[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator | コリス
281 users
かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング... 続きを読む
ECMAScript 6 compatibility table
24 users
Please note that some of these tests represent existence, not functionality or full conformance. I hope to test conformance sometime in the future. Feature name Current browser IE 10 Firefox Firefox (nightly) Chrome Chrome (dev channel) Safar... 続きを読む
ページを移動（離脱）するときにjQueryで警告を出す方法: 小粋空間
332 users
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動すると... 続きを読む
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密 - GIGAZINE
1149 users
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な... 続きを読む
[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js | コリス
305 users
スクロールしすぎも補正 windows.jsの使い方 実装は簡単で、既存のコンテンツにclassを加えるだけで適用できます。 Step 1: HTML HTMLは各コンテンツを配置しているdivやsectionにclassを加えるだけです。 classは変更可です。 <section class="window"></secti... 続きを読む
アイデア満載！レスポンシブ対応のナビゲーションを実装するチュートリアルのまとめ | コリス
246 users
デスクトップ、タブレット、スマートフォン、それぞれに適した表示にするナビゲーションを実装するチュートリアルを紹介します。 CSSで、JavaScript併用、jQueryのプラグインで簡単実装など、いろいろあります。 Animenu デモページ 左：デスクトップ、右：スマ... 続きを読む
すべて表示
属性設定で簡単にデータバリデーションが出来るJSフレームワーク「Parsley.js」:phpspot開発日誌
52 users
Parsley.js 属性設定で簡単にデータバリデーションが出来るJSフレームワーク「Parsley.js」 <input>に対して data-* の形で属性を設定すればデータのバリデーションが簡単にカッコよくできちゃうフレームワークです。 例えば、<input data-type="email">って記... 続きを読む
Bootstrap Typeaheadの日本語入力対応 | PLUS
19 users
Bootstrapに入っているTypeheadは、フォームに入力している途中で、候補文字が出てきて補完してくれる便利な機能です。こんな機能をかんたんに導入することができて、最高なんですが、日本語入力に対応していないという致命的欠点があります。 Typeaheadが日本... 続きを読む
すべて表示
TEST CORDING » JavaScriptでオーディオビジュアライザを作ってみた
18 users
Web Audio API という、ブラウザ上で音を解析したり鳴らしたりできるプログラムを利用してオーディオビジュアライザを作ってみました。 使用しているライブラリ @phi_jp さんが作成された、 tmlib.js を利用しています。このライブラリは……一言で「コレができ... 続きを読む
jQuery の .on() と .off() を理解する - tacamy memo
397 users
2013-03-03 jQuery の .on() と .off() を理解する 初心者向けの本とかだと、イベントは jQuery オブジェクトの後に直接指定する、 $('.foo').click(function(){...}); のような記述方法で説明されている場合が多いですが、少し複雑なことをしようとすると、そ... 続きを読む
すべて表示
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ「w2ui」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
423 users
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバ... 続きを読む
すべて表示
js で利用する DOM の名前をどうやってつけたらよいのか - willnet.in
245 users
js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を... 続きを読む
すべて表示
jQueryを高速に動作させるためのポイント５つ | 株式会社LIG
141 users
最近東京にこなれてきたどうも僕です。何がこなれてきたって？電子マネーさ！東京ならSuica、Edy、Waon、なんでもタッチで買えちゃうんだぜ！コンビニで清算するとき、「支払いはEdyで」と一言、そして、読み取り機にソフトタッチ。支払いのシャリーンという音... 続きを読む
Twitter製の高速なオートコンプリート用JSライブラリ「typeahead.js」:phpspot開発日誌
107 users
typeahead.js Twitter製の高速なオートコンプリート用JSライブラリ「typeahead.js」 ハードコードデータとリモートのデータを両方サジェストできたり、サジェスト部分のテンプレートをいじったりできるみたいです。 オートコンプリート用ライブラリは数あれど、... 続きを読む
すべて表示
クライアントサイドJavaScriptでのビューの作り方4つ - id:anatooのブログ
230 users
クライアントサイドJavaScriptでのビューの作り方を大別すると、3つある。 DOM操作型 テンプレートエンジン型 データバインディング型ここでいうビューの作り方とは、有り体にいうとJavaScriptからどうやってDOM要素を生成したりするかどうか。イベントリスナー... 続きを読む
HTML / DOM におけるキーボードイベント周りの話 - ひだまりソケットは壊れない
113 users
2013-02-24 HTML / DOM におけるキーボードイベント周りの話 JavaScript DOM HTML 最近キーボードショートカットの実装をしようと思ってキー入力によるイベント周りについて調べてみたのだけれど、日本語でまとまった情報が見つからなかったので、キーボードシ... 続きを読む
O'Reilly Japan - メンテナブルJavaScript
168 users
JavaScriptのカリスマ的ハッカーが、「読みやすくメンテナンス性の高いJavaScriptコード」という観点から書いた一冊。JavaScriptを知り尽くした著者が自らの開発経験を通して身に付けた、チームで開発する上で、誰もが読め、そしてメンテナンスしやすいコードを... 続きを読む
すべて表示
JavaScriptのthis - Write and Run
78 users
2013-02-01 JavaScriptのthis どれがこれであれがどれだ。なんか JavaScript の this について揉めてるらしいので燃料投下することにした。これで何度目だよチキショー。早いとこ学習しやがれ。 this は4種類もない this は1つだ。「this はレシーバを指す」 こ... 続きを読む
jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery
390 users
jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 （※ページをそのまま訳したわけでは... 続きを読む
すべて表示
Flight by Twitter
218 users
A lightweight, component-based JavaScript framework for assigning behavior to DOM nodes.Flight A lightweight, component-based JavaScript framework from Twitter View on GitHub Overview Flight is a lightweight, component-based JavaScript framew... 続きを読む
Textillate.js
291 users
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits T... 続きを読む
HTML5 カスタムデータ属性「data-*」にJavaScript、jQueryからアクセスする方法 | Dress Cording
98 users
HTML5では「data-*="value"」の形式で属性名にプライベートな値を設定できるカスタムデータ属性の仕様と、そのカスタムデータ属性にJavaScriptからアクセスするAPIが定義されました。 でも実はJavaScriptだけではなく、jQueryはもちろんCSSからでもアクセスする... 続きを読む
書評：仕事でJavaScriptを覚える人に「プロになるためのJavaScript入門」 － Publickey
200 users
プログラミング言語の経験がある人がJavaScriptを覚えようとすると、「あれ？ なんか違うぞ？」という経験を何度もするのではないでしょうか。どうも配列は自分の知ってる配列っぽくないし、オブジェクトもオブジェクトっぽくない。 本書「プロになるためのJava... 続きを読む
unconed/MathBox.js · GitHub
3 users
MathBox is a library for rendering presentation-quality math diagrams in a browser using WebGL. Built on top of Three.js and tQuery, it provides a clean API to visualize mathematical relationships and animate them smoothly. MathBox can be ope... 続きを読む
tmlib.js x three.js(WebGL) で10000個のパーティクルを表示してみた | TM Life
24 users
tmlib.js x three.js(WebGL) でパーティクル表示してみました! 10000 個表示しても 60 fps でるのは脅威!! jsdo.it で作ってあるので実際に実行したり, fork して遊んでもらえると幸いです. Table of contens tmlib.js とは？ three.js とは？ コード 解説 『Gl... 続きを読む
1 RT▼
1 RT
O'Reilly Japan - Web Workers
36 users
本書は、WebアプリケーションのUIに干渉することなくJavaScriptを別スレッドで実行するための技術「Web Workers」についてシンプルなサンプルコードとともに概説するための書籍です。専用ワーカー、インラインワーカー、共有ワーカーそれぞれについて、サンプル... 続きを読む
jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ
410 users
白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ（プラグインの集積場）が公開されました！ URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトで... 続きを読む
NAVERまとめに見る遅延ロードのすすめ « NAVER Engineers' Blog
191 users
あけましておめでとうございます。NAVERまとめのフロントエンドを担当している縣です。初詣で引いた大吉のおみくじを握りしめながら今年も張り切っていこうと思います。 今回はJavaScriptの遅延ロードの仕組みをNAVERまとめに導入した際のお話を紹介します。 遅... 続きを読む
オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた. | TM Life
335 users
昨日, コリスさんの記事で紹介されていた reveal.js に一目惚れしてしまったので使い方をまとめてみました. reveal.js の使い方を reveal.js を使って解説しています. 簡単にオシャレでシンプルなプレゼンを作れるのでぜひ遊んでみてください. Sample reveal.js... 続きを読む
![[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix | コリス](http://cdn-ak.b.st-hatena.com/entryimage/139318606-1365033191.jpg "[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix | コリス")
![[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator | コリス](http://cdn-ak.b.st-hatena.com/entryimage/139166262-1364946354.jpg "[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator | コリス")
![[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js | コリス](http://cdn-ak.b.st-hatena.com/entryimage/135682394-1362699791.jpg "[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js | コリス")
