JASRACが他人のJavaScriptを無断流用か！著作者のソースと酷似。
これが事実だとすれば一大事、祭りどころの騒ぎではなくなるはずだ。掻い摘んで説明すると、日本の楽曲の著作権を管理する団体ご存じJASRACが、ご自身のホームページ内で使用しているJavaScriptの一部に、他人のソースと思われるコードを流用している可能性が高まった。しかも著作表示もなく、あろうことかオリジナルの著作表示は削除されていた。おいおいJASRACがソースコピペってマジなのかよと思うかも知れませんが、マジです。 ※今回は、技術的な話でかつ長いので『私には難しいかも・・・』と思う方もいらっしゃると思います。なるべく理解しやすいように記述しました。ちょっとだけお付き合いいただきたい。 さて問題があるのは下記URLにあるページのスクリプト（nav_rollover.js）である。このJavaScriptは、jQueryと呼ばれるJavaScriptライブラリを使った、画像のロールオーバ処
新しい HTML5 ツール Adobe Edge プレビュー版公開 - akihiro kamijo
Adobe Labs に Adobe Edge のプレビュー版が公開されました。Edge は HTML5, JavaScript, CSS3 ベースのアニメーションやインタラクションを、描画ツールやタイムラインを使って制作できるオーサリングツールです。昨年秋の MAX でプロトタイプが紹介されて以来の更新となりました。 （Adobe Edge@Labs） Edge は、本格的なオーサリングツールというよりは、Dreamweaver や Flash Professional を補完する、軽量かつ高速なツールと位置づけられているようです。比較的単純なアニメーションの制作に特化したツールです。 実際に Edge プレビュー版を使って制作したサンプルがいくつか公開されています。 wordAnimation wordAnimation2 その他にも、Edge のソース付きでこちらのページに紹介されて
「enchant.js」でゲームはどれくらい動くのか？ HTML5でゲームベンチマークを取ってみよう
「enchant.js」でゲームはどれくらい動くのか？ HTML5でゲームベンチマークを取ってみよう ライター：Veki 4月28日にenchant.jsを使用したゲーム制作の記事を掲載し，かなり大きな反響をいただきました。今回は，ゲーム制作の話ではありませんが，HTML5とJavaScriptでは，どれくらいのゲームパフォーマンスが期待できるのかというあたりについてまとめてみましたので参考にしてください。 さて，前回作ったサンプルプログラムを，最初にスマートフォンで実行してみたときは，あまりの遅さにちょっと衝撃を受けたのですが，PCでもWebブラウザを変えてみると，かなりばらつきが出ることが分かりました。JavaScriptのベンチマークテストはそれなりに行われているのでしょうが，実際のところ，どれくらい「ゲームに使えるか」という観点からのものは，ほとんどないようです，そこで，前回のゲー
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Ben Joffe |Torus
How To Play Use the arrow keys to guide the falling blocks, spacebar and the up-arrow will rotate the block in opposite directions. Alternatively the keys A,W,S and D can be used as arrow keys for the same purpose. When a complete horizontal ring of 15 blocks is occupied by pieces the row will collapse and earn 100 points. If multiple rows are cleared at a time you will earn bonus points.
HTML5とJavascriptはここまで出来る！驚愕の3Dテトリス「TORUS」 « doope! 国内外のゲーム情報サイト
現在W3Cが策定中のHTML5、現在はドラフト中で2012年3月の正式勧告を目指して調整が進められています。すでに既存のブラウザも段階的にHTML5対応を始めており、ローカルのデータベース機能の実現やJavascriptを用いたCanvasエレメントなど、これまで以上にアプリケーション的なコンテンツの登場が期待されています。 ゲームにおいてもQuakeがHTML5やWebGLで再現されたり、MMORPG的なゲームを実現するHTML5用ミドルウェアなども既に開発が進められていたりと、考えるだけで恐ろしいような楽しいような未来がもうそこまでやって来ています。 前置きが長くなりましたが今日紹介するのはHTML5とCanvas、Javascriptを用いて作られた3Dテトリスらしき”何か”「TORUS」です。作者のBen Joffe氏はYahooで働いている技術者との事で、これは趣味と興味からコン
Closure Templates - Google Code
How do I start? Work through Hello World Using JavaScript. Work through Hello World Using Java. Read the Documentation. Explore the project's source code. What are Closure Templates? Closure Templates are a client- and server-side templating system that helps you dynamically build reusable HTML and UI elements. They have a simple syntax that is natural for programmers, and you can customize them t
Closure Library - Google Code
How do I start? Download Closure. Read Finding Your Way around Closure. Do the Closure Hello World exercise. Work through the Building an Application with the Closure Library tutorial. Explore the project's source code. What is the Closure Library? The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusabl
Closure Compiler - Google Code
How do I start? Work through the UI Hello World. Work through the API Hello World. Download the application. Work through the Application Hello World. Read about Advanced compilation. Use the Closure Inspector to debug. Explore the project's source code. What is the Closure Compiler? The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript.
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
これはスゴイ！JavaScriptで画像をうにゃうにゃさせる「Liquid Image FX」
twitter facebook hatena google pocket これは驚きです。 画像を効果的な動きをつけることが出来ます。 via：JavaScript Liquid Image FX sponsors 使用方法 ファイル取ってきます。 Liquid <script type="text/javascript" src="Liquid.js"></script> <script> onload = function(){ var lq = Liquid({ src:"画像パス", target:document.body, direction:"bottom", //動きtop,bottom,left,right onload:function(){ setTimeout(function(){ lq.pause(); setTimeout(function(){ lq.pl
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
50 Useful JavaScript Tools — Smashing Magazine
JavaScript is a powerful client-side scripting language used in many modern websites and Web applications. In the hands of a skilled Web developer, JavaScript can enhance the user’s experience of the website and provide rich interactive components and features. But even though syntactically simple in nature, JavaScript is often difficult to author because of the environment it runs in: the Web bro
50 Websites that make amazing use of javascript - Kriesi.at - Premium WordPress Themes
50 Websites that make amazing use of javascriptSince the rise of Javascript frameworks like jQuery, Mootools and Prototype, developers created stunning javascript solutions and effects for their websites. Here are 50 inspiring Websites that make good use of Javascript, Websites which I have bookmarked over time for inspiration purpose. Some of them are selected purely on look and feel, some have r
無料でX(旧Twitter)・Facebook・Mastodonにまとめて投稿や予約投稿ができるオープンソースの「Mixpost」をセルフホストしてみた
MixpostはXやFacebook、MastodonなどさまざまなSNSの複数のアカウントを一括で管理できるツールとのこと。同時投稿のほか時間を指定して投稿することも可能とのことなので、さっそくセルフホストして使ってみました。 Self-hosted, Open Source Social Media Management - Mixpost https://mixpost.app/ 公式サイトにアクセスし、「Get started」をクリック。 「Free」の欄に表示されている「Github」をクリックします。 Laravelアプリケーションに追加することも可能とのことですが、今回はスタンドアローンアプリ版を使用するので「use Composer to create this standalone app」をクリック。 さらに今回はDocker版を使用します。Docker版の詳細につい
WebKit、新JavaScriptエンジン「SquirrelFish Extreme」を発表
現在のブラウザはほぼ例外なく、JavaScriptの実行で最速のパフォーマンスという地位を獲得することを目標にしている。JavaScriptは、次々に現れる数多くの高度なウェブベースのアプリケーションを動かすプログラミング言語だ。そして、その最新の開発が、Appleの「Safari」のレンダリングエンジンを担うプログラマーたちから提供された。 Mozillaは2008年8月下旬、「Firefox 3.1」に組み込んで2008年末ごろにリリースする予定の新しいJavaScriptエンジン「TraceMonkey」を得意気に紹介した。次にGoogleが「Chrome」をリリースし、自社製JavaScriptエンジン「V8」のパフォーマンスを目玉機能に掲げた。そして今回、「WebKit」のプログラマーたちが、新しいバージョンのJavaScriptエンジンを発表する番となった。 この技術は「Squ
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
| ＾＾ |秒刊SUNDAY | なんと、ファビコンでできるゲームが登場！
2008年07月16日 なんと、ファビコンでできるゲームが登場！ 念のためですが、ファミコンではなく、ファビコンです。サイトのアイコンを表すこのファビコンは画像のみに使えるのだと思っておりましたが、やり方次第ではゲームも組み込めるという事です。 ◆サイトはこちら ■http://www.p01.org/releases/DHTML_contests/files/DEFENDER_of_the_favicon/ サイトの真ん中にあるのはサンプルで、もちろん右上にあるファビコンが本命です。エンターキーで切り替えが可能です。 ※ブラウザは、FirefoxとOperaのみ。 基本的な操作は N：ゲームスタート・ショット 矢印キー：移動 ゲームの内容は、自機となるディフェンダーを操り、フューマノイドシティから守るという夢と希望と感動の本格派シューティングだ。 このゲームはJavaスクリプトで動い
JavaScriptがウェブを遅くする--今できる緩和策を考える
JavaScriptの1行が、今日のブログ技術に多くのパワーを与えている。ウィジェット、共有ツール、訪問者の追跡、広告。多くの場合、ブロガーは新しい技術を自分のブログに導入するのに、JavaScriptを1行加えるだけでいい。問題は、それらの1行のJavaScriptが多数組み合わされたときに起こる。 物理学には、非線形性と呼ばれる有名な現象がある。多くの異なることが相互作用すると、結果を予測するのが難しくなるのだ。ソフトウェアの場合も違いはない。多くのコンポーネントを組み合わせると、何が起こるか予測できなくなる。これは、各コンポーネントはスタンドアロンのように振る舞うが、それらは決まった区画内のスペースと閲覧者の注意を争う関係にあるからだ。そして、この争いはすべての人を傷つける。読者、ブロガー、サービス。誰もが不満を抱くことになる。 この記事では、多くのJavaScriptの1行がどうし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
