Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
有名な５つのJavascriptフレームワーク ≫ 【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載！！来週のセミナーに向け、絶賛準備中の新井です。 前回はGoogle Mapとの連携の方法を紹介しました。 今回はJavascriptフレームワークの紹介をしちゃいます。 いわゆるMVCとかMVVM（モデル、ビュー、ビューモデル）とかそういうやつですね。 PHPで言うCakePHPやSymfony、RubyだとRuby on Railsとか有名ですね。あれです。 サーバサイドの開発だと割りと当たり前に使われているフレームワークでも、Javascriptの開発だとまだまだ使っている人は少ないんじゃないでしょうか まだ触ったことない人はこれを機に一度挑戦してみてください！
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載！！関東で地震がありましたね！ 新井です。 先日も夜中にありましたし、多いですね〜 ガクブルですね。 さて、今日は前回のCSS3でアニメーションの続きをやりたいと思います。 前回は、keyframe使ったので、今回はtransition使おうかなと思います。 大雑把にいうと、キーフレームよりも単純なアニメーション作るときは便利です。 では早速書き方を見ていきましょうか〜 今回はオンマウスしたら、背景色が変わるDIV要素を作ってみようかと。 まずは、HTMLの用意です。 <div id="animation_div"> 背景が変わるよ！ </div> これに、簡単なC
UIWebViewでつくるUI
This document discusses using UIWebView in iOS applications. It covers loading HTML and CSS content into UIWebView, handling touch events, supporting Retina displays, and using CSS effects like gradients, shadows, animations and rounded corners. It also provides resources for learning more about web development for iOS like the Safari Developer Center documentation.Read less
Android×HTML5×JavaScriptでアプリを作ろう！ : AndroDev
2011年06月27日23:54 カテゴリ Android×HTML5×JavaScriptでアプリを作ろう！ Androidアプリを作り始めて約半年強、Javaはだいたい書けるようになった。今日からHTML5, JavaScriptを覚えよう！ Android向けのWebサイトを作る方法。ではなく、WebをAndroidアプリに組み込む方法。です。Androidアプリのプロジェクトの中にHTMLやJavaScriptを配置し、apkファイルに固めてAndroid携帯にインストールするのです。 Android向けのWebサイトを作る方法を覚えた方がためになりそうだが、HTML5, JavaScriptを覚える手前、まあとりあえずこれで勉強していこうと思う次第。 ◆◆◆プロジェクトの構成◆◆◆HtmlSample-src--com.khumbucyber.HtmlSample---MainA
HTML5/JavaScriptで作るAndroidアプリ開発seminar
Androidアプリを作るのには、Javaの知識が必要？！いいえ、HTMLと少しのJavaScriptが使えればいいんです！HTML5/JavaScriptでAndroidアプリを作る方法を紹介します。 Read less
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
