Ionic - ハイブリッドアプリ作成のためのHTML5フロントエンドフレームワーク MOONGIFT
ハイブリッドアプリをさくさくっと作りましょう！ ここ1年くらいWebとネイティブの技術を組み合わせたハイブリッドアプリに対する注目が急激に高まっています。Mobile Safariのパフォーマンス向上、HTML5への期待の現れと言えるでしょう。 今回はそんなHTML5を利用したWebアプリケーション開発に使えるフレームワークIonicを紹介します。この手のフレームワークはたくさんありますので、より先進的なものを選ぶと最新の機能が使えるのではないでしょうか。 タスク一覧のデモ。ヘッダー、フッターは常時張り付きます。 タブバーをクリックして画面の切り替えもできます。 スライドメニュー。画面をスワイプまたは左上のメニューアイコンをタップします。 メニューが左からスライドしてきました。 画面を切り替えた後の戻る機能もあります。 フォーム。 サンプルの天気アプリ。 地図アプリ。 プロフィールアプリ。
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CoolClock - The Javascript Analog Clock
About CoolClock CoolClock is a customisable javascript analog clock. What's New (19-Aug-2010) Release version 2.1, new features include digital (text) display and two logClock modes. See logClock demo and demo2. (26-Apr-2010) Released new version 2.0 and added source to github. Added note about new onload requirements. (26-Apr-2010) Someone has created a CoolClock plugin for SongBird. Go check it
ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
iOS6のSafariでサポートされるHTML5の機能 | DevelopersIO
以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
HTML5でつくるカメラ&落書きアプリ（中国GTUGハッカソンで発表） | 秋葉秀樹個人ブログ
サイトにアクセスして、画面をちょっと下にスクロールすると「Android Build」というリンクがすぐ見つかるはずです。 これをタップするだけでダウンロードが始まります。 ダウンロードが終わったら、上図右のようにアイコンをホームの画面にでも配置しておきましょう。 Operaのアイコンに「LAB」と書いてあるのがそれです。 その「LAB」と書いているOperaを起動して、ハッカソンで作ったやつのアドレスにアクセスしてください。 http://ecoloniq.jp/opera_de_camera/ ※ハッカソンの制限時間の関係上ちょっとした不具合があります、そのときは更新をタップしてください（ちゃんと作りたいなあ...） カメラの映像をブラウザに映す カメラの画像をブラウザに映すのだけはとても簡単です。 <video autoplay> // jQueryを読み込んでいます $(funct
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい 「Meteor」は、Webアプリケーションを開発するためのフレームワークと実行環境を提供しています。アプリケーションはすべてJavaScript、HTML、CSSで記述できるため、サーバ側でRubyやPerlやJavaなどのプログラミングをする必要はありません。 TechCrunchの記事では、JavaScript/HTML/CSSだけでWebアプリケーションが開発できる点にフォーカスが当たり話題になりましたが、公開されたデモンストレーションのスクリーンキャストを見たところ、Meteorにはそれ以上に新しい仕掛けが盛り込まれていました（スクリーンキャストはこの記事の末尾に埋め込んであります）。 それは「リアルタイムなWebアプリケーションを構築す
今流行のArctic.jsと、enchant.jsの比較 | Geisha Tokyo Engineers' Blog
圧縮後のファイルサイズはenchant.jsのほうが3kbほど少ないですね。 どちらもjs上に継承などを行う擬似クラスを作るためのClass要素があったり、スマートフォン/PC両方で使えるようにtouch系イベントとmouseDown/Move系イベントを判定したり、fps(フレーム数）を設定してフレーム毎のイベントを設定するなどしています。 後発だけあって、Arctic.jsのほうはenchant.jsの機能をパクったenchant.jsにある機能はだいたいあるような感じですね。 オブジェクトの描画についてですが、Canvasでの描画の方が性能的に有利かもしれませんが、enchant.jsは divタグ毎にオブジェクトに持っていることで利便性をあげています。既存のアニメーション効果をdivタグ単位で 適応することにより、今までのエフェクトを使いまわすことができるのです。 ench
HTML5はFlashとSilverlightの代わりになれるか : だめ速
2012年02月10日08:00 HTML5はFlashとSilverlightの代わりになれるか カテゴリITニュー速+ ツイート 1: ◆SCHearTCPU ＠胸のときめきφ ★ 2012/02/08(水) 08:06:46.30 ID:???0 BE:823010483-PLT(12557) 2011年、Microsoftはウェブ開発者に対する同社のSilverlight戦略を大きく後退させた。 さらにAdobeは、モバイル版Flashの開発を中止すると発表した（ただし、パートナー企業は 開発を継続する可能性がある）。Flashがモバイル市場での普及度で「クリティカルマス」を 突破できなかったことを考え合わせると、最善の場合でも、モバイルとデスクトップでは 異なるFlash戦略を取る必要があり、最悪の場合は、多くのモバイルデバイスでは 所有するFlashコンテンツをまったく見るこ
HTML5 Canvasを始めよう：EaselJSを使った流体パーティクル入門 | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」で流体パーティクルのデモを作ってみました。 demo source EaselJSを使えばFlashのようにHTML5 Canvasを使うことができるので、ActionScriptから概念だけではなくコードの再利用性が高まります。今回は流体パーティクルの表現を通して、EaselJSとCanvasのテクニックを紹介していきます。 デモの作り方 冒頭のデモですが、私が以前作成したFlashの作品「Flashの高速化を試す、BitmapDataを配列に格納することで2〜3倍の高速化」から移植したものです。 さて、このデモをHTML5 Canvasに展開するにあたり、特に抑えておきたいのは次の点だと思いました。 フォースマップの作成 パーティクル情報を付与した表示クラスの作成 フォースマップ
避けるべきHTML5機能をまとめたティップサイト「HTML5 Please」登場
HTML5やCSS3といった最新の技術を活用したWebページの制作は開発者にとっては魅力的な選択肢だが、そこには常に「どの機能ならば使っても良いか」という判断が必要になる。最新のブラウザがある機能に対応していたとしても、それがすべての主要ブラウザでサポートされていないことがあったり、あるバージョンでは特定の問題を引き起こすこともある。「どの機能ならば使っても良いか」という調査にかかるコストを考えると、従来の古い技術のみでWebサイトを構築する、といった選択肢も捨てがたいものとなってしまう。 こうした際に役立つサイト「HTML5 Please」が登場した。HTML5やCSS3、JavaScript APIに関して利用が推奨されるかどうか、どのブラウザのどのバージョンがサポートし、全体としてどの程度の対応状況にあるかをまとめたサイトだ。どの機能を利用すべきかといった判断をするのに役立てることが
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
セキュリティ強化のはずが逆効果？ HTML5「サンドボックス」の盲点
Webブラウザに音声や画像、動画を表示する技術である「HTML5」。Adobe Flashとは異なりプラグインが不要なことから注目を集めている。だがセキュリティ専門家は「HTML5の存在が、ユーザー企業のセキュリティ担当者にとって新たな課題になりかねない」と警告する。 英Sophosの上級技術者であるジェームズ・リン氏は、「HTML5の急速な普及は、思わぬセキュリティ問題を招きかねない」と危惧する。適切にプログラムされていないHTML5のWebアプリケーションの場合、攻撃者によって重要データを不正に取得されかねないという。 HTML5関連記事 Windows 8搭載タブレットがiPadに対抗できない理由 HTML5を活用！ スマートフォンアプリ開発の最前線を見る（ホワイトペーパー）
世界のクリエイティブを体感する「FITC Tokyo 2011」レポート（前編） | gihyo.jp
12月3日、4日と2日間に渡り開催された世界の第一線で活躍するクリエイター、アーティストが集まるイベント「FITC Tokyo 2011」に潜入してきた。本稿では、このイベントを前後編に分けてレポートする。 FITCはカナダ／トロントをベースに世界11カ国で開催されている世界規模のイベント。日本での開催は第3回目であり、初の2日間開催となる。ちなみに筆者は実は日本に初めてFITCを持って来た超本人で、今回は縁あってレポーターとしてイベントに参加するということで胸躍らせながら開催地である新宿コクーンシアターに向かった。 1日目のプログラムはAdobeエバンジェリストによるFlash/HTML5最新動向を皮切りに、Flashアニメーターポエ山氏、マーカーレスAR技術を紹介するロシアのエンジニア、日本を代表するクリエイター中村勇吾氏やWebエンジニアMr.DOOBらを招いたCBCNET栗田氏のモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ryu-tan.net/blog/?p=285
TechCrunch | Startup and Technology News
WebSocket APIの詳細な仕様解説
TechCrunch | Startup and Technology News
Loading...
