Information

Vol.7 のアーカイブ

CSS Nite in TAKAMATSU, Vol.7 スライド&音声公開「HTML5+jQueryを活用したデジタルサイネージの実装」 英 誠一朗さん

hanafusa2012年5月20日、香川県高松市アルファあなぶきホールで開催した「CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~」での英 誠一朗株式会社 四国新聞社)さんのセッション『HTML5+jQueryを活用したデジタルサイネージの実装』のスライドと音声を公開します。

セッション4「HTML5+jQueryを活用したデジタルサイネージの実装」を担当した四国新聞社の英です。ご参加ありがとうございました。

改めてまとめですが、高価なサイネージ専用機器で実装しなくても大型テレビとPCがあれば、構築できることを感じて頂ければ幸いです。

Application Cacheによる、キャッシュは強力で通常のリロードでもキャッシュから各ファイルが読み込まれます。そのキャッシュを削除する方法は、通常のキャッシュ削除とは違うオプション項目にある場合が多いです。スマホは、簡単にいきません。iOSにおいては、iTunesに接続する必要があります。Androidは、機種によっては、ユーザーがキャッシュを消せない場合があります。

マニフェストファイルの記述において、ディレクトリー指定は、デモでは動作しましたが、W3Cのドキュメントでは、ディレクトリー単位での記述法が見つけられませんでした。現状では、imgやCSSも全て列挙するとさせてください。

使用したHTML等をダウンロードできるようにしておきます。利用条件があります。個人的に利用頂く場合は問題ありませんが、商用で使用する場合は、小生まで事前にご連絡をお願いします。

(株)四国新聞社 メディア室メディア事業部
英 誠一朗(SEIICHIRO HANAFUSA)
〒760-8572 香川県高松市中野町15-1
TEL 087-833-2222
FAX 087-833-2223
EMAIL hanafusaseii@shikoku-np.co.jp


CSS Nite in TAKAMATSU, Vol.7 スライド&音声公開「Internet Explorer 10とマイクロソフトにとってのHTML5」 春日井 良隆さん

kasugai2012年5月20日、香川県高松市アルファあなぶきホールで開催した「CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~」での春日井 良隆日本マイクロソフト株式会社)さんのセッション『Internet Explorer 10とマイクロソフトにとってのHTML5』のスライドと音声を公開します。

最後のセッション6「Internet Explorer 10とマイクロソフトにとってのHTML5」を担当しました日本マイクロソフトの春日井です。

予告通り高松のホテルでDE ROSAのネオプリマート(分かるヒトにしか分からないこだわりのチャリ)を受け取って今治まで戻り、しまなみ海道を大島、伯方島、大三島、生口島、因島、向島と渡って、先ほど尾道に到着しました。尾道と向島を結ぶフェリーを眺めながら、このメッセージを書いています。

Internet Explorer -IEは今後も積極的にWeb標準への準拠を進め、速さと安定性と使いやすさとセキュリティの高さで勝負します。IE10にも引き続きご期待ください。また「HTML5:Native to Windows」という言葉通り、HTML5はIEだけでなく、Windows OSにとっても重要な技術になってきます。Windows 8の”Metro”で動作するアプリケーションはHTML5やCSS3、JavaScriptでも開発できるようになりますので、Webページだけではなく、アプリケーションを構築する技術としてのHTML5にもご注目を。最後に少しだけご紹介をしたKinectはクリエイター魂を刺激するステキなデバイスです。YouTubeで「Kinect」と検索してみてくださいね。

アンケートで頂いた「今後のIEに望む機能、IEでサポートして欲しいHTML5/CSS3とその理由」にお答えします。
http://webridge-kagawa.com/doc/120520/qa/kasugai.html

IE10でサポートする新しいHTML5 API、WebSockets、FileAPI、IndexedDBでご紹介したデモは翔泳社さんが運営するCodezineというサイトに解説記事が出ています。実装にご興味のある方はぜひご覧ください。
http://codezine.jp/

スライドはこちらです。松山版のものですが、讃岐うどんがタルトになっている以外は同じスライドです(笑)。ハイパーリンクも仕込んでありますので復習にご利用ください
http://www.slideshare.net/ykasugai/internet-explorer-10html5-in-12990348


CSS Nite in TAKAMATSU, Vol.7 スライド&音声公開「CSS3で変わるWeb制作」 鷹野 雅弘さん

takano2012年5月20日、香川県高松市アルファあなぶきホールで開催した「CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~」での鷹野 雅弘株式会社スイッチ)さんのセッション『CSS3で変わるWeb制作』のスライドと音声を公開します。

セッション2「CSS3で変わるWeb制作」を担当しました鷹野です。

ご参加ありがとうございました。「画像いらずでメンテナンス向上」という切り口でCSS3をご紹介しましたが、もうひとつ、表現力のひろがり、という面も無視できません。

デザイン、コーディングの両方に取り組まれている方は、これまで実現したいけど、HTMLがややこしくなり、画像も増えるので…と躊躇する場面があったことでしょう。「おっと、これが可能なら…」と、新しいアイデアのインスピレーションにつながるかも!

「レスポンシブWebデザイン」について

