では、順に修正を施していこう。 1. jquery.jsをロードする jQueryをデプロイし、grayscale_image_test.htmlに次の1文を追加する ...

前回は、「HTML5＝Flashみたいなリッチなサイトを作ることができる」「HTML4ではユーザーのアテンションを引くような表現は難しかった」など、HTML5によるグラフィックス表現において"ありがちな誤解"について解説しました。 つまるところ、HTML4では実現でき ...

Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的な ...

前回はPhoneGapを支える各種APIの紹介と、 jQuery Mobileを用いたメモ帳アプリを実際に作成するところまでを紹介しました。本連載最終回となる今回は、 実機でのテストをするまでの手順と、 Camera APIとHTML5 Canvas、 PhoneGapプラグインを使ったカメラ ...

※この記事は「古籏一浩のJavaScriptラボ」の第31回です。過去の記事も合わせてご覧ください。 HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示 ...

canvasina.com はシンプルなvanvas メーカーです。 ※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。 また、編集部はこの内容について正確性を保証できません。 簡単にHTML5 でのcanvas 描画のできるサイトが ...

動画のスクショに直線などを描き込める新機能を実装しました！ サービスはこちらから(新着練習日記のところから練習日記ページにとべます) PWA対応です。 スクショに直線と、フリーハンドの線が描き込めます！ 言語化しづらいアドバイスを伝える手助け ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し／使いこなす」企業の最前線をお届けし ...

米Googleは5月11日（現地時間）、「Google ドキュメント」（Google Docs）のレンダリング方法を今後数カ月のうちに変更する方針を明らかにした。HTMLベースのレンダリングから「canvas」要素を用いたレンダリングへ段階的に切り替えることでパフォーマンスの向上 ...

スマートフォン向けの新たなソーシャルゲームとしてサイバーエージェントが提供を開始したのが 「ペコロッジ」 です （図1⁠）⁠。自分自身のアバターで自由気ままなビレッジ生活を楽しめるというソーシャルゲームであり、 さらに料理を作ったり工作 ...