TheDesignium

Designium»Blog»Tag - "HTML/CSS"Return

blog home

  • 「HTML/CSS」のタグキーワードで表示しています
  • これ以上前のページはありません
  • これ以上次のページはありません
  • 「HTML/CSS」タグのエントリー一覧
  • 2010年、HTML5を学ぶつもりならスマートフォンを買おうScroll
  • 温故知新？Scroll
  • 10/31 CSS Nite in 福島 Vol.3 開催！Scroll
  • ブログメニュー
  • カテゴリー+タグ一覧へScroll
  • コメント&トラックバック一覧へScroll

2010年、HTML5を学ぶつもりならスマートフォンを買おう

2010.01.04 - CMS, スキル, プライベート, 携帯/Mobile

浅井です。明けましておめでとうございます。

さて、2010年一発目の記事はHTML5についてです。

「現在」W3CのアナウンスによるとHTML5が正式に勧告されるのは2012年。
勧告候補となるのは2010年。そう、今年です。（まぁ、おそらく予定はまた延び延びになりますが。）

※W3Cの規格策定は、Working Draft(作業草稿)→Candidate Recommendation(勧告候補)→Proposed Recommendation(勧告案)→Recommendation(勧告)と進みます。
勧告になってから実装されるのではなく、たいてい勧告候補の段階で本格的な実装がスタートします。（CSS2.1なんてまだ勧告候補の状態ですから）

自分も少しずつHTML5の勉強を行っていますが、クライアントワークでHTML5を採用出来るのは当分先になりそうです。

理由はやっぱりInternet Explorer。
色々な思惑があるんでしょうが、他のブラウザに比べてHTML5への対応が明らかに遅れています。
その上、IE8以降でHTML5への対応が促進されたとしても未だ高シェアを誇るIE6,7がそのままなら意味がありません。
PC向けのWEBにHTML5の面白さが広がるためには、どうしてもIEがネックなんですよねぇ。

ただ、Internet Explorerが圧倒的シェアを誇っているのは、あくまでもPCの話。
スマートフォンに注目してみると事情は変わってきます。

市場調査会社ImpressR&Dの「スマートフォン利用動向調査報告書」によると、国内のスマートフォンのシェアでiphoneが占める割合は46％という数字が出ています。
現時点でiphoneからのアクセスはWebkitベースのsafariが大半、さらに同じくWebkitベースのブラウザを搭載したAndroid携帯も今後増えていくことが予想されます。（今年はgoogle独自の携帯が発売されるという噂もありますね）
業界一位のノキアもWebkitの採用を決定していますし、今後、スマートフォンのレンダリングエンジンはWebkitが独占状態になるんじゃないかと思っています。

何しろ、先の資料を見るに2007年には(W-ZERO3により支えられていた)Windows Mobile搭載のスマートフォンのシェアは3分の1以下となっている状態です。
Webkitがスマートフォン界のIEになる、と考えると、良いか悪いかは微妙なところなんですが、こういった事情からHTML5はPCより先にスマートフォン側で普及していくんでしょうね。

HTML5の仕様的にも、特にローカルDBやアプリケーションキャッシュなどは、通信回線が増大して常時高速な状態となっているPCよりモバイルの方が有効活用出来るんじゃないかと思っています。
(弊社のmixiアプリ担当を見ていると、やはりサーバー⇔クライアント間の通信の削減は重要な課題のようですし)
オフラインgmailなんて、HTML5をどう活用するか？という問いへの模範的回答ですよね。

とりあえず、今年はiphoneでも買って、何か面白いもの作れないか色々いじってみようと思います。

それでは、2010年もよろしくお願いいたします。

 

 

link: http://www.thedesignium.com/blog/skill/2082
autor: asai comment: 0件
tags:

温故知新？

2009.10.03 - スキル

問題です。

この画像のスライドショーっぽいものは、何で作られているでしょうか？

【選択肢】
１．Flash
２．アニメgif
３．HTML
４．JavaScript

・

・

・

・・・・選びましたか？

正解は３．HTMLです。

これは、今ではもうほとんど使われなくなった「marquee」というタグを使って実現しています。

あいうえおかきくけこさしすせそ

デフォルトの使い方としては上記のように、文字を右から左に流すだけのものなんですが、オプションで指定できるパラメータが結構あって、調整次第では上下左右ナナメどんな方向へも動かせますし、文字だけでなく画像を流すこともできます。

