「動き」はどの技術で実装すべきか？ Web Animations APIの登場で常識が変わる
CSS AnimationsやTranstions、Canvas、JavaScriptによるDOM操作など、Webアニメーションの実装にはさまざまな手法がありますが、決定版となる新しいJavaScript APIの策定が進んでいます。CSSアニメーションのスペシャリストであり、the new codeを運営するDudley Storeyさんによる特別寄稿です。 従来のWebアニメーションの問題を解決するAPI Webにおけるアニメーションは、性質のまったく異なる4つのグループに分けられます。 CSS TransitionsとAnimationsはパフォーマンスに優れ、キーフレームを提供しているが、構築に膨大な時間を必要とし、基本的な開始と終了の制御のみをCSSとJavaScriptで提供している。UIの応答、ループ、ページ読み込みなどのシンプルなアニメーションに利用される傾向がある SMI
知ってる？Web開発者がJavaScriptでゲームを作るときのはじめの一歩
Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。 「ゲームループ」は、時間をかけて状態を変化させることでアニメーションやゲームをレンダリングするために使う技術につけられた名前です。本来は、ユーザー入力を受け取り、経過時間の状態を更新してからフレームをできるだけ多くの回数描く関数です。 この短い記事では、基本的な技術がどう機能するかを説明します。基本的な技術が分かれば、ブラウザベースのゲームやアニメーションの制作を始められます。 ゲームループは、JavaScriptでは次のようになります。 function update(progress) { // Update the state of the world for the elapsed time since la
JSのソースコードが変えられない！困ったときにモンキーパッチで逃げ切る方法
他人が作ったJavaScriptのプログラムを部分的に、でも元のコードを修正せずに対応するしかない…。そんなときにモンキーパッチ。やらなきゃいけないときの対処方法を実例で。 たった1つの小さな問題点を除いてきちんと動作する、第三者のコードを使ったことはありませんか？ なぜ作成者はこんなやっかいなコンソールログを削除し忘れてしまったのだろう、そのAPIコールがもう1つちゃんとしていればうまくいったのに、と思うことがあるでしょう。こうした場合、メンテナンス担当者に変更箇所を実装させるのは困難（あるいは不可能）です。自分自身でコードを変更しようにも、ソースコードを持っていなかったり、自分でコードをホストしたくなかったりするときはどう対処すればよいか悩みます。 さあ、JavaScriptのモンキーパッチの世界を一緒に探検しましょう！ この記事ではモンキーパッチとはなにかを説明します。また、第三者が
ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
イラストを無断使用されたので、即座に料金をご請求申し上げた件 – Factory70 Blog
先日、うちのイラストがとあるウェブメディアに無断使用されました。それに対し料金を請求したらこうなった、という顛末を紹介します。お支払いは無事頂けたのですが、そこに至る対応は一筋縄ではいかないものです。イラストが無断転用されたときにはどう対応すればいいのか、参考になれば幸いです。 イラストの無断使用を発見 盗用を発見してすぐにしたこと 無断使用の請求金額について 先方の言い分と交渉 参考サイト まとめ ※おことわり……ウェブメディアの名前や会社名はここでは非公表といたします。 1. イラストの無断使用を発見 イラストの無断使用を発見したのは、Google Analyticsでブログへのトラックバック元をチェックしていたときでした。見慣れないサイト名があったのでチェックしてみたら、うちのイラストをかなり堂々と使ってあったもので、びっくりしたんです。 無断使用されていたページはとある外国の情報
ぎゃああああ！ Googleストリートビューに「異界への入り口」が映っていると話題に
これまでにも幽霊やUMAなど、いろいろとヤバイ瞬間をとらえてきたGoogleストリートビューですが、今度は「異界への入り口」らしきものが映っていると話題になっています。 問題の場所があるのは日本の大阪市。とある通りをストリートビューで見てみると、そこには……。 一見何の変哲もない通りに見えますが…… ！？ うあああああああ！ ぎゃあああああああ！！！！ 通りを抜けると景色も元通りに…… ガソリンスタンドと自転車店に挟まれた、一見何の変哲もない通り。しかし一歩足を踏み入れると、突然あたりは日が落ちたように薄暗くなり、周囲の景色も不自然にゆがんだものに……。よく見ると無数の青白い光の粒のようなものも確認できます。 この空間はしばらく続き（100メートルほど？）、やがて通りを出ると景色も元通りに。まさしく「異界への入り口」のようなその光景に、ネットでは「なんだこれ……すごい禍々しい」「これガチな
お笑いウェブサービス「ボケて」 使われている画像の「著作権」はどうなっているの？ （弁護士ドットコム） - Yahoo!ニュース
お笑いウェブサービス「ボケて」 使われている画像の「著作権」はどうなっているの？ 弁護士ドットコム 4月16日(水)11時47分配信 ユーザーが投稿した画像に対して、別のユーザーがボケたコメントを返す、お笑いウェブサービス「ボケて（bokete）」。一般ユーザー同士がお互いに投稿・評価しあう仕組みで、若者に人気だという。 「ボケて」に投稿されている画像を見てみると、漫画・アニメの一コマやテレビ番組のキャプチャなどが多く見られる。ネット上のQ&Aサイトをみると、「使われている画像の著作権はどうなっているの？」という質問もあった。 もし、こうした画像について、著作権者が「問題だ」と言ってきたら、誰が責任をとるのだろうか。「ボケて」の利用規約には、アップロードされた画像の著作権侵害について「弊社は一切の責任を負いません」などと書かれているが・・・。著作権にくわしい唐津真美弁護士に聞いた。
そのキャッチコピー本当に「刺さる？」を判断する、ある１つの質問
そのサイトで相手に届けたいメッセージを凝縮した物が「キャッチコピー」ですよね。 ランディングページにしても、ホームページのトップページのメインビジュアルにしても、キャッチの良し悪しは、マーケティングの成功に直結します。 もし失敗すると、例えばこんなことが起きます CVR（コンバージョンレート）が思うように上がらない 想定していたターゲットと違う申込者や問合わせが増える バックエンドが苦労する そんな大事な「キャッチコピー」の考え方ですが、経験上ユーザに響きやすくなる順に大きく３つのステップがあると考えています。 今回はそのステップをいかに上がっていくかという内容です。 「キャッチコピーについて、作り方で悩んでいる」「何回やっても変えても、あまり改善しない」「上手くいっているコピーと、そうで無いコピーの差を知りたい」といった方向けです。 キャッチコピー「考え方」の３段階 大前提 キャッチコピ
ブログ記事盗用(パクリ)対策に使えるおすすめWordPressプラグイン
昨日、あまりにも酷いブログ盗用に関する記事を見つけました。 ブログ盗用の現場が熱い（怖い）！盗用されて、さらに二次盗用されて、挙句オリジナルは検索ヒットせずボロボロ…( ﾉД`)･･･ 記事を丸ごとパクられた上に、元のブログへの引用が全く行われていない……。そして、Googleの検索結果にはパクリ記事が表示されている……。これは酷いですね。同じブロガーとして胸が痛みます。 当ブログでは、ここまであからさまな記事盗用を確認していませんが、現在（2013/05/27）、RSSフィードで全文配信を行なっているため、一応の対策を行なっています。 備えあれば憂いなし、ということで当ブログがブログ記事盗用対策に使用しているWordPressプラグイン２つと、その利用方法を紹介します。 RSSフィードに著者情報を入れ盗用を防ぐ 記事の盗用を行うスパムサイトの多くはRSSフィードを利用して、自動的にコンテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebRTC入門+最新動向
54,152枚の写真素材・AI画像素材：新着順 2ページ目