グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
HTML5 は HTML で定義されている最新の標準仕様の名称です。この用語は、 2 つの異なる概念を表しています。これは HTML 言語の新しいバージョンであり、新しい要素、属性、動作、およびより多彩でパワフルなウェブサイトやアプリケーションを構築することができるより大きな一連の技術でもあります。このセットは HTML5 & friends と呼ばれることがあり、よく HTML5 と短縮されます。 このリファレンスは、すべてのオープンウェブ開発者に便利になるように設計されており、機能に基づいていくつかのグループに分類された数多くの HTML5 の技術についてのリソースにリンクしています。 Semantics: そのコンテンツが何であるかをよりはっきりと表現することを可能にします。 Connectivity: 新しい革新的な方法でサーバーと通信することができます。 Offline and
すっかり夏っぽくなり、ビアガーデンに毎日通いたいと常々感じる今日この頃、Latin です。 巷で流行っていると噂の Google HTML/CSS Style Guide についてまとめて下さっている REFLECT DESIGN さんのブログより、代表的なものをいくつか抜粋してみました。 全般的なスタイルルール 一般的な書式ルール 全般的なメタルール HTMLのスタイルルール HTMLの書式ルール CSSスタイルルール CSS書式ルール 全般的なスタイルルール プロトコルの記述 <!-- NG --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- OK --> <script src="//www.google.com/js/gweb/analytics/autotrac
HTML5+JavaScriptでゲーム開発するためのJavaScriptライブラリを、とりあえず羅列しておく。 enchant.js 参考サイト 9leap : トップページ - どこでも遊べる、投稿型ゲームサイト HTML5のスマホ向けゲームのJSライブラリ「enchant.js」 :: dotHTML5 UEI、HTML5/JavaScriptベースのスマートフォン用ゲームエンジン“enchant.js”をリリース｜株式会社ユビキタスエンターテインメント のプレスリリース EaselJS HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ 参考サイト HTML5のCanvasをFlashライクに使う「EaselJS」が最新版を公開 － Publickey Easel JS:HTML5のCanvas描画を簡単化するJavaScriptライブラリ
ユビキタスエンターテインメント，無料で使用できるHTML5/JavaScriptベースのゲームエンジン「enchant.js」をリリース 編集部：aueki ユビキタスエンターテインメントは，主にスマートフォン用のゲームをターゲットにしたHTML5とJavaScriptによるゲームライブラリ「enchant.js」を公開した。 このライブラリは，2Dゲームを作成するための基本システムをまとめたもので，スプライトやバックグラウンド（BG）などのほか，バーチャルゲームパッド機能などをサポートしており，利用者が無料でゲーム作成に利用できる。 HTML5は，Webページ記述に使われるHTMLを大幅に強化したもので，さまざまなオブジェクトを動的に扱う機能に優れており，現在Flashなどで作られているWebページの多くと同等なものを実現できる技術として期待されている。対応ブラウザを使えば，プラグインな
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
登場当時、動きのあるWebページを作る技術として注目されたJavaScriptは、その後“不遇”の時代を経て、Ajaxで再び脚光を浴びました。jQueryなどのライブラリの普及で、開発生産性やブラウザ互換性の問題がほぼ解決した現在、HTML5時代を目前にして、JavaScriptの重要度はさらに高まっています。この特集では、今、知っておきたいJavaScriptを一気に解説します。 目次
HTML 入門 ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明するHTML の基本をご覧ください。 HTML チュートリアル チュートリアルや例を含む HTML の使用方法に関する記事は、HTML 学習エリアを確認してください。 HTML リファレンス 広範な HTML リファレンスの章で、 HTML のすべての要素と属性についての詳細が分かります。 HTML 学習エリアは HTML を基礎から学ぶための複数のモジュールを中心としています。――前提知識は必要ありません。 HTML 概論 このモジュールでは、 HTML を文章に適用する方法、ハイパーリンクを作成する方法、 HTML を使用してウェブページを構築する方法など、重要な概念と構文に慣れていく段階を設定します。 マルチメディアとその埋め込み方 このモジュールでは、ウェブページにマルチメディアを埋め込む
今回はThe Shodo（注1）で活用している技術の中から、CanvasとCSS3の活用例を紹介します。これまでできなかった表現や装飾を実装したり、これまでできたことをより簡単に行ったりするのに役立ちます。 Canvas：ブラウザ上で描画する Canvasは、HTML5で新たに追加される要素の一つです。HTML内にcanvas要素のタグを記述し、width（幅）やheigt（高さ）などの属性を指定するだけで、ブラウザ上で描画できるようになります。 The Shodoでは2カ所でCanvasを利用しています。一つはWriteページで「書」を書くために、もう一つはGalleryページの作品を一覧するために利用しています。WriteとGalleryでの実際の利用方法を具体的に解説します。 まずはThe Shodoの肝とも言える「書」を書くWriteと呼ぶページです（画面1）。半紙の部分をマウスや
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT
Gaming, Opera GX Opera GX now lets you control every detail of your browser, with more customization options... November 20th, 2024 With the latest update, Opera GX now expands its modding features, giving you even more ways to completely transform your... Desktop Get Spotify Premium with Opera One R2’s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2.
HTML5にはCanvasタグやVideo/Audioタグ、ドラッグ＆ドロップ、Microdata、Web Workersなどさまざまな機能があると説明されますが、実際にはこれらは「HTML5とその関連仕様」を含んでいます。 仕様書に従った厳密な「HTML5」とは、どこまでの範囲を指すのでしょうか？ モジラジャパンの浅井智也氏が「Keypoints HTML5」という資料を公開して分かりやすく紹介してくれています。 仕様書に沿った「HTML5」の範囲とは HTML5は、W3CとWHATWGが共同で仕様策定をしていますが、両者の仕様書に書かれている範囲は異なっています（非常に細かい部分では一部の仕様に違いもあります）。Keyoints HTML5から、その両方の仕様でHTML5の範囲を示した図を紹介します。 図の右側のW3C仕様ではCanvas、Microdata、Web Messaging
プログラマはテキストフォーマットが一番大好きだ。かくいう私も好きだ。だが、ある程度形式ばった文書が必要な時もある。例えば仕様書などだ。 そうした時だけMS Wordをはじめとしたワードプロセッサを使う人もいるだろうが、とかく面倒くさい。テキストファイルからみられる形式に変換してくれるソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPandoc、各種フォーマットの相互変換ソフトウェアだ。 PandocはCUIベースのソフトウェアで、ある形式の文書を別な形式に変換できる。読み込める形式として、MarkDown、構造化されたテキスト、HTMLそしてLaTexが対応している。そして、出力形式としてこれらに加えてConTeXt、DocBook、RTF、manそしてs5プレゼン形式になっている。 例えば、テキストファイルを元にs5形式で出力してプレゼンテーション資料を作り、配布はLaTeX
鳩丸について 鳩丸倶楽部 知識編 おまけ ※当然の事ながら、このサイトへのリンクは自由です。お好きなところにお好きなだけリンクしてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
