HTML5: 2012年6月 アーカイブ

 現状では、Web スクリプト技法の "HTML&CSS" を知らずともさほど苦労はしないのかもしれない。"Web ページの作成" に関しては、数多くの "自動変換" エディタが世に出ているからだ。
 そうしたものを活用して、いち早く "内容" で魅了するぞという戦術に出ることも一つの作戦ではあろう。

 自分の場合、そうした "Easy Come Easy Go" のツールを眼にはしていたものの、Web スクリプトくらいは "一から書き始めたい" という思いがあって、"HTML&CSS" 技法を独習してきた。
 未だに要領を得ない箇所が多々あるが、それでも "急がば回れ" のたとえどおり "正攻法" で臨んできてよかったと感じている。その一つが、"電子書籍" の定番である "ePub" フォーマットに取り組んでみて分かった。"HTML&CSS" 技法に慣れ親しんできたことが "ePub" フォーマットを使いこなす上で大いに役立ったからだ。

 別に、"ePub" フォーマットのことはさておいても、Web 環境に関わっていこうとするならば、大なり小なり "HTML&CSS" 技法は欠かせないし、おそらく今後も大前提となっていくものと思われる。どこかで一度はその習得にチャレンジしておいても損にはならない技法だろうと思う。
 ただ、この技法習得は "一種の外国語" 習得にも似ているところがあり、"字面" とにらめっこしていてもらちが明かない。PCを使ったトライ&エラーの積み重ねが決め手となりそうである。

 下記引用サイト記事:初心者がWeb上でHTMLとCSSの基礎を...結果を見ながら...学んでいくMozillaのThimbleサービス/TechCrunch/2012.06.19 での、"オンライン型のトレーニングツール" である "Thimble" は、まさに<初心者がWeb上でHTMLとCSSの基礎を...結果を見ながら...学んでいく>というサービスだ。
 決して、派手な趣きがあるあけではなく、"地味" な仕掛けではある。"Thimble" という名称からして、裁縫用具の "指ぬき" なのだから、コツコツと学んでくださいというメッセージが伝わってくるようだ。


 左側画面に、"タグ" によるスクリプトが例示され、これを "修正" すると、右側画面の表示にリアルタイムで "反映" されるという構成となっている。
 ブラウジングされない "コメント" を書く際に使われる "タグ" 「<!--」と「-->」で囲まれた部分に、結構丁寧な解説( English )が施されているので、English 共々良い学習となることこの上ない!




















 "ePub" エディタの "Sigil" が、いまだ "HTML5" に対応していないためか、専ら "Sigil" に主要な関心を持つ自分としては、どうも "HTML5" を脇に置きがちとなっている。マスターしておくと何かと便利かとは思いながら......。
 ちなみに、この日誌でも過去何度も "HTML5" については取り上げてきた。図らずも、ちょうど一年前にも以下のような "HTML5" 関連記事を書いている。

 いよいよ "HTML5" (と "CSS 3" )の時代到来かとの意を強めさせるものがあった。
 グーグルが制作・提供する "HTML5" で作成されたデジタルWeb絵本<ブラウザやウェブについて知っておきたい20のこと>のことである。HTML5で作成されてので、Google Chrome ほか Firefox などのHTML5に対応したWebブラウザーで閲覧できる。......
 当該の "デジタルWeb絵本" のサイトへ向かってみると、確かに表示が "リッチ" な雰囲気である。ただ、"HTML5" の世界に精通しないと、一体どこが "HTML5" 水準独自なものかは了解しにくい。
 ちなみに、"ページのソース" を覗いてみると、最上段の冒頭に "<!DOCTYPE html>" と、このスクリプトが "HTML5" で書かれているという宣言がなされているのがわかる。
 で、"絵本を開く" をクリックすると、おっと、"iPad" ではなくブラウザであるのに、あの "ページめくり" のアニメーションが実行されるではないか。さらに、ポインターをページの右端に置き、"iPad" に対してのあの "ページめくり" と同様の動作をポインターで試みてみると、な、なんと、しなやかな形でページがめくられて行く......。
 決して "HTML5" がもたらす表現の "リッチ" さはこれに尽きるものではなさそうだが、それらへの予感を彷彿とさせて余りあるように思えた。
 このコンテンツの "隅々" を丹念に点検して行くならば、"HTML5" がブラウザ上でどんな斬新な表現を可能とさせるのかが、手っ取り早く実感できるのではないかと思えたわけだ。......
"HTML5"で作成されたGoodサンプル!/<グーグルがHTML5で作ったWeb絵本を公開>( 当誌 2011.06.05 )


 上記のグーグルが制作・提供する "HTML5" で作成されたデジタルWeb絵本<ブラウザやウェブについて知っておきたい20のこと>は、何度閲覧しても、"HTML5" をマスターすることへの意欲がそそられるインセンティブなコンテンツだと思う。
 ところで、今日取り上げたい記事は、下記引用サイト記事:HTML5--押さえておくべき10のタグ」/CNET Japan/2012.06.05 である。

 こうした、ウェブ開発時に役立つタグが選択されて、その要点が解説されているものは、マスターしようとする者にとって価値ある道標となるに違いない......。

2020年11月

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          














関連サイトへのリンク


  • 電子書籍(eBooks)制作にフォーカスしたサイト
  • 明けない夜はないことを確信するサイト
  • Green(地球環境改善)にフォーカスしたサイト
  • ソフトウェア技術者やSEのための評価と育成、人事考課制度を考えるサイト
  • さまざまな業種・業態でご利用可能なモバイル活用の予約システム!
  • 創作小説『海念と保兵衛』のサイト
  • 創作小説『かもめたちの行方』のサイト
  • 当ブログ推奨の商品を展示したAmazon ストアー!
  • 当AdhocBlogブログの過去のエントリー
  • 株式会社アドホクラット当時のサイト

★売れ筋! No.1!
家庭用"放射線測定器"

日本通信 bモバイルWiFi ルータ+1 ヶ月定額SIM BM-U300W-1M
価格:¥ 20,208
国内配送料無料 Amazon





このアーカイブについて

このページには、2012年6月以降に書かれたブログ記事のうちHTML5カテゴリに属しているものが含まれています。

前のアーカイブは、
 HTML5: 2012年5月
です。

次のアーカイブは、
 HTML5: 2012年7月
です。

最近のコンテンツは、
 インデックスページ
で見られます。

過去に書かれたものは、
 アーカイブのページ
で見られます。

年月別アーカイブ

最近のトラックバック