タグ

html5に関するnakackのブックマーク (93)

  • マイクロサービスは万能薬ではない──マイクロサービスの生々しい話を聞いてきた

    こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、合同会社 Starlight & Storm 代表社員の長谷川裕一さんです。 ▲合同会社 Starlight & Storm 代表社員 長谷川 裕一さん 長谷川さんのセッションは「Microservices入門」(ルームB 11:20-12:00)です。 (現在HTML5 Conferenceは定員オーバーの状態ですが、無料イベントということもあってキャンセルも多めに出るらしいので、あきらめずにキャンセル待ちすることをお勧めします!) マ

    マイクロサービスは万能薬ではない──マイクロサービスの生々しい話を聞いてきた
  • ティム・バーナーズ=リーがHTML5世代のDRM技術「EME」の開発タイムラインの延長申請を却下

    World Wide Webで使用される各種技術の標準化を推進する為に設立された標準化団体World Wide Web Consortium(W3C)のティム・バーナーズ=リー氏が、HTML5世代のコンテンツ配信のDRM技術である「Encrypted Media Extension(EME)」の開発遅れに伴うタイムライン延長申請を却下したことが明らかになりました。GoogleMicrosoftNetflixなどが推進する次世代DRM技術の実用化に暗雲が垂れ込めています。 Tim Berners-Lee just gave us an opening to stop DRM in Web standards | Defective by Design https://www.defectivebydesign.org/blog/tim_bernerslee_just_gave_us_op

    ティム・バーナーズ=リーがHTML5世代のDRM技術「EME」の開発タイムラインの延長申請を却下
  • モダンWeb:たった今と、ほんの少し未来のはなし~「de:code 2016」セッションレポート~

    モダンWeb:たった今と、ほんの少し未来のはなし~「de:code 2016」セッションレポート~ 佐川 夫美雄(Ashiras, inc.) この記事は、「de:code2016」のセッションレポート、日マイクロソフトエバンジェリスト物江修氏による「モダンWeb:たった今と、ほんの少し未来のはなし」です。講演内容を再現していますが、ニュアンス等伝えきれない場合があるかもしれません。ご了承ください。 モダンWebとは 昨今、様々なところで「モダンWeb」という言葉を聞くが、その定義は曖昧で意味するところの範囲が広範囲に及んでいるためではないかと考える。多くの場合、「モダンWeb」という文脈で語られている内容は次の4つの事柄で語られている。 モダンなWebシステム モダンな開発手法 モダンな標準機能 モダンなアプリケーション 単にモダンWebアプリケーションと言った場合にはこれらいろいろな

    モダンWeb:たった今と、ほんの少し未来のはなし~「de:code 2016」セッションレポート~
  • SkyWay ― WebRTCを簡単&柔軟に使えるプラットフォーム

    WebRTCは、ブラウザや専用アプリ同士でリアルタイムに映像、音声、データを送受信できる画期的な新技術です。SkyWayを使えば、サーバを準備することなく簡単に、WebRTCを使ったアプリが開発できます。

    SkyWay ― WebRTCを簡単&柔軟に使えるプラットフォーム
  • High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方

    多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。 HTMLは単に複雑さと要素の数を減らすだけでは、パースにかかる時間をあまり改善することはできません。しかしよく作られたHTMLはページを素早くロードするための決定的な土台になり、異なるビューポートサイズに対応するレイアウトになります。 さまざまなデバイスに対して素早くロードし、うまくいくコンテンツを作ることができるクリーンで簡潔なHTMLのコードを紹介します。 High performance HTML 下記は各ポイントを意訳したものです。 著者のSam Dutton氏は、Google ChromeのDeveloper Advocateをされています。 ※当ブログでの翻訳

    High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方
  • HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは

    Electron(旧Atom-Shell)とは、Web開発者がHTML5とNode.jsでMacWindowsLinuxデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScriptHTML5の進化によって、多機能なWebアプリケーションが増えてきました。それに伴い、モバイルでは、WebViewやApache Cordovaなどを使ったハイブリッドアプリも注目されています。Electronはその流れの中から生まれた新しい実行環境です。 ElectronはChromiumブラウザを内蔵しているのが一番の特徴です。Chromiumブラウザは、Google製のChromeブラウザのオープンソース版にあたります。ウェブ開発者がChrom

    HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは
  • 実例から考える、HTML5時代のエンタープライズ・アーキテクチャ

    HTML5の時代となり、フロントエンドの重要性が増してきています。業務システムにおいても、HTML5を格的に適用する事例が増えてきました。このような環境において、バックエンドを含めた次世代アーキテクチャのベストプラクティスを模索するというのが記事の趣旨です。 記事では、HTML5時代におけるアーキテクチャの概要を提示した上で、アーキテクチャ実装の具体例として、「OData+UIフレームワーク」を採用した事例を紹介します。その上で、このアーキテクチャを採用した場合のメリットと、今後の課題について記述していきます。 HTML5時代における業務システムアーキテクチャのポイントとは 業務システムにおけるHTML5化の流れについては、「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」にて、エキスパートの佐川夫美雄さんが語っているように、HTML5時代において「J

    実例から考える、HTML5時代のエンタープライズ・アーキテクチャ
    nakack
    nakack 2015/05/15
  • 【図解】コレ1枚で分かるHTML5:ITソリューション塾:オルタナティブ・ブログ

    1990年代初頭、文字や写真のような動きのない情報を、インターネットを介して交換するための手段として登場したのがウェブです。しかし、現在では、動画再生やビデオ会議、ゲームなど動きのある対話型のアプリケーションが動作するプラットフォームとして利用されています。 この仕組みを実現しているのが、情報を送り出すウェブサーバーと、その情報を表示するブラウザ、そして、情報をやり取りする手順である通信プロトコルです。この組合せは、ひとつではありません。例えば、ブラウザだけでも、MicrosoftのInternet Explorer、MozilaのFireFox、AppleのSafari、GoogleChromeなどがあります。ウェブサーバーや通信プロトコルにもいろいろなものがあります。このように異なるソフトウェアを使ってもお互いに情報のやり取りができ同様の表現にできるのは、情報の構造やブラウザへ表示方

    【図解】コレ1枚で分かるHTML5:ITソリューション塾:オルタナティブ・ブログ
    nakack
    nakack 2015/05/11
  • これからのWebデザインに求められるアクセシビリティとの向き合い方ーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」

    これからのWebデザインに求められるアクセシビリティとの向き合い方ーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」 仲 裕介(HTML5 Experts.jp副編集長) 3月14日に特定非営利活動法人Web Directors Forum(以下、WDF)とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」が金沢にて開催されました。この記事では、その勉強会のセッションの模様をレポートします。 これからのWebデザインに求められるアクセシビリティとの向き合い方ー木達一仁 最初は、株式会社ミツエーリンクスのCTOでありエキスパートの一人でもある、木達一仁さんによるセッションです。木達さんはWebアクセシビリティに関して、様々な取り組みをされている方です。別の企画で

    これからのWebデザインに求められるアクセシビリティとの向き合い方ーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」
    nakack
    nakack 2015/04/28
  • Move Over Google Plus Hangouts. Appear.in Is Here & It's Really Good

    Video conferencing isn't something most people get excited about. Until recently, the field has been dominated by the likes of Polycom and Cisco in the enterprise sphere, and Skype and Google Plus picking up the slack in the consumer sphere. Commonly, video conferencing hasn't been done especially well. For the most part Skype stutters and glitches out more than a Max Headroom marathon, even with

    Move Over Google Plus Hangouts. Appear.in Is Here & It's Really Good
  • Code4Startup

    Learn to code by building Real-life Startups like AirBnb | UberEats | Fiverr and more... Get Started How do I learn to code and change my life? What do I need to do to be a successful programmer? Why am I easily giving up along the way? By teaching thousands of people how to code, I learned that most of them usually struggle with the same questions and barriers. They don’t have motivation or speci

    Code4Startup
  • 初心者でもほぼ無料でHTML5/CSS3を勉強できるコンテンツ9選 - paiza times

    Photo by slavik_V こんにちは。谷口がお送りします。 Webの仕事を目指している人やプログラミング初心者、さらにはブログをやっている人など、HTMLCSSを習得したい人は多いと思います。特に最初は「Webサイトを作ってみたいけどどうしたらいいんだろう……」「自分のブログを豪華にしてみたいんだけど、HTMLっていまいちよく分からない……」など、さまざまな悩みがあるのではないでしょうか。 HTMLとは、Webページを作成する時に使用されるマークアップ言語の一つです。 マークアップ言語とは、プログラミング言語と違い「タグ」を使って、「ここからここまでが見出しです」「ここからここまでが一つの段落です」等といった印をつける言語です。基的にプログラミング言語のような「入力値を取得し計算処理をする」「条件を満たすまで処理を繰り返す」といった処理や計算はできません。 CSSは、Webペ

    初心者でもほぼ無料でHTML5/CSS3を勉強できるコンテンツ9選 - paiza times
    nakack
    nakack 2015/03/30
  • HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」

    HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか?」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Web」は左側に各コンテンツのメニューがあり、1つずつ見ていくことでCSSHTML5の動作が分かっていくというウェブサイト。一番上の「CSS3 Animations」をクリックすると、青いキャラクターと背景がCSS3アニメーションで動いている様子を見ることができます。CSS3アニメーションはHTMLにキーフ

    HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」
  • 【HTML5 Conference基調講演】村井純・及川卓也が語る「IoT」でWeb技術はどう変わっていくのか?

    HTML5 Conference基調講演】村井純・及川卓也が語る「IoT」でWeb技術はどう変わっていくのか? 馬場 美由紀(HTML5 Experts.jp編集部) 2014年10月にHTML5が勧告され、いまやHTML5はさまざまなデバイスに浸透しつつある。まさに「Web is Everywhere」。Webはごく普通の、どこにでもあるものへと変化している。 2015年1月25日に開催された「HTML5 Conference」では、この「Web is Everywhere」をテーマに慶應義塾大学 環境情報学部長・教授の村井純先生とGoogleの及川卓也さんが基調講演を行った。村井先生と及川さんはWeb技術をどう見ているのか。 村井先生が松葉杖姿で登壇!それができたのもWebの力? なんと村井先生は松葉杖で登壇。「生まれて初めての松葉杖です」と冗談交じりに、米国で足の指を骨折したときの

    【HTML5 Conference基調講演】村井純・及川卓也が語る「IoT」でWeb技術はどう変わっていくのか?
    nakack
    nakack 2015/02/09
  • 面白法人カヤックに「UX」というテーマをぶつけていろいろ聞いてみました

    HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ、いよいよ最終回です。 今回は、面白法人カヤックでHTML5を使ってバリバリ仕事をしていらっしゃる田島真悟さんと君塚史高さんに、いろいろとお話を聞いてきました。 カヤックさんに聞いてみたかったテーマは主に二つあります。 技術力に定評のあるカヤックさんが、HTML5やJavaScriptUXについてどう考えているのか? 一見自由が利きそうにない「受託開発」という形態の中で、いかにUXを追求しているか? ではどうぞ、お楽しみください! クライアントのニーズを掘り下げると「体験」に行き着く 白石: 今回は、HTML5を普段からお仕事で活用していらっしゃるお二人に、UXというテーマでいろいろお話をお聞きしたいと思っています。どうぞよろしくお願いします。 田島&君塚: よろしくお願いします。 白

    面白法人カヤックに「UX」というテーマをぶつけていろいろ聞いてみました
    nakack
    nakack 2015/01/09
  • 2015年のWeb標準 | gihyo.jp

    株式会社ミツエーリンクスの渡邉卓です。昨年の「2014年のWeb標準」と同様に、2015年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2015年のWeb標準については「より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加」「⁠ECMAScript 6仕様の利用増加」「⁠IE7・IE8 未サポートWebサイト増加」をキーワードとして取りあげます。 より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加 2014年10月28日、ついにHTML5がW3C勧告 (Recommendation) となりました。すでに多方面で利用されているHTML5仕様ですが、勧告になったことで、今まで利用を躊躇していた方々にも確実に浸透していくと予想できます。詳細は後述しますが、現役のWebブラウザでありながら

    2015年のWeb標準 | gihyo.jp
    nakack
    nakack 2015/01/01
  • 遂に『ファインマン物理学』全巻がHTML5でオンライン公開されていた - YAMDAS現更新履歴

    一年前に第1巻、第2巻の公開を紹介しているが、リチャード・P・ファインマンの『ファインマン物理学』の全てが公開されていた。 しかもこれ数式なんかの表示には HTML5 全面採用なんだよね。 ただし、オンラインで読むのが自由というだけで、これを使ったいろいろが許可されてるわけでないのに注意な。 ネタ元は Slashdot。 ファインマン物理学〈1〉力学 作者: ファインマン,坪井忠二出版社/メーカー: 岩波書店発売日: 1986/01/08メディア: 単行購入: 8人 クリック: 165回この商品を含むブログ (64件) を見る ファインマン物理学〈2〉光・熱・波動 作者: ファインマン,富山小太郎出版社/メーカー: 岩波書店発売日: 1986/02/07メディア: 単行購入: 4人 クリック: 14回この商品を含むブログ (39件) を見る ファインマン物理学〈3〉電磁気学 作者: フ

  • Chromecastで動くHTML5ベースのメディアストリーミングアプリを作るための基礎知識

    意外と知られていないことですが、Chromecast対応アプリは、iPhoneアプリAndroidアプリ同様に誰でも開発することができ、今多くの開発者から注目されていて、今後もその数が増えることが予想されます。 Web&モバイル技術のSIを手掛けるオープンストリームでは、Chromecastデバイスの国内発売前からスマートフォンアプリ(iOS版およびAndroid版)の対応について技術検証を行い、詳細な技術ノウハウを獲得してきました。連載では、その時に得た技術を基にChromecastアプリのシステム構成、開発環境、開発準備、メディアストリーミングアプリの開発方法について注意点を含めて解説していきます。Chromecast対応アプリを開発する参考にしてください。 初回は、Chromecastの概要とサンプルアプリを動作確認できるまでの開発手順を解説します。 Chromecastアプリの

    Chromecastで動くHTML5ベースのメディアストリーミングアプリを作るための基礎知識
  • HTML5が変える、エンタープライズITの可能性とこれから

    こんにちは、川田です。今日からHTML5 Experts.jpでは「エンタープライズ開発特集」を始めます。第一弾の今回は、HTML5とエンタープライズITについてのオーバービューを語ります。サーバサイドのお話はわりとよく見ますが、フロントエンドにフォーカスしているというのは珍しいようにも思えますね。 IT自体が幅広い分野のビジネスや製品に変わりつつある昨今、「エンタープライズITの話をするぞ!」と言うと、いろんな方面の人からこう問われます。 「そもそも、エンタープライズって何?」 エンタープライズ、正式には「エンタープライズシステム」になりますが、直訳すれば「企業向けシステム」。一言で言うなら「企業のビジネスを支えるための仕組み」を意味します。企業の業務の効率化を進めたり、経営戦略や問題解決を進めるためのワークプロセス(仕事の進め方)と道具(アプリやインフラ)のことです。 エンタープライズ

    HTML5が変える、エンタープライズITの可能性とこれから
    nakack
    nakack 2014/08/19
  • HTMLとCSS

    2021年1月28日付でW3CのHTML5シリーズはすべて廃止され,1月29日付のHTML Review Draftが新たにW3C Recommendationになりました。これは業界団体WHATWGのHTML Living Standardのこの時点でのスナップショットであり,事実上HTML標準はWHATWGのHTML Living Standardに統合されることになります。このサイトでも今後はHTML5という番号付きの記述をやめて,HTMLに統一していきます。 目次 はじめての「ホームページ」?(前口上) はじめてのHTML アップロード(三重大学での実習専用) はじめてのCSS いろいろなタグ HTMLの色指定 リンク 画像 表 スタイルシート セクションに番号を自動で付ける 二段組もどき 二段組もどき 2 二段組もどき 3 三段組もどき 携帯端末への配慮 ロボットを排除するには