Initializr - HTML5のWebアプリケーション開発をはじめるならここからスタート！ MOONGIFT
Webアプリケーションを作り始めようと思った時に、色々なファイルをダウンロードしたり配置しないといけないと思うとげんなりしてしまいますよね。作りたい！と思った勢いをそのままに開発に入りたいものです。 そこで使ってみたいのがInitializrです。HTML5アプリケーションを開発する際に使って欲しい、スタートアップキットになります。 Initializrの使い方 ベースは3つ用意されています。素のHTML5、レスポンシブそしてBootstrapベースです。 ベースを選んだら細かな機能を選択できます。 こんな感じにファイル一式がダウンロードできます。 Bootstrapベース。 レスポンシブ。 素のHTML5。 InitializrではModernizrやHTML5shiv、Google Analyticsなど様々なノウハウが詰まったテンプレートがダウンロードできます。カスタマイズも簡単なの
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
「jQuery Mobile 1.0」リリース | ソフトアンテナ
スマートフォン用のJavaScriptライブラリ「jQuery Mobile 1.0」がリリースされています。ここからダウンロード可能。jQuery Mobileを使用すれば、HTML5のタグを使って、JavaScriptを直接書く必要なくスマートフォン向けのサイトを構築することができるようです。デモもありました。
サルでもわかるHTML5超入門
L'évolution de la fonction publique et des principes qui la régissent Le Premier ministre a saisi le Conseil économique, social et environnemental (CESE) en vue d’une réflexion prospective afin d’identifier des pistes d’avenir pour la fonction publique. Après deux mois d’auditions et de concertation, le CESE qui réunit les principales composantes de la société civile, a construit ses recommandatio
Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
yebo blog: JavaScriptによる統計処理「jStat」
2011/03/19 JavaScriptによる統計処理「jStat」 「jStat」と呼ばれるJavaScriptの統計解析ライブラリがあるそうだ[readwritehack]。MATLAB、S言語、R言語などの統計解析言語を必要とせず、ブラウザ上で処理することができる。ほとんどのブラウザで動作するが、プロッティングにはHTML5のcanvasを使うので、それをサポートするIE 7、Firefox 3、Safari 3.1、Opera 9.6以降、Google Chromeが必要だ。また、jQueryプラグインやflotが使われている。例えば以下のようなコードで正規分布を出すことができる。 // generate 100 points betwen -5 and 5 var range = jstat.seq(-5,5,100); // calculate the densities a
HTML5を使ってこんなことも。Googleマップ風の画像ビューワー·Bigshot MOONGIFT
Bigshotは巨大な画像をタイル状に分解し、Googleマップのようなビューワーで閲覧するソフトウェア。 BigshotはHTML5/Java製のオープンソース・ソフトウェア。デジカメが高性能化するのに伴って、撮影できるサイズが大きくなっている。とは言え写真を閲覧するディスプレイのサイズは決まっているので、大きな写真ではズームしたりしなければならない。 写真をズームして閲覧する 極端に大きな写真では全体のダウンロードだけで時間を要してしまう。そこで考えてみたいのがGoogleマップライクに写真をタイル状にし、必要な部分だけ拡大するという方法だ。それを実現するライブラリがBigshotになる。 BigshotはHTML5/JavaScriptを使って画像を表示する。マウスのスクロールでズームイン/アウトが可能で、マウスのドラッグで見る場所を切り替える事ができる。Java製のツールで予め写真
HTML5+Canvasタグによるアニメーションユーティリティ·gury MOONGIFT
guryはjQueryを使ったCanvasタグ用JavaScriptユーティリティ。HTML5向け。 guryはjQuery/HTML5/JavaScriptによるオープンソース・ソフトウェア。HTML5の登場以来、期待が高まっているのがCanvasタグを使った図形描画だ。これまでは画像やFlashでしか作れなかったような描画がJavaScriptのみで、さらにインタラクティブに動かせるものが作成できる。 ゲームのデモ とは言え実際にどのようなことができるのかは実体験を通してからしか学べない。こんなことまでできるのか、という衝撃を覚えれば自分でも作ろうと思うだろう。そんなCanvasタグの操作を身近にしてくれるのがguryだ。 guryはjQueryを使ったCanvas用ユーティリティライブラリだ。多数のデモが登録されている。例えばボールが飛び交うもの、色が変わるモザイク、同じ色の隣り合っ
HTML5、WebGL、WebSockets、JavaScriptを駆使して、ゲーム「QuakeII」をブラウザに移植中
HTML5、WebGL、WebSockets、JavaScriptを駆使して、ゲーム「QuakeII」をブラウザに移植中 Windows 95の時代に、自分視点での3D表示による画期的なシューティングゲームとして登場した「QuakeII」。現在、HTML5の音声再生機能、ローカルストレージ機能、現在策定中のWebブラウザ用3Dグラフィックス表示規格のWebGL、サーバと任意の通信を可能にするWebSocketsなどの機能とJavaScriptによるプログラミングを駆使することで、QuakeIIをWebブラウザ上に移植しようというプロジェクトが、グーグルのエンジニアによってオープンソースとして進められています。 すでにプロジェクト内部ではプロトタイプが稼働しており、実際に動作している様子がYouTubeで公開されています。ほとんど実用的な動作速度を実現しているようです。 実はこのことが明らか
ぜひ触れてみよう。Sencha Inc.開発のWebGLフレームワーク·PhiloGL MOONGIFT
PhiloGLはWebGLフレームワーク。ゲームやデータのビジュアル化に利用できる。 PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが3Dだ。 動画の色を解析してビジュアル化 3Dと言えばローカルコンピュータ上で実現するものだった。ついでFlash等のブラウザプラグインでサポートされるようになり、WebGLの登場によってWebブラウザレベルでもサポートされる技術になった。そのWebGLを楽しめるライブラリがPhiloGLだ。 PhiloGLはWebGLフレームワークであり、データのビジュアル化や3Dモデル化を補助するためのソフトウェアだ。例えば三角形や四角形の図形を描く、回転させる、グラデーションを施す、
今注目したい技術が盛りだくさん。HTML5/node.js製のTwitterクライアント·Streamie MOONGIFT
StreamieはHTML5/node.jsで作られたWebブラウザベースのTwitterクライアント。 StreamieはHTML5/node.js製のオープンソース・ソフトウェア。去年、今年と新しい技術がどんどん花開いている。一つはHTML5、もう一つはnode.jsだ。どちらもわくわくするようなソフトウェアが登場してきている。まだまだ一般的でないだけに、何ができるのかが興味深い。 タイムライン HTML5の仕様からは外れているが、WebSocketを使ってリアルタイムに更新されるWebアプリケーションも興味深い。そうした面白い技術を組み合わせつつ、こちらも人気が高いTwitterアプリにしたのが今回紹介するStreamieだ。 StreamieはOAuthを使って認証を行い、リアルタイムに更新されるTwitterクライアントだ。リプライやダイレクトメッセージ、タイムライン、ツイートな
これは凄いぞ！スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで（iOS/Android/Palm Pre/Blackberryなど）HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 & WebGL | 日々精進時々堕落
