Next Mobile WebApplicationã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ 2013-11-30 ã«é–‹å‚¬ã•ã‚ŒãŸ HTML5 Conference 2013 㧠地下鉄・サクサク・ã“ã‚Œã‹ã‚‰ã®WebゲームアプリãŒå‚™ãˆã‚‹ã¹ã8ã¤ã®æ©Ÿèƒ½ ã¨ã—ã¦ãŠè©±ã—ãŸã‚‚ã®ã§ã™
æ„外ã¨è¦æ³¨æ„ HTML5データ属性ã¨jQuery Data APIã®é–¢ä¿‚ã¾ã¨ã‚ | ゆã£ãã‚Šã¨â€¦
å‰ã®è¨˜äº‹ã€ŒHTML5ã§ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã®CSS3ãƒã‚°ã‚’回é¿ã™ã‚‹ãŸã‚ã®ãƒãƒƒã‚¯æ–¹æ³•ã€ã«é–¢é€£ã—ã¦ã€jQuery 㧠HTML5 データ属性ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¸ã‚§ãƒ³ãƒˆæ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹æ–¹æ³•ã‚’調ã¹ã¦ã„ã¾ã—ãŸã€‚ãã®çµæžœã€ã¡ã‚‡ã£ã¨æ•´ç†ã‚’ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã‹ãªã¨æ€ã†ç‚¹ã‚’共有ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€jQuery ã«ã¯ .data() ã‚„ jQuery.data() ã¨ã„ã†ã€DOM è¦ç´ 㫠データ ã‚’ç´ä»˜ã‘ã¦è¨˜æ†¶ã—ã¦ãŠã仕組ã¿ãŒå…ƒã€…ã‚ã‚Šã¾ã—ãŸã€‚jQuery 1.4.3 ã‹ã‚‰ã¯ã€ API レベルã§ã® 親和性 ãŒè€ƒæ…®ã•ã‚ŒãŸå½¢ã§ HTML5 data-* 属性をå–り込む仕様ãŒå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ HTML5 時代ã§ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰é‡ã‚‚増ãˆã€ãƒ‡ãƒ¼ã‚¿å±žæ€§ã‚’扱ã†æ©Ÿä¼šã‚‚ã¡ã‚‡ãã¡ã‚‡ã出ã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ãã“ã§ä»Šå›žã¯ã€ HTML5 data-* 属性ã®ãŠã•ã‚‰ã„ jQuery Da
Facebookアプリをã€HTML5ã§ã©ã†ã—ã¦ã‚µã‚¯ã‚µã‚¯ã«ã§ããŸã®ã‹ã€‚Sencha Touch開発ãƒãƒ¼ãƒ ãŒç”¨ã„ãŸ3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Sencha Touchã®é–‹ç™ºãƒãƒ¼ãƒ ãŒHTML5ã§é«˜é€Ÿã«å‹•ä½œã™ã‚‹Facebookアプリを開発ã—ãŸã“ã¨ã‚’紹介ã—ãŸ1ã¤å‰ã®è¨˜äº‹ 「Facebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リãŒå¤±æ•—ã—ãŸç†ç”±ã¯HTML5ã®ã›ã„ã˜ã‚ƒãªã„。HTML5ã§ã‚µã‚¯ã‚µã‚¯å‹•ãFacebookアプリを作ã£ã¦è¦‹ã›ãŸSencha Touch開発ãƒãƒ¼ãƒ ã€ã¯ã€éžå¸¸ã«å¤šãã®èªè€…ã«æ³¨ç›®ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸSencha Touch開発ãƒãƒ¼ãƒ ã®ãƒ–ãƒã‚°ã€ŒThe Making of Fastbook: An HTML5 Love Storyã€ã®å¾ŒåŠã§ã¯ã€ã©ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’用ã„ã¦é«˜é€ŸãªHTML5アプリケーションを実ç¾ã—ãŸã®ã‹ã‚‚紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚タイムラインやニュースフィードã®ã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å‚™ãˆãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã¯ã€ã“ã‚Œã‹ã‚‰åºƒã開発ã•ã‚Œã¦ã„ãã“ã¨ã«ãª
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’美麗ã«ãƒ“ジュアル化ã§ãã‚‹JSライブラリ「sigma.jsã€:phpspot開発日誌
sigma.js | a lightweight JavaScript graph drawing library ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’美麗ã«ãƒ“ジュアル化ã§ãã‚‹JSライブラリ「sigma.jsã€ã€‚ HTML5 canvasベースã®ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ãƒ©ã‚¤ãƒ–ラリã ãã†ã§ã™ã€‚マウスã§ãƒ‰ãƒ©ãƒƒã‚°ã—ãŸã‚Šãƒžã‚¦ã‚¹ä½ç½®ã«å¿œã˜ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«å¤‰åŒ–ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 次ã®ã‚ˆã†ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãŒç¾Žéº—ã§ã‚ã‚‹ã®ã§ã€å€‹äººçš„ã«ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ä½œæˆç”¨é€”ã«ä½¿ã£ã¡ã‚ƒã£ã¦ã‚‚ã„ã„æ°—ãŒã—ã¾ã—ãŸã€‚ 関連エントリ 複数è¦ç´ ã®é–¢é€£ã‚’ビジュアライズã§ãるライブラリ「arbor.js〠HTML5ã®ã‚ャンãƒã‚¹ã¨é€£å‹•ã•ã›ã¦éŸ³å£°ã‚’ビジュアライズã—ãŸãƒ‡ãƒ¢ 組織図ã£ã½ã„図を簡å˜ã«ä½œã‚Œã‚‹jQueryプラグイン「jQuery Org Chartã€
Ring
Ringã¨ã¯ã€ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚°ãƒ«ãƒ¼ãƒ—会社従æ¥å“¡ã‚’対象ã«ã—ãŸæ–°è¦äº‹æ¥æ案制度ã§ã™ã€‚ 『ゼクシィã€ã€ŽR25ã€ã€Žã‚¹ã‚¿ãƒ‡ã‚£ã‚µãƒ—リã€ãªã©æ•°å¤šãã®äº‹æ¥ã‚’生ã¿å‡ºã—ã¦ããŸæ–°è¦äº‹æ¥åˆ¶åº¦ã¯ã€ 1982å¹´ã«ã€ŒRINGã€ã¨ã—ã¦ã‚¹ã‚¿ãƒ¼ãƒˆã—ã€1990年「New RINGã€ã¨æ”¹å®šã€ãã—ã¦2018年「Ringã€ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ リクルートグループã®å¾“æ¥å“¡ã¯èª°ã§ã‚‚自由ã«å‚åŠ ã™ã‚‹ã“ã¨ãŒã§ã〠テーマã¯ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®æ—¢å˜é ˜åŸŸã«é™ã‚‰ãšã€ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹é ˜åŸŸãŒå¯¾è±¡ã§ã™ã€‚ リクルートã«ã¨ã£ã¦ã€Ringã¨ã¯ã€Œæ–°ã—ã„価値ã®å‰µé€ ã€ã¨ã„ã†ã‚°ãƒ«ãƒ¼ãƒ—経営ç†å¿µã‚’体ç¾ã™ã‚‹å ´ã§ã‚り〠従æ¥å“¡ãŒè‡ªåˆ†ã®æ„æ€ã§æ–°è¦äº‹æ¥ã‚’æ案・実ç¾ã§ãる機会ã§ã™ã€‚ Ringフãƒãƒ¼ ãã®å¾Œã®äº‹æ¥é–‹ç™ºæ‰‹æ³• Ringを通éŽã—ãŸæ¡ˆä»¶ã¯ã€äº‹æ¥åŒ–を検討ã™ã‚‹æ¨©åˆ©ã‚’å¾—ã¦ã€äº‹æ¥é–‹ç™ºã‚’è¡Œã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªäº‹æ¥é–‹ç™ºã®æ‰‹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ä¾‹ãˆã°æ—¢å˜é ˜åŸŸã§ã®äº‹æ¥é–‹ç™ºã®å ´åˆã¯ã€ 担当事æ¥ä¼šç¤¾å†…ã§äºˆç®—ã‚„
JavaScriptæœ€æ–°å‹•å‘ ã€œWebSocket編〜
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
第19回HTML5ã¨ã‹å‹‰å¼·ä¼šç™ºè¡¨è³‡æ–™ (Kanasansoft Web Lab.)
5ã¤ã®ãƒ„ールを紹介ã—ã€weinreを一押ã—ã—ã¦ã„ã¾ã™ãŒã€ä»–ã®ãƒ„ールãŒåŠ£ã£ã¦ã„ã‚‹ã¨è¨€ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã®ã§ãŠé–“é•ãˆãªã...。 (å£é ã§ã¯èª¬æ˜Žã—ãŸã®ã§ã™ãŒã€ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¯æ›¸ã„ã¦ã„ãªã„ã®ã§å¿µã®ãŸã‚...。) リモートデãƒãƒƒã‚°ã®å‰æº–備をç†è§£ã—ã¦ã—ã¾ãˆã°ã€ä½¿ã„æ–¹ã¯Firebugやブラウザã®é–‹ç™ºãƒ„ールã¨ã»ã¼ä¸€ç·’ãªã®ã§ã€æ˜¯éžè©¦ã—ã¦ã¿ã¦ãã ã•ã„。 Operaã®ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°ç’°å¢ƒã®Dragonflyã‚‚ã‚ã‚Šã¾ã™ã—ã€Webkitã§ã‚‚リモートデãƒãƒƒã‚°ãŒã§ãるよã†ã«ãªã‚‹ã‚‰ã—ã„ã§ã™ãŒã€ãƒ–ラウザå´ãŒXMLHttpRequestã«å¯¾å¿œã—ã¦ã„ã‚Œã°ã€åŒã˜ç’°å¢ƒã§ä½œæ¥ãŒã§ãã‚‹ã®ãŒweinreã®åˆ©ç‚¹ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ (ブラウザã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãªãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°ãŒã€å…±é€šã®APIã‚’æŒã¤ã®ãŒç†æƒ³ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。)
HTML5 videoã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ é¡”èªè˜ - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
以å‰ã€ã€ãƒ“デオã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªãƒ’ストグラム表示を作ã£ã¦ã¿ãŸãŒã€æ€ã£ãŸã‚ˆã‚Šé«˜é€Ÿã ã£ãŸã®ã§ã€ã‚‚ã£ã¨å‡¦ç†ã®é‡ã„ã‚‚ã®ã‚’ã‚„ã£ãŸã‚‰ã©ã†ã ã‚ã†ã¨æ€ã„ã€JavaScriptã§æ›¸ã‹ã‚ŒãŸé¡”èªè˜ã‚½ãƒ•ãƒˆã‚’利用ã—ã¦ã€ãƒ“デオã«å¯¾ã—ã¦ã©ã®ãらã„å¯èƒ½ãªã®ã‹ã‚’試ã—ã¦ã¿ãŸã€‚ JavaScriptã«ã‚ˆã‚‹é¡”èªè˜ã‚½ãƒ•ãƒˆã¯ä»¥ä¸‹ã®ã‚‚ã®ã‚’利用。 Face Detection in JavaScript via HTML5 Canvas | Badass JavaScript ä¸èº«ã‚’見るã¨ã€canvasã«drawImage()ã—ãŸç”»åƒã‚’getImageData()ã§ãƒ”ã‚¯ã‚»ãƒ«æƒ…å ±ã‚’å–å¾—ã—ã¦ã„る。ãã®éš›ã€ãƒ¢ãƒŽã‚¯ãƒç”»åƒã«å¤‰æ›ã—ã¦ã‹ã‚‰èªè˜ã—ã¦ã„る。ã¾ãŸã€å‹•çš„ã«canvasオブジェクトを生æˆã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ã®éƒ¨åˆ†çš„ãªé ˜åŸŸã‚’抽出ã—ã¦ã„る。ãã®å…ˆã¯ã¡ã‚‡ã£ã¨ãƒ–ラックボックス。 ã§ã€ãƒ“デオã®ãƒ’ストグラム表示ã§ã‚„ã£ãŸã¨ãã¨åŒã˜ã‚ˆã†ã«ã€ãƒ“デオを一旦canvasã«
「enchant.jsã€ã§ã‚²ãƒ¼ãƒ を作ã‚ã†ï¼ã€€HTML5ã¨JavaScriptã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ 制作入門
「enchant.jsã€ã§ã‚²ãƒ¼ãƒ を作ã‚ã†ï¼ã€€HTML5ã¨JavaScriptã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ 制作入門 ライター：Veki HTML5ã§ã‚²ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ãƒ©ã‚¤ãƒ–ラリ「enchant.jsã€ãŒãƒ¦ãƒ“ã‚タスエンターテインメントã‹ã‚‰ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚Webブラウザã ã‘ã§ã‚¹ãƒ—ライトを使ã£ãŸã‚²ãƒ¼ãƒ ãŒå‹•ãã¨ã®ã“ã¨ã§èˆˆå‘³ã‚’æŒã£ãŸäººã‚‚多ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã“ã§ã¯enchant.jsを使ã£ãŸã‚²ãƒ¼ãƒ 作りã«ã¤ã„ã¦è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ enchant.jsãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹HTML5ã¯ï¼Œé•·ã‚‰ã使ã‚ã‚Œã¦ã„ãŸHTML4ã«ä»£ã‚る次世代Webシステムã®è¦ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚HTML5ã§ã¯Webページã®å‹•çš„ãªè¦ç´ ，ã¨ãã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®æ画機能ãªã©ãŒå¤§å¹…ã«å¼·åŒ–ã•ã‚Œã¦ãŠã‚Šï¼Œã“ã‚Œã¾ã§Flashを使ã‚ãªã„ã¨ã§ããªã‹ã£ãŸã‚ˆã†ãªã“ã¨ãŒï¼ŒHTMLã¨JavaScriptã ã‘ã§ã§ãã‚‹ã¨ã„ã†ã®ãŒæœ€å¤§ã®ç‰¹å¾´ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã“ã«ãã¦In
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Mercury Editor: The Rails HTML5 WYSIWYG Editor
{{#tags}}- {{label}}
{{/tags}}