Paper.jsSource
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
An explanation of the CSS animation on Apple's iPhone 4S webpage
An explanation of the CSS animation on Apple's iPhone 4S webpage October 25, 2011 The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At
30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
WebGLを使ってみる―２次元ガウス分布を描画―
WebGLとは、３次元コンピュータグラッフィックを実現するOpenGLを、 ウェブブラウザ上でプラグインなしで利用するための仕様です。 HTML5 + Javascript で利用することができます。 WebGLの最大の特徴は、PCのグラフィックカードに直接描画データを送ることが出来るため、 見た目にも重そうな３次元グラフィックを高速に描画することができるとのことです。 ただし、今のところ閲覧可能なブラウザは限られています（利用可能なブラウザについてはこちらをご覧ください）。 ２次元ガウス分布の描画 WebGL の使い方を勉強がてら、２次元ガウス分布を描画てみます。 【２次元ガウス分布についての参考ページ】 ■ １軸ガウシアンによる電子パルスの拡散 ■ gnuplot ３次元カラーマップで補間（interpolate） WebGLによる描画結果 WebGLに対応しているブラウザでは、下のイ
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
2012-02-20のJS: Web Appsフィールドガイド、大規模JS開発、小さなテストフレームワーク
JSer.info #57 - JavaScriptのデザインパターンについて書かれたEssential JavaScript Design Patterns For Beginnersがアップデートされたようです。どのへんが更新されたかについての記事はまだかかれてないので、gitのログを確認するしかないです。(多分そのうちEssential JavaScript And jQuery Design Patterns – A Free New Bookあたりに更新内容が書かれそうな気がします) addyosmani/essential-js-design-patterns - GitHub HTML5ROCKSのリニューアルにともなってAppward’s Field Guide to Web Applicationsという電子書籍風になってるドキュメントが公開されています。こちらもかなり量
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」（デブサミ2012）で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏～大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
Escapes.js
escapes.js is a small JavaScript library for rendering ANSI art, a form of computer art that flourished in the mid 90s. ANSI art was composed by colorizing sequences of characters and blocks drawn in the built-in system font, which made it easy to transmit across telephone wires. As a result, ANSI art was especially popular on Bulletin Board Systems (BBSes). This library was designed to be simple
PythonのStringIOをJavaScriptで実装してみた。 - rokujyouhitoma's blog
ご無沙汰しています。id:rokujyouhitomaです。 さてはて、PythonのStringIOモジュールをJavaScriptで実装しました。外部仕様を一緒にしたのではなく、内部仕様（プログラミング仕様）まで一緒にしました。 動機は使う予定があったから。なくても別にコーディングできるけど、抽象化したかったんで。 元コードはPyPy(Python2.7)のStringIO。 コード 書いたコードはgithubにpushしました。 StringIO 前職のRTM以来ClosureCompilerにハマっているので、ClosureCompiler向けのコードを書いています。 引用すると下記の通り。（注記。私独自のutili関数に依存してるので、万が一使おうとする方はgithubのコードを引用してください。） /** * StringIO * @see Python <a href='ht
JSHint, a JavaScript Code Quality Tool
Report Cyclomatic complexity Unused variables Undefined variables Warn About == null About debugging code About unsafe for..in About arguments.caller and .callee About assignments if/for/... About functions inside loops About eval About unsafe line breaks About potential typos in logical operators When code is not in strict mode When new is used for side-effects Assume Browser NodeJS jQuery Develo
JSLintとJSHintとhoisting - くろまほうさいきょうでんせつ
↓こんな記事を発見。(私がJSLintをフォークしてJSHintを作った理由) http://anton.kovalyov.net/2011/02/20/why-i-forked-jslint-to-jshint/ ここで話題になってるJSLintを作った人が、今読んでるJavaScript:Good Partsの著者らしいのでちょっと興味が沸いて読んでみた。 JSLint でのチェックができない！ よくあるコードだと思うんですが↓のようなコードをJSLintすると var myfunc = function() { for ( var i = 0; i < 3; i++ ) { /* something */ } }; ↓こんなふうに言われてそれ以降のチェックが行われない。 Error: Problem at line 2 character 11: Move 'var' declara
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
The Future of JavaScript – take a peek today!
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
HTML5 audio+JavaScriptで音声いじくって遊んだ - きしだのHatena
hsmtたちとHTML5 audio+JavaScriptでエフェクタ作って遊んだ。 第１回ビジネスで使えるディストーション勉強会 #mobster(facebook) すごく気軽に音声がいじくれて非常に面白い。 ディストーション http://dl.dropbox.com/u/16392316/effecter/dist.html ディレイ http://dl.dropbox.com/u/16392316/effecter/delay.html なお、音声は「ogg サンプル」で最初に出てきたものを使っただけで深い意味はありません。
GitHub - es-shims/es5-shim: ECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines
es5-shim.js and es5-shim.min.js monkey-patch a JavaScript context to contain all EcmaScript 5 methods that can be faithfully emulated with a legacy JavaScript engine. Note: As es5-shim.js is designed to patch the native Javascript engine, it should be the library that is loaded first. es5-sham.js and es5-sham.min.js monkey-patch other ES5 methods as closely as possible. For these methods, as close
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tddjs.com has expired
JS1k - The JavaScript code golfing competition
JSON