今回のスライドショーもどきは、こんなコードで実現しています。

<marquee scrollamount=”100″ scrolldelay=”3000″ width=”100″ height=”75″><img src=”http://www.thedesignium.com/blog/wp-content/uploads/2009/10/scroll.jpg”/></marquee>

先頭から順に解説すると、
scrollamount・・・・１回に移動する量をピクセル指定します。今回は100なので、１回で画像が100ピクセル左に動きます
scrolldelay・・・・移動の時間間隔をミリ秒で指定します。今回は3000なので、３秒に１回移動することになります
width、height・・・領域の横・縦幅です
img src…・・・流す画像。これです。↓

つまり、このコードを一言で説明すると「３秒に一回、画像を100ピクセル左にずらして表示する」という動作をします。

今はFlashやJavascriptなどの技術を使えば簡単にきれいなスライドショーが作れますが、こういった泥臭いというか時代遅れの技術でいろいろ工夫してみるのも知的（？）でおもしろいんじゃないでしょうか・・・というお話。

 

 

link: http://www.thedesignium.com/blog/skill/1827
autor: fujii comment: 0件
tags:

10/31 CSS Nite in 福島 Vol.3 開催！

2009.09.17 - スキル, デザイニウムニュース

10/31にCSS Nite in Fukushima Vol.3が郡山市ビッグパレットにて開催されます。福島県のウェブ業界の盛り上げや横のつながりを作るために郡山市・福島市の知り合いの方たちが中心で動いていており、CSS Niteの地方版で既に３回目というのはかなり早い方ではないでしょうか？

今回は【CSS Nite ビギナーズ】ということで技術の底上げを図る目的で、テキストと連動しコーディングを基礎的なところからきっちりやるという内容になっています。まだちょっと詰めが甘いかも…と思う方はこれを機に勉強し直してみてはどうでしょうか？うちもインターン生を中心にみんなで行く予定です。

お申し込みは以下のバナーから！
CSS Nite in FUKUSHIMA

 

 

link: http://www.thedesignium.com/blog/news/1787
autor: maeda comment: 0件
tags: , ,

  • 2010.1.20
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    suzukimilanpaak：
    お返事が遅くなってしまい大変申し訳ございません。ご丁寧な回答...
  • 2009.11.26
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    ミズタニキリン：
    下記(A)、(B)より80～90%の機種はFlash lite 2.0に対応しているという結果になり「mixiのユーザー層にFlash lite...
  • 2009.11.24
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    suzukimilanpaak：
    (2)FlashLite2.0での開発がオススメについて質問させてください。mixi...
  • 2009.10.10
    :
    ミズタニキリンのよくある質問Link
    ミズタニキリン：
    ごめんなさい。ゴーキのミズタニではないです。ゴーキってゴーキ 美術研究所のことですよね？はちゃめちゃな妹は確かゴーキに行...
  • 2009.10.6
    :
    ミズタニキリンのよくある質問Link
    キョン：
    ひょっとしてひょっとするとゴーキのミズタニさんですか？ 間違ってたらごめんなさい。
  • 2009.12.10
    :
    センサー講座 Spe.001 Wiimote WhiteboardLink
    お金と知識のない学生が努力と根性で作ったもの
    from アナリハ
    この前の１０月・１１月に定期的にプレゼンをする事になった。...
  • 2009.10.27
    :
    11/7 CSS Nite in 新潟 開催!Link
    ブログで紹介いただきました。
    from CSS Nite in NIIGATA
    デザイニウムブログ
  • 2009.9.4
    :
    越後妻有アートトリエンナーレ 大地の芸術祭2009（前編）Link
    ブログ | The Designium - デザイニウム
    from 越後妻有アートトリエンナーレ 大地の芸術祭2009（後編）
    越後妻有アートトリエンナーレ...
  • 2009.9.4
    :
    越後妻有アートトリエンナーレ 大地の芸術祭2009（後編）Link
    ブログ | The Designium - デザイニウム
    from 越後妻有アートトリエンナーレ 大地の芸術祭2009（前編）
    越後妻有アートトリエンナーレ...
  • 2009.6.25
    :
    若手向けの勉強会企画してみました。Link
    [勉強会]みちのくIT会議ってのが福島であったようだ。
    from 笑う角でずっこける。
    まぁ、タイトルでまとまってしまったけど…。 初めて聞く名前だったので情報を集めてみた。...