サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Get started and then find a generator for your webapp. Generators are available forAngular, Backbone,React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
Google is committed to advancing racial equity forBlack communities. See how. With WebRTC, you can add real-time communication capabilities to your application that works ontop of an open standard.It supports video, voice, and generic data to be sent between peers, allowing developers tobuild powerful voice- and video-communication solutions. Thetechnology is available on all modern browsers
あくまで有効日数はW3C仕様の名目上のステータスであり、参考情報にしか過ぎないわけですが、HTML5とそれよりも前に策定された(X)HTML仕様は、2018年3月に一斉に廃止され、HTML Review Draftと入れ替わるタイミングでHTML 5.1とHTML 5.2が同時に廃止されました。Second Editionを含んでいますが、HTML5シリーズがいずれも勧告から3年で廃止されているのは何とも興味深いところではあります。 また、古い話ですが、当時HTML5のEditorを務めていたHixieことIan Hickson氏が2008年に「HTML5の完成は2022年ごろになる」と発言していたことがありました（HTML5の完成は2022年！？ | Web標準Blog | ミツエーリンクス）。2012年にW3CとWHATWGのHTMLが分裂[1]し、結局今年になってWHATWG HTM
Resources for Developers, by Developers DocumentingCSS,HTML, andJavaScript, since 2005. / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + { { { { } } } } { { { { } } } } { { { { } } } } { { { { }
1 Thymeleafの紹介 1.1 Thymeleafって何？ ThymeleafはJavaのテンプレートエンジンライブラリです。XML/XHTML/HTML5で書かれたテンプレートを変換して、アプリケーションのデータやテキストを表示することができます。 ウェブアプリケーション内のXHTML/HTML5を扱う方が得意ですが、どんなXMLファイルでも処理できますし、ウェブアプリケーションでもスタンドアローンアプリケーションでも使用可能です。 Thymeleafのメインゴールは、テンプレート作成のための優雅で整形式の方法を提供することです。そのため、テンプレート内にロジックを記述する方法ではなく、事前定義されたロジックの実行を DOM(Document Object Model) 上でXMLタグ・属性によって指定する方法を基本としています。 このアーキテクチャのおかげで、パースしたファイルを
NintendoSwitchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、「NintendoSwitchとWeb」という講演をされていた任天堂さんに、Switch開発におけるWeb技術の活用方法や、開発秘話を伺ってきました。任天堂のお二人は京都から、リモートでの取材に応じていただきました。 NintendoSwitchではWeb技術が大活躍！ 白石 簡単に自己紹介をお願いで
XMLこそがウェブの未来であるという見方が支配的だったために、2004年のOperaとMozillaの共同提案は却下され、W3CでHTMLを改良する道が閉ざされました。そこでブラウザーベンダーが集まってW3Cとは別の組織でHTMLやHTMLに関連する仕様の改良を行う、というのがWHATWGのはじまりです。 以来今日に至るまでずっと、WHATWGはHTMLの開発を（ある期間はW3Cと共同で、ある時期からはW3Cとは別に）し続けています。「WHATWGHTMLこそが実装者とウェブ開発者によって参照されるべき最新の仕様であり、欠陥フォーク（W3CHTMLのこと）は答えではない」というのはWHATWGHTMLのエディターであるAnne van Kesterenの言葉の通り、WHATWGHTMLを第一に参照すべきでしょう。HTML5勧告以降のW3Cの動向 さて、W3Cに話を戻します。HTM
日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約47%であり、ウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です（参照「StatCounter」)。HTMLの「レスポンシブイメージ」を使えば、HTMLのタグだけで表示端末にあわせた画像を配信できます。本記事では、サンプルを通してレスポンシブイメージの特徴と使い方について解説します。 この記事で学べること img要素のsrcset属性とsizes属性の使い方 picture要素の使い方 レスポンシブイメージとは一体何か？ レスポンシブイメージとは、レスポンシブなウェブサイトにおける画像の取り扱い方を定めたHTMLの技術。2016年勧告のHTML 5.1に追加された仕様です（現在のHTMLの仕様書）。主な特徴は次の通りです。CSSやJavaScriptを使わず、HTMLのみでレスポンシブな画像を取り
GitHub -asmsuechan/jquery_push_notification: This library allows us to usehtml5 NotificationAPI in jquery. ブラウザプッシュ通知を簡単に使えるようにするjQueryプラグイン「jquery_push_notification」HTML5のNotificationAPIをjQueryベースで簡単に書けます デモ クリック時のアクション設定や、閉じた際のイベントハンドラ設定なども出来て柔軟に使えそうです 関連エントリ メッセージボックスや通知ダイアログ表示コンポーネントが多数詰まった「Lobianijs」 複数カラーで綺麗なツールチップや通知を実装できる「NTip」
ダウンロード Download ダウンロード カスタムダウンロード ツール/ライブラリ ギャラリー Gallery ギャラリー ガイドGuide チュートリアル Webアプリ入門 基本編 データモデル編 データバインド編 リソースFW編 リファレンスAPIドキュメントレシピ Recipeレシピ 資料室 ReferenceHTML5資料室HTML5用語辞典 開発者向け Developers Developer Channel ユーザーグループ 開発リポジトリ リリースノート コードホスティング 開発者ブログ hifive開発情報 ヘルプ Help本サイトについて FAQ本ウェブサイトでは、利便性及び品質の維持・向上を目的に、クッキーを使用しております。本ウェブサイトにおけるクッキーの使用についてはプライバシーポリシーをご参照いただき、クッキーの使用にご同意頂ける場合は「同意す
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
Electron (エレクトロン)はウェブの技術でデスクトップアプリケーションを開発できる人気のフレームワーク。HTML5とCSS3とJavaScriptで開発できるため、ウェブ開発者であれば手軽に導入できます。それもクロスプラットフォームなので、ワンソースでWindowsとmacOS向けのソフトウェアが作れることが利点です。GitHub社の「Atom」やMicrosoft社の「Visual Studio Code」もこのElectronを使って開発されているなど、大手企業が採用していることでも人気の高さがうかがえます。この入門サイトでは、開発環境のセットアップからサンプル・アプリケーションの作り方を解説します。 Electron入門編 最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう Electronの導入手順を解説。ゼロからアプリケーションのビルドまでの手順を
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to haveit included. Better yet, if you've done the research you can even submitit yourself! You can importusage data from yourGoogle Analytics account and
Silverlightの次のバージョンを開発してください。 私は、Silverlightはクロス開発Webエクスペリエンスで最高の持っている素晴らしいツールであると感じています。 あなたたちはHTML5と他の機能に時間を費やしているが、私はHTML5がSilverlightのような十分に柔軟ではないと思っています。 もう一つは、Silverlightの開発者として、自分のプロジェクトのFlash Playerを交換するチャンスだったが、あなたたちは取り組みを停止してしまった。本当に開発を停止しまったのならば、私はSilverlightを学んだ時間を無駄にしたと感じています。 Silverlight の開発を再開してください。これはMicrosoftがWebサイトのビジネスを増加させるための唯一の方法だと思います [提案の拒否] Visual Studio Team (Product Te
Subscribe to our newsletter and download theHTML5Programming Cookbook right now! In order to get you prepared for yourHTML5 development needs, we have compiled numerous recipes to help you kick-start your projects. Besides reading them online you may download the eBook inPDF format! To achieve drag and drop functionality with traditionalHTML4, developers would have to use complexJavascript c
Introduction Drag and drop operations are common in desktop applications. Modern web applications also try to harness the ease and power of drag and drop operations to provide enhanced user experience. Web developers often resorted toJavaScript based libraries or customtechniques for enabling drag and drop behavior in their applications. Luckily,HTML5 comes with an inbuilt support for drag and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
