[B! javascript][JavaScript][HTML5] iguchi7のブックマーク

とほほのAngularJS入門 - とほほのWWW入門

AngularJS と Angular は別物です。バージョン 1.x を AngularJS、2.0 以降を Angular と呼びますが、根本から作り直しているので互換性はありません。AngularJS は 1.8.x で開発を停止しており、2021年12月31日にサポートも停止されました。現在は拡張LTS (XLTS) のフェーズにはいっています。(2022/1/2追記) AngularJSとは？サンプルフィルタモジュールとコントローラリストリストフィルタアクションフォームバリデーションもう少し複雑なサンプル {{...}} をそのまま表示するにはリンク AngularJSとは？ AngularJS は、下記の様な特徴を持つ JavaScript フレームワークのひとつです。 Google社とコミュニティが開発するJavaScriptフレームワークライセンスはMI

iguchi7 2015/10/18

]

リンク

[Web] スマートフォンとHTML5のCanvasを用いたお絵描きを実装してみた - YoheiM .NET

HTML5のCanvasというグラフィックを描ける機能と、スマートフォンを掛け合わせて、スマホで絵を書くWebアプリのサンプルを作成してみました。サンプルアプリを紹介しつつ、 Canvasで絵を描く実装、タップイベントとの連携、スマホ対応のためのmetaタグなどの実装内容を記載します(*´∇｀*) サンプル内容 Canvasを用いたお絵描きアプリを、iPhoneに最適化してみました。 Canvas上を指でなぞると線を書くことが出来て、色の変更と線の太さの変更を行うことができます。また、ホーム画面に保存としてから、作成されたホーム画面アイコンから起動すると、検索バーなどの無いアプリ風な画面で立ち上がります。ぜひお試してみて頂けると幸いです。 http://www.yoheim.net/labo/html5/canvas/canvasForTouch.html お絵描き機能の実装

iguchi7 2015/10/17

リンク

HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」

はじめに HTML5において追加されたCanvasは、HTMLとJavaScriptを用いてWebページ内に図形や線などを描画できる機能で、動画や音楽を再生するvideoタグやaudioタグなどとともに、HTML5の代表的な機能としてしばしば紹介されます。 Canvas機能を用いるとHTMLのcanvas要素で定義された領域に対してJavaScriptで描画処理を行えます。以下のような描画を行うAPIが提供されています。線（直線、曲線）図形（四角形、円）色とスタイル（単色、グラデーション、影）文字の描画（サイズ、フォント、色の指定）変形（拡大、回転、マトリクス変換）しかし、Canvas描画処理のJavaScript APIはグラフィックス処理独特の記述方法となっており、学習のハードルはそれなりに高いものになっています。今回紹介するjCanvasは、HTML5 Canvasの機

iguchi7 2015/10/17

リンク

HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」

こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです！まず、このライブラリの主な特徴についてです。 ■特徴・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます（ドラッグ、拡大縮小、回転）。・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.

iguchi7 2015/10/17

リンク

日記 | ヨモツネット

blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日ブログ作りなおそうかなーと思って、この Webサイトをみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せてみたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき