現場で使えるアニメーション系JSライブラリまとめ(2018年版) – TweenMax, CreateJS, WebAnimation, Velocityなど - ICS MEDIA
参考 タイムライン：GSAP入門（後編） - タイムライン制御やスクロール演出など FLIP : FLIPアニメーションの原理と基礎 スクロール連動：JavaScriptで作る本格スクロール演出 スタッガー：バラツキのある動き CSS補完：x等の指定をtransformかleftに、rotate等の指定をtransformへマッピングするかどうかの意味で記載 まとめ：目的に適したライブラリを 実際にどのライブラリを使用するかは目的に合わせるべきだと思います。GSAPは多機能で高性能が魅力で、DOM制御では簡潔に記述できるAnime.jsも良い選択肢といえます。学習コストや将来性、枯れ具合、動作環境、デバッグの行いやすさ、開発環境の充実度などもあわせて、最適なライブラリを選ぶのがいいでしょう。 調べるのが大変という方は、とりあえずGSAPを使うのがオススメでしょうか。基本的な使い方はどのライ
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ 小山田 晃浩（株式会社 ピクセルグリッド） WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して、WebGLを利用する方法を解説します。(three.jsのリビジョンは執筆現在の最新であるr65を利用します) three.jsを手に入れる three.jsはhttp://threejs.org/から手に入れることができます。downloadから、zipファイルを手に入れま
JavaScriptの新旧ユニットテストツール - 強火で進め
「エンジニアサポート新年会2012 CROSS」のセッションの1つでJavaScriptのセッションが行われました。 エンジニアサポート新年会2012 CROSS http://tech.nifty.co.jp/party/2012/index.htm JavaScript 八面六臂 2回戦 http://tech.nifty.co.jp/party/2012/sessions/bRoom2.htm そこでJavaScriptのユニットテストツールの話が有り、新旧のツールが上げられていたのでメモ。 昔から有る QUnit 、Jasmine 。新しく出てきたものとして mocha 、Buster が紹介されました。 QUnit 公式サイト。 QUnit - jQuery JavaScript Library http://docs.jquery.com/QUnit 【レポート】jQueryテ
DeNA、HTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開【訂正あり】 | gamebiz
DeNA、HTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開【訂正あり】 ディー・エヌ・エー（DeNA)<2432>は、本日（1月24日）、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開した、と発表した。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript1フレームワーク。アプリ開発者は、「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroidとiOSに対応した高品質なゲームが提供できる。 「Arctic.js」は、以下の特徴があるとのこと。 ・豊富なアニメーション作成支援機能 ・表示ツリー、イベント伝播モデル ・Action
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Google、Gmailを作っているJavaScriptライブラリを公開 | エンタープライズ | マイコミジャーナル
The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Gmail、Google DocsなどGoogleが提供しているWebアプリケーションのクライアントサイドのほとんどはJavaScriptで開発されている。これはGoogleのサービスを支える門外不出のコードのように思えるが、5日(米国時間)、これらGoogleのWebアプリケーションを支えているソースコードがClosure Toolsの名称で公開された。公開されたツールは次のとおり。 Closure Compiler JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラ。使われていないコードの削除やミニファイを実施する。文法、変数参照、
JavaScriptによる全文検索エンジン - llameradaの日記
JavaScriptでインデックス型の全文検索エンジンを作ってみた。全文検索エンジンを作る際に問題となるのは、インデックスデータを部分的に読み込む方法である。通常はmmapやpreadなどを使ってファイルの一部を部分的に読み込むのだが、もちろん、ブラウザには使えない。ブラウザでファイルの一部分を読み込むには2通りの方法がある。1つは、ファイルを多数のファイルに分割する方法であり、もう1つはHTTPリクエストのRangeヘッダを利用して、ファイルの一部を取得する方法である。前者の利点は、ブラウザのキャッシュが効くことや、対応ブラウザが多いことである。後者の利点は、ファイル数が少なくなるので、インデックスの管理が容易になることである。今回はRangeヘッダの実用性にも興味があったので、後者の方法を用いた。 参考ページ：最速インターフェース研究会 :: Ajaxを使ったシンプルなチャット 転置イ
del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey
projects / del.icio.us direc.tor: Delivering An AJAX Web Service Broker June 20, 2005 What is it? del.icio.us direc.tor is a prototype for an alternative web-based rich UI for del.icio.us. It leverages the XML and XSL services of modern browsers to deliver a responsive interface for managing user accounts with a large number of records. The main features are: In-browser handling of del.icio.us boo
JavaScriptにBlogの全文検索をやらせてみるテスト
JavaScriptでBlogの本文から検索します。タイトルは含んでません(手抜き) ひらがなカタカナはローマ字のまま検索できます。
そろそろクリックジャッキングについて一言いっておくか - 最速転職研究会
Firefox3で「サードパーティのCookieも保存する」をオフにする。 防げる。 いずれのブラウザにもサードパーティ製のcookieを制限するオプションがあるが、Firefox3以外だと、フレーム内表示された場合に「新規にcookieを保存しない」だけで保存済みのcookieは送信してしまう。 軽く調べてみたところ、次のようになった。(間違ってたら教えてください) サードパーティのcookieの新規保存 サードパーティの保存済みcookieの送信 表示中のドメインのcookieの保存/送信 IE6,7,8(デフォルト) x o o IE6,7,8(セキュリティ高) x x x Opera9.6(デフォルト) o o o Opera9.6(制限) x △ o Safari(制限/デフォルト) x o o Safari(全て受け入れる) o o o Firefox2(デフォルト) o o
PHPとJavascriptでリアルタイム(?)3Dグラフ - いろいろ解析日記
以下のようなことをすれば、DBのデータをブラウザでリアルタイムに三次元グラフで参照とかできるかもです。 … PHPも使えば、概要にあった「当初はPHP-GDプロジェクトとして始まりました…」もなんだか報われる感じです。誰かやればいいのに。自分でやってみました。 使ったもの 以下のOS/サーバ等を使用しました。バージョンは調べてないけど、昨日インストールした最新のUbuntuに入ったものを使っています。 Ubuntu MySql PHP Apache2 余談ですが、Ubuntuがすごい。何も設定してないのにすでにちゃんと動いているあたりすごい。 さらに、以下のJavascriptライブラリを使いました。 ライブラリ 用途 入手先 prototype.js 主にAjax http://www.prototypejs.org/ canvas3DGraph.js 三次元グラフの描画 http://
sorcerer: Sorcerer
Sorcerer is a source code cross reference generator. It analyzes a set of Java source files and produce HTML files that shows annotated source code. Unlike some of the other similar tools like JXR, sorcerer understands Java AST like IDEs, and therefore provide much richer navigation in the HTML files. For example, you can jump to the definition to the method from every invocation (it even handles
空繰再繰 - Plagger::Plugin::Filter::SortEntries #2
「人」の一つ。 2025年1月現在、中等度のうつ病により病気療養中です。 ※ ゲームの企画・シナリオを担当された「にゃるら」さんとは別の人です。 プロフィール 1988年代の早生まれ。単なる「人」の一つ。 去る2003年代、高校一年生の時に自滅的に精神を病み、そのまま今現在に至るまで延々と病気療養中。 最初の10年は統合失調症。次の10年は中等度のうつ病、とあまりに状態が良くない。 一時期、Webアプリケーションエンジニアとしてアルバイトをしていたものの、 諸々の事情と双方の合意を以って退職。以後、病状が良くなったり悪くなったりして生活している。 学歴 2019年9月 - N高等学校を卒業 職歴 2022年8月 - 2023年9月 - Webアプリケーションエンジニア・アルバイト社員 登壇歴 builderscon.io 2019 LT（飛び込み） builderscon.ioの前にキーボ
IEの気持ち - 最速チュパカブラ研究会
amachang史上最多のブクマ数をマークした例のwindow.documentの高速化に関して、便乗してちょっと書いてみようと思います。 基礎知識 ブクマコメントで 2007年10月11日 b:id:staki vbやった事ある人なら自然に沸く発想だったりする。理屈も同じなんじゃなかろうかと妄想。五倍ってのは中々無かったけど。 * と指摘されているのは、たぶんCOMまわりの事だと思います。御存知のように、Windowsはシステム内のあらゆる部品をCOM(Component Object Model)オブジェクトとして実装しており、IE内のxxElementやDocument、Window、そしてIE自身もCOMです。 で、javascriptでよくやる window.document という操作も、（amachangのテクニックを使っていない場合は）COMを通して行うことになります。この
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSAN - Home