ご紹介した「レスポンシブWebデザイン」はDreamweaver CS6でも新機能「可変グリッドレイアウト」によって推していますが、次のような問題も抱えています。

  • PCサイトのレイアウトを変えたままでは重い
    • 画像:モバイル用には異なる画像をはき出すしくみが必須
    • 「display: none;」で隠しても、読んでいる
  • そもそもレイアウトを変えるだけでなく、コンテンツの最適化が必要では?
    • 机でPCを使うのと、スマートフォンを出先で使うのでは、必要なコンテンツがまったく異なる(ことが多い)

同じスマートフォン/OSでも、画面サイズが異なることへの対応としてレスポンシブWebデザインのスキルを身に付けておく必要があると考えていますが、スマートフォン対応とスマートフォン最適化は異なることを忘れずに。ちなみに、アップルのサイトは、基本的に、レスポンシブWebデザイン、jQuery Mobileなどのスマートフォン対応はされていません…

昨年9月のCSS Niteにて、レスポンシブWebデザイン、jQuery Mobileをテーマに講演していますので、ぜひ、ご覧ください(ビデオがあります)。
http://cssnite.jp/archives/post_2163.html

CodeZineにて、次の記事を執筆しました。
サンプルで学ぶDreamweaver CS6!「レスポンシブWebデザイン」に挑戦してみよう
http://codezine.jp/article/detail/6574

参照リンクなどは下記にまとめました。
CSS Nite in TAKAMATSU, Vol.7「CSS3で変わるWeb制作」フォローアップ
http://cssnite.jp/takamatsu/vol07/takano/


CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~ 無事終了しました!



2012年5月20日(日)に CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~ が、アルファあなぶきホールにて約100名の方にご参加いただき、無事終了いたしました!心よりお礼申し上げます。本当にありがとうございます!

ご参加いただいたみなさまには、今回のイベントに関する情報をフォローアップメールで随時お送りしていますので楽しみにお待ちくださいませ。また、ぜひブログなどで今回のイベントの様子やご意見ご感想をレポートしていただき、この記事にトラックバックくださいますと幸いです。

Twitterでの発言(ハッシュタグ #cssnite_tak7) はこちらにまとめました。

次のブログで取り上げていただきました。ありがとうございます。

今後ともCSS Nite in TAKAMATSU、Webridge Kagawa(ウェブリッジかがわ)をよろしくお願いします。

 

撮影:鍋坂樹伸(サン・スタジオ


(プレゼント協賛)「株式会社KDDIウェブコミュニケーションズ」様から『Webマーケティング思考トレーニング』をご提供いただきました!

国内40,000社以上の顧客実績を持つレンタルサーバー「CPI」やホームページ作成サービス「Jimdo」でおなじみの「株式会社KDDIウェブコミュニケーションズ」様に、高畑哲平さん著の『Webマーケティング思考トレーニング』をご提供いただきました!
ありがとうございます。

高畑哲平さんは6/22にWebridge Meeting SP10 (ウェブリッジ ミーティング スペシャル10) ~ Webマーケティング思考トレーニング ~に登壇してもらいます!

株式会社KDDIウェブコミュニケーションズ


【重要】受講票について

お申し込みいただいたメールアドレス宛に 5/16 16:30 頃に受講票を送信しています。

受講票が届いていない場合は、
受信メールサーバーのスパム設定でエラーとして返信されていたり、
迷惑メールフォルダに入ってしまったりしている例が報告されています。

申込時に自動返信があった場合は、申し込みは完了していますので、
当日会場におこしください。よろしくお願いします。


(プレゼント協賛)「サーティファイ Web利用・技術認定委員会」様から『Webクリエイター能力認定試験スタンダード 公式テキストブック』ほかをご提供いただきました!

サーティファイ Web利用・技術認定委員会」様からプレゼント協賛をいただきました。
Webクリエイター能力認定試験スタンダード 公式テキストブック』、『Webクリエイター能力認定試験エキスパート 公式テキストブック』をご提供いただきました!

  

サーティファイ


(プレゼント協賛)「世界中から集めた、小粋なデザインたちをテーマにしたオンラインショップquote」様から『Flat Packables ペッタンコになるiPhoneスタンド』をご提供いただきました!

世界中から集めた、小粋なデザインたちをテーマにしたオンラインショップquote」様から、プレゼント協賛「Flat Packables ペッタンコになるiPhoneスタンド」をいただきました。ありがとうございます。


CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~ 開催決定!!

5月20日(日)に CSS Nite in TAKAMATSU, Vol.7 の開催が決定しました!今回は「HTML5&CSS3」がテーマです。

何年も前から話題にのぼっているHTML5&CSS3ですが、みなさんは業務で使っていますか?きっと実装する機会は少ないのではないでしょうか?新しいブラウザやスマートフォンの普及が後押しして、HTML5&CSS3は今まさにさまざまな可能性の花を開こうとしています。また、すでに実装し最先端の取り組みをしている企業も出てきました。

今回のCSS Nite in TAKAMATSUでは、多数書籍を執筆しているHTML5&CSS3のエキスパートから、HTML5&CSS3に取り組むブラウザベンダーの方まで、さまざまな立場の講師陣がそれぞれ違った専門的な角度から、HTML5&CSS3導入のために役立つノウハウと、あと一歩を踏み出す勇気を伝授いたします。

CSS Nite in TAKAMATSU, Vol.7 with Microsoft ~今日から使えるHTML5&CSS3~
◇日 時:2012年5月20日(日) 14:00 -18:40(予定)
◇会 場:アルファあなぶきホール 大会議室
◇定 員:100人

お申し込み開始の日時や登壇者情報などは、当サイトにて案内いたします。