FLINTERS Engineer's Blog

FLINTERSのエンジニアによる技術ブログ

HTML5

Web上でVRゴーグルを使って没入体験ができるWebXRが面白い!

Oculus Quest 2が3万円台という気軽に買える価格なので私は発売日にGETしました! ゲームも6DoFのトラッキングと左右の視差による立体視で本当にそこにいるような感覚です。 そうなると、このVR世界を自由に創造したくなりますよね? できるだけサクッと。 …

誰でも簡単にWebGLで高速なアニメーションを作る!

こんにちは。菅野です。 突然ですが、WebGLというものをご存知でしょうか? GPUを使用した3DグラフィックをHTMLページ内にガンガン描画できる仕組みです。 3Dだけしかできないという訳ではなく、2Dでの描画もすることが出来ます。 この場合もGPUの恩恵を受け…

HTML5/CSS3 メニューの作り方

久しぶりの投稿です。みたけです。最近、ios、Android、HTML5を使う機会が増えてきたので、そのTOPICをの書いていこうと思ってます。今回はFacebookやPathなどでよく使われている左上のメニューについて。

アプリ開発勉強会/HTML5 Web Components/リーンスタートアップ/JSマルチスレッド・社内ミドルウェアのセミナー@GREEに参加してきました

@damayaです。グリー本社で開催された「アプリ開発勉強会 / HTML5 Web Components/リーンスタートアップ・モバイルファースト/ JSマルチスレッド・社内ミドルウェア」というセミナーに参加してきました。

HTML5のマニュアルサイト「HTML5 Rocks」がリニューアル!

みなさんこんちくわ!kouhei328です。 HTML5の勉強は進んでいますか? 僕は最近リニューアルされた「HTML5 Rocks」を頻繁にチェックしています。HTML5 RocksはGoogleがHTML5に関するチュートリアルや APIマニュアル・ティップス・関連文書をまとめたサイトで …

GoogleTVについて

こんにちわ、@damayaです。事業開発本部では月に一度、部内で勉強会が開催されています。 今回、私が勉強会で発表した「Google TVについて」という説明資料を SlideShareに公開したのでここに掲載したいと思います。

WebSocket勉強会に参加しました

こんにちは!@kakeyangです。 WebSocket勉強会に参加しましてので、レポートしたいと思います。 WebSocket勉強会 日時:2011年5月28日 10:00〜18:00 場所:株式会社インターネットイニシアティブ会議室17F 参加人数:130名程度 ハッシュタグ:#websocket_stu…

x-webkit-speechを使ってPCで音声入力を体験してみた

みなさんこんにちわ。@kouhei328です 結構前のネタなのですがGoogleChrome11ベータ版以降音声入力が可能になりました。

Android端末のHTML5対応状況について調べてみた

みなさん おはこんばんちわ。@kouhei328です。 最近Android端末[HTC EVO WiMAX]を購入したせいかAndroidに対する愛着がハンパないです。そこで今日はAndroid端末のHTML5の対応状況について調べてみました。 調べてみると今動かしているブラウザのhtml5対応度…

jQuery Mobileを使ってスマートフォンサイトを作ってみる

皆さん。こんばんわ!@kouhei_mitsuyaです。 今日はスマートフォンサイトの制作を簡単に行えるjQuery[jQuery Mobile]を紹介します。使い方jQuery MobileのサイトからライブラリをダウンロードしてCSSとjQueryそしてjQuery Mobile本体を読み込みます。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> </link>

HTML5 - Web Storage

皆さんこんにちわ。@kouhei_mitsuyaです。 今日はHTML5のWeb Storageという仕組みについて書きます。 Web Storageとはクライアントのディスク上にデータを保存しておく為のストレージです。 これまではCookieが一般的でしたが下記のようにこのWebStorageには…

HTML5 -Video要素

皆さん。こんにちわ。@kouhei_mitsuyaです。 今回はHTML5の新要素として注目されている[Video]について書いていきます。この要素は名前の通り動画の再生が外部のプラグイン[Flash]や[Silverlight]を使用しなくても実現できるという大変優れたのもです。 HTML…

HTML5-Canvas要素

皆さん こんばんわ。@kouhei_mitsuyaです。 今日はHTML5で新たに追加された要素として代表的な[Canvas]を使って簡単な図形をつくってみようと思います。キャンバスの使用方法まずcanvasタグを使用し幅と高さを持たせます。 <canvas id="canvas1" width="500" height="300"></canvas> このキャンバスに対しjavascript…

HTML5 - フォーム要素

皆さんこんにちは。"@kouhei_mitsuya"です。 今日は最近流行りのHTML5について書こうと思います。HTML5で強化された要素はたくさんありますがその中でもこれまでjavascriptのライブラリを使用しなければ実現できなかった入力チェックや入力補助等の[フォーム…