ãªãœåˆå¿ƒè€…㯠webpackãŒè§£ã‚‰ãªã„ã®ã‹ï¼Ÿ- Why can’t you understand the webpack? -ãªãœåˆå¿ƒè€…㯠webpackãŒè§£ã‚‰ãªã„ã®ã‹ï¼Ÿ- Why can’t you understand the webpack? -
「JavaScriptã€ã‚’「ジャãƒã‚¹ã‚¯ã€ã¨ç•¥ã™äººé” - Adventure
- ã¯ã˜ã‚ã« - 世ã®ä¸ã«ã¯å°‘æ•°æ´¾ã§ã¯ã‚ã‚‹ãŒã€ŒJavaScriptã€ã‚’「ジャãƒã‚¹ã‚¯ã€ã¨ç•¥ã™äººé”ãŒå±…る。 今回記事を書ããã£ã‹ã‘ã«ãªã£ãŸã®ã¯ã“ã¡ã‚‰ 会社ã®åŒæœŸãŒç¤¾å†…LTã§ã€ŒJavaScriptã€ã‚’「ジャãƒã‚¹ã‚¯ã€ã¨ç•¥ã—ãŸã¨ã“ã‚ã€ä¸€æ‚¶ç€ã‚ã£ãŸå¾Œã€Œã‚¸ãƒ£ãƒã‚¹ã‚¯ã®äººã€ã¨ã—ã¦èªçŸ¥ã•ã‚ŒãŸè©±ã¯å¾Œä¸–ã«ã‚‚語り継ã„ã§ã„ããŸã„。— ã°ã‚“ãã— (@vaaaaanquish) 2017å¹´2月12æ—¥ ã“ã¡ã‚‰ã‚’ツイートã—ãŸæ‰€ã€ã‚¸ãƒ£ãƒã‚¹ã‚¯ã«é–¢ã™ã‚‹çŸ¥è¦‹ãŒå°‘ã—集ã¾ã£ãŸã®ã§è¨˜äº‹ã¨ã—ã¦æ®‹ã—ã¦ãŠã“ã†ã¨ã„ã†ã‚‚ã®ã€‚ - ジャãƒã‚¹ã‚¯ã¨ã¯ - ジャãƒã‚¹ã‚¯ã¨ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚ã‚‹JavaScriptã®ç•¥ç§°ã§ã‚る。 JavaScriptã¯ä¸€èˆ¬çš„ã«ã€Œã‚¸ã‚§ãƒ¼ã‚¨ã‚¹ã€ã¨ç•¥ã•ã‚Œã‚‹ã‹ã€ã€Œã‚¸ãƒ£ãƒã‚¹ã‚¯ãƒªãƒ—トã€ã¨å‘¼ã°ã‚Œã‚‹äº‹ãŒå¤šã„ã¨æ€ã‚れる。 ã—ã‹ã—ã€ä¸€éƒ¨ã€Œã‚¸ãƒ£ãƒã‚¹ã‚¯ã€ã¨å‘¼ã¶å±¤ãŒå±…る。 ãã®äº‹å®Ÿã¯ã€ŒHTML5プãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«èªå®šè©¦é¨“å…¬å¼ã‚µã‚¤ãƒˆã€ã«ãŠã‘る「HT
JavaScriptã§ã€ŒOSã€ã‚’開発ã—ãŸçŒ›è€…ãŒç¾ã‚Œã€ãƒ–ラウザ内ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—環境を構築ã§ãる「OS.jsã€ãŒè©±é¡Œã«ï¼ : ã†ãˆã¶ã¯ã£ã
ãã®åもズãƒãƒªã€ŒOS.jsã€ã¨ã„ã†JavaScriptライブラリã§ã™ã€‚ 誰ã‹ã®ã‚¤ã‚¿ã‚ºãƒ©ã‹ã¨æ€ã„ãã‚„ã€ä½¿ã£ã¦ã¿ã‚‹ã¨ãƒ–ラウザã®ä¸ã«ã‚‚ã†1ã¤åˆ¥ã®ãƒ‘ソコンãŒèµ·å‹•ã—ã¦ã„るよã†ãªæ„Ÿè¦šã«ãªã‚Šã€ãã®å®Œæˆåº¦ã®é«˜ã•ã«é©šã‹ã•ã‚Œã¾ã™ã€‚ APIã‚‚æä¾›ã•ã‚Œã¦ãŠã‚Šã€ã€ŒOS.jsã€ã§èµ·å‹•ã—ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—環境用ã®ã‚¢ãƒ—リケーションを自分ã§é–‹ç™ºã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ãªã£ã¦ã„ã‚‹ã®ã¯é¢ç™½ã„点ã§ã—ょã†ã€‚
Webカムã«æ˜ ã£ãŸé¡”ã®ä½ç½®ã‚’èªè˜ã™ã‚‹JSライブラリ headtrackr.js ãŒã™ã”ㄠ« console.log :) | Don't forget trace :)
Javascriptã§å®Ÿè£…ã•ã‚ŒãŸé¡”èªè˜ãƒ©ã‚¤ãƒ–ラリ「headtrackr.jsã€ãŒã‘ã£ã“ã†ã‚¹ã‚´ã‚¤ã§ã™ã€‚ Githubã§ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ https://github.com/auduno/headtrackr/ 以下ã®ãƒ‡ãƒ¢ã§ã©ã†ã„ã†æ©Ÿèƒ½ã‹åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ Webカムã«æ˜ ã£ãŸé¡”ã‚’èªè˜ã—ã€ãã®ä½ç½®åº§æ¨™ã‚’å–å¾—ã§ãã‚‹ã‚‚ã®ã§ã™ã€‚ 実装ã•ã‚Œã¦ã„る処ç†ã¯ã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒãƒ©ãƒ³ã‚¹ã‚’調整ã™ã‚‹å‡¦ç†ã‚„é¡”èªè˜å‡¦ç†ã€ã‚¹ãƒ ージング処ç†ãªã©ã‚’ã¾ã¨ã‚ã¦ä¸€ã¤ã®ãƒ©ã‚¤ãƒ–ラリã«ãªã£ã¦ã„るよã†ã§ã™ã€‚ １．基本機能デモ http://auduno.github.com/headtrackr/examples/facetracking.html ２．顔ã®ä½ç½®ã¨é€£å‹•ã—ãŸç«‹ä½“表ç¾ãƒ‡ãƒ¢ http://auduno.github.com/headtrackr/examples/sprites_canvas.html ３．顔ã®ä½
ダイナミックãªJS開発環境 Bird 開発ä¸! – Mechanic Note
ãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ï¼PILOT神山ラボã®å±±ä¸‹ã§ã™ã€‚今回ã¯ä¹…々ã«ãƒ©ãƒœã‚‰ã—ã„投稿ã§ã™ã€‚ コンピューターサイエンス的ã«é¢ç™½ã„開発環境を作ã£ã¦ã„ã¾ã™ã€‚今回ã¯ã€é–‹ç™ºã«è‡³ã£ãŸèƒŒæ™¯ã‚’ä¸å¿ƒã«ãŠå±Šã‘ã—ã¾ã™ã€‚ å‹•æ©Ÿ − JSã¯å‹•çš„言語ã˜ã‚ƒãªã„ã‹ 2015å¹´ã€Webã¯è¡°ãˆã‚’知らãšã€JavaScriptã¯éš†ç››ã‚’誇りã€FLUXアーã‚テクãƒãƒ£ãŒæµ¸é€ã—ã€ãªã®ã«åƒ•ã‚‰ã¯æœªã エディタã¨ãƒ–ラウザを行ã£ãŸã‚Šæ¥ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ã®ã¿ãã¾2 by PILOT ã¿ãªã•ã‚“忘れã¦ã‚‹ã‹ã‚‚知れãªã„ã‘ã©ã€JavaScriptã¯å‹•çš„言語ãªã‚“ã§ã™ã‚ˆï¼ã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚·ã‚³ã‚·ã‚³æ–‡å—並ã¹ã¦âŒ˜-Sãªã‚ŠC-x C-sãªã‚Š:wãªã‚Šã—ã¦ã€ãƒ–ラウザ開ã„ã¦ç¢ºèªãªã‚“ã¦ã—ã¦ãŸã‚‰é™çš„言語ã¨ä¸€ç·’ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ランタイムã§é–‹ç™ºã—ã¦ã€å‹•çš„言語ã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã‚’引ã出ã•ãªãゃもã£ãŸã„ãªã„ã§ã™ã‚ˆã€‚ ランタイムã§é–‹ç™ºã™ã‚‹ã£ã¦ã©ã†ã„ã†ã“㨠è¦ã™ã‚‹ã«ã€ç”ŸããŸã‚¤ãƒ³ã‚¿ãƒ—リタã«ã‚¨ãƒ‡ã‚£ã‚¿ãŒç¹‹ãŒã£ã¦ã„ã‚Œ
ブラウザ上ã§Markdownを安全ã«å±•é–‹ã™ã‚‹ - 葉ã£ã±æ—¥è¨˜
ä¸ç‰¹å®šã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã—ãŸMarkdownをブラウザ上ã§JavaScriptを使ã£ã¦HTMLã«å¤‰æ›ã™ã‚‹ã¨ã„ã†å ´é¢ã«ãŠã„ã¦ã¯ã€JavaScriptã§å¤‰æ›ã—ã¦HTMLを生æˆã™ã‚‹ã¨ã„ã†å‡¦ç†ã®éƒ½åˆä¸Šã©ã†ã—ã¦ã‚‚DOM-based XSSã®ç™ºç”Ÿã‚’考ãˆãªã„ã‚ã‘ã«ã¯ã„ã‹ãªã„。ã‹ã¨ã„ã£ã¦ã€Markdownをパースã—HTMLを生æˆã™ã‚‹ã¨ã„ã†å‡¦ç†ã™ã¹ã¦ã‚’XSSãŒå˜åœ¨ã—ãªã„よã†ã«æ³¨æ„ã—ãªãŒã‚‰è‡ªåˆ†ã§æ›¸ãã®ã‚‚大変ã ã—ã€markedã‚„markdown-jsãªã©ã®æ—¢å˜ã®å¤‰æ›ç”¨ã®JSã‚’æŒã£ã¦ãã¦ã‚‚ãれらãŒXSSã—ãªã„ã‹ã‚’確èªã™ã‚‹ã®ã¯çµæ§‹å¤§å¤‰ã ã£ãŸã‚Šã™ã‚‹ã€‚ ãã†ã„ã£ãŸå ´åˆã«ã¯ã€Markdownã‹ã‚‰ç”Ÿæˆã•ã‚ŒãŸHTMLã‚’RickDOMを通ã™ã“ã¨ã§ã€ä¸‡ãŒä¸€HTML内ã«JavaScriptãŒå«ã¾ã‚Œã¦ã„ãŸã¨ã—ã¦ã‚‚ãれらを除外ã—ã€è¨±å¯ã•ã‚ŒãŸè¦ç´ ã€è¨±å¯ã•ã‚ŒãŸå±žæ€§ã ã‘ã§æ§‹ç¯‰ã•ã‚ŒãŸå®‰å…¨ãªHTMLã«å†æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒã§ãる。ã•ã‚‰ã«ã€ãã†ã‚„ã£ã¦ç”Ÿæˆ
ã·ã‚‹ã‚‹ã‚“新感覚ï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ゲーション -Jelly Navigation Menu
ã·ã‚‹ã‚‹ã‚“新感覚ï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ゲーション -Jelly Navigation Menu
Bootstrapベースã®ç®¡ç†ç”»é¢ç”¨ãƒ†ãƒ³ãƒ—レート·Charisma MOONGIFT
Charismaã¯HTML5/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（Apache Licnese 2.0）ã§ã™ã€‚ Webシステム開発ã«ãŠã„ã¦æ„外ã¨ä¸é‡ãªã®ãŒç®¡ç†ç”»é¢ã§ã™ã€‚内部ã®äººãŒä½¿ã†ã‚‚ã®ãªã®ã§é©å½“ã«ä½œã‚‰ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šããªã‚Šã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒCharismaã§ã™ã€‚リッãƒãªç®¡ç†ç”»é¢ã‚’Boostrapをベースã«ä½œã‚Šä¸Šã’る事ãŒã§ãã¾ã™ã€‚ ウィジェットãŒã¤ã„ãŸã€ãƒªãƒƒãƒãªç®¡ç†ç”»é¢ã§ã™ã€‚ã“ã“ã¾ã§æµã¾ã‚Œã¦ã„るケースã¯æ—©ã€…ãªã„ã§ã—ょã†ã€‚ ドラッグ&ドãƒãƒƒãƒ—ã«ã‚ˆã‚‹é…置変更もサãƒãƒ¼ãƒˆã€‚ 折り畳んã§éš ã™äº‹ã‚‚ã§ãã¾ã™ã€‚ グリッドã¯ç´°ã‹ãサãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ カレンダー。システム内部ã®ãƒ‡ãƒ¼ã‚¿ã‚’マッピングã™ã‚‹ã¨è¦‹é€šã—ãŒè‰¯ããªã‚Šãã†ã§ã™ã€‚ メンãƒãƒ¼ä¸€è¦§ã€‚検索やラベルもã‚ã£ã¦ä¾¿åˆ©ãã†ã§ã™ã€‚ ギャラリー。サムãƒã‚¤ãƒ«å†™çœŸã‚’ãã‚Œã„ã«ä¸¦ã¹ã¦ã„ã¾ã™ã€‚ タイãƒã‚°ãƒ©ãƒ•ã‚£ã€‚様々ãªã‚¿ã‚°ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§å¥‡éº—
Backbone.js Tips And Patterns — Smashing Magazine
Backbone.js provides structure to JavaScript applications, but it leaves a lot of design patterns and decisions up to developers who end up running into common problems when they first begin developing in Backbone.js. In this article, Phillip Whisenhunt will explore different design patterns that you can use in your Backbone.js applications, and he’ll look at many of the common gotchas that trip u
ã„ã¾ã•ã‚‰ã§ã™ãŒã€å¢—井雄一郎ã•ã‚“ã®ãƒ¡ãƒ¢å¸³ã‚µãƒ¼ãƒ“ス「wri.peã€ãŒã™ã”ã„件　#HTML5 #プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° #wri.pe #markdown - CodeIQ Blog
CodeIQä¸ã®äººã€babaQã§ã™ã€‚ ã¡ã‚‡ã£ã¨å‰ã«ãªã‚‹ã®ã§ã™ãŒã€ã‚³ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ã‚¹ãƒšãƒ¼ã‚¹èŒ…å ´ç”º Co-Edo（コエド） ã§é–‹å‚¬ã•ã‚ŒãŸmasuidriveã“ã¨å¢—井雄一郎ã•ã‚“ã®ãƒˆãƒ¼ã‚¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ HTML5を活用ã—ãŸãƒ¡ãƒ¢å¸³ã‚¢ãƒ—リ「wri.peã€èª•ç”Ÿã®ãã£ã‹ã‘ テーマã¯ã€å¢—井ã•ã‚“ãŒå€‹äººã§ã¤ãã£ãŸï¼ˆã¨ã¯æ€ãˆãªã„）メモ帳アプリ「wri.pe〠ゴールデンウィークを利用ã—ã¦ã€ä½•ã‹ã‚´ãƒªã‚´ãƒªã¨ä½œã‚ŠãŸã„ã¨æ€ã„ç«‹ã¡ã€ 1週間ã§ã€Œè‡ªåˆ†ã§ä½¿ã„ãŸã„ã‚‚ã®ã‚’作るï¼ã€ã¨æ±ºã‚ãŸã®ãŒãã£ã‹ã‘ãªã‚“ã ã¨ã‹ã€‚ ã¾ãšã€æµ®ã‹ã‚“ã アイデアã¯2ã¤ã€‚ 煩雑ãªãƒ¡ãƒ¢ã‚’ã©ã†ã«ã‹ã§ãるアプリã¨ã€æœªèªã®ãƒãƒ£ãƒƒãƒˆã‚’æ•´ç†ã§ãるアプリ。 ã§ã‚‚ã€1週間ã§é–‹ç™ºã™ã‚‹ã«ã¯ãƒãƒ£ãƒƒãƒˆã¯ã¡ã‚‡ã£ã¨é‡ã„… ã¨ã„ã†ã“ã¨ã§ã€ãƒ¡ãƒ¢ã‚¢ãƒ—リを作るã“ã¨ã«æ±ºå®šã€‚ ã¾ãšæœ€åˆã«ã€Œãƒ¡ãƒ¢ã‚¢ãƒ—リã®èª²é¡Œã€ã‚’æ•´ç†ã—ãŸãã†ã§ã™ã€‚ - ã„ã¤ã§ã‚‚ã€ã©ã“ã§ã‚‚使ãˆã‚‹ï¼ˆiPhoneã€iPadã§ã‚‚）
ガントãƒãƒ£ãƒ¼ãƒˆä¸Šã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚¿ã‚¹ã‚¯ã®ä¸¦ã³æ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã»ã—ㄠ– Customer Feedback for Backlog
ヌーラボブãƒã‚°ã€ŒBacklogã€ã‚«ãƒ†ã‚´ãƒªã®è¨˜äº‹ä¸€è¦§ã§ã™ã€‚ヌーラボã®ãƒ–ãƒã‚°ã§ã¯ã€ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚„プãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ã«é–¢ã™ã‚‹ã‚³ãƒ©ãƒ ã€ç¤¾å†…文化やイベントレãƒãƒ¼ãƒˆãªã©ã€å¤šå½©ãªæƒ…å ±ã‚’ãŠå±Šã‘ã—ã¦ã„ã¾ã™ã€‚最新ã®è¨˜äº‹ã‚’通ã˜ã¦ã€ãƒŒãƒ¼ãƒ©ãƒœã®å–り組ã¿ã‚„æœ€æ–°æƒ…å ±ã‚’ã”覧ãã ã•ã„。
Googleã‹ã‚‰å¦ã¶ ヌルヌルサクサクãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
スマフォwebページã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ アプリã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„るスライドメニューã§ã™ãŒã€webページã§ã¯ãªã‹ãªã‹ä½¿ã„心地ã®ã‚ˆã„スライドメニューãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“。 スマートフォンã®ãƒ–ラウザã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ガタガタã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãやスクãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webページã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ並ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webページã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—アニメーションも動ã‹ãªã„ã—最悪ã§ã™ã€‚ 一方Google先生ã¯ãƒ‘ーフェクトãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦ã„㟠ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ーフェクトã§ã™ã€‚ スライドã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚滑らã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ボタンã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãªã„ メイ
『JavaScriptã®é–‹ç™ºåŠ¹çŽ‡ã‚’高ã‚ã‚‹7ã¤ã®ãƒ©ã‚¤ãƒ–ラリã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚
JavaScriptã«sleepを実装ã—よã†ã¨ã—ã¦æ°—ã¥ã„ãŸã‚‰æ–°è¨€èªžã‚’作ã£ã¦ãŸè©± - aike’s blog
ã‚ã®ã§ã™ãã€JavaScriptã«sleep()ã¨ã‹wait()ã¿ãŸã„ãªã®ã£ã¦ã»ã—ã„ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ã§ã€èª¿ã¹ã¦ã¿ã‚‹ã¨æ¨™æº–ã«ã¯ãªãã¦ä½œã‚Œã‚‹ã«ã¯ä½œã‚Œã‚‹ã‘ã©ãƒ–ラウザä¾å˜ã ã£ãŸã‚Šãƒ“ジーループã ã£ãŸã‚ŠJava Applet併用ã ã£ãŸã‚Šã—ã¦ãŒã£ã‹ã‚Šã™ã‚‹ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ ã¼ãã¯1å¹´åŠãらã„å‰ã«ã€Œç«¹å†…関数ã§éŸ³æ¥½ç”Ÿæˆã€ã£ã¦ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ã„ãŸã‚“ã§ã™ãŒã€å½“然ã“れをJavaScriptã§è¨ˆç®—ã—ãªãŒã‚‰éŸ³ã‚’鳴らã™ãƒšãƒ¼ã‚¸ã‚’作りãŸããªã‚Šã¾ã™ã‚ˆã。ã§ã™ã‚ˆã。ã“ã†è¦‹ãˆã¦ã‚‚昔ã¯N88-BASICã§CMD PLAYã¨ã‹ã°ã‚Šã°ã‚Šä½¿ã£ã¦ãŸãã¡ãªã‚“ã§ã€ãã®ãらã„ç°¡å˜ã ã¨æ€ã†ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ãã—ãŸã‚‰ã‚‚ã†å½“時ã¯Audio APIも出ãŸã°ã‹ã‚Šã§æƒ…å ±ã‚‚ã™ããªãã¦ãƒ–ラウザä¾å˜ã§ã€ã—ã‹ã‚‚JavaScriptã§sleepã§ããªã„ã—ãµã‚“ã ã‚Šã‘ã£ãŸã‚Šã§æœ€åˆã®ä¸€æ©ã‚‚è¸ã¿å‡ºã›ãªã„状態。 ãã‚“ãªã‚ã‘ã§ãªã‚“ã¨ã‹æ‰‹ã¯ãªã„ã‹ã¨ã“ã®1年以上ãšã£ã¨è©¦è¡ŒéŒ¯èª¤ã—ã¦ãã¦
リアルタイムWebを構築ã—ã‚„ã™ãã™ã‚‹ã€ŒSocket.IOã€ã¨ã¯
本連載ã§ã¯ã€ã“ã®Tech-Sketchã‹ã‚‰ã€Œã‚³ãƒ¬ã¯ï¼ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã‚’ピックアップã—ã€åŠ ç†ä¿®æ£ã—ã¦çš†æ§˜ã«ãŠå±Šã‘ã„ãŸã—ã¾ã™ã€‚ リアルタイムWebã¨Socket.IO æ „ãˆã‚る連載第1回ã¯ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã¨Socket.IOã«ã¤ã„ã¦ãŠå±Šã‘ã„ãŸã—ã¾ã™ã€‚Tech-Sketchã«æŽ²è¼‰ã—ãŸå…ƒãƒã‚¿ã¯ã“ã¡ã‚‰ã§ã™ã€‚ JavaScriptã¨Dynamic HTMLã«ã‚ˆã‚‹ã€Œå‹•çš„ã«è¡¨ç¤ºå†…容ãŒæ›´æ–°ã•ã‚Œã‚‹Webサイトã€ã¯ã€JavaScript内ã‹ã‚‰éžåŒæœŸã«ã‚µãƒ¼ãƒã¸æŽ¥ç¶šã—データをå–å¾—ã™ã‚‹æŠ€è¡“ã€ã„ã‚ゆるAjaxãŒåˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸã“ã¨ã‚’皮切りã«ã€çˆ†ç™ºçš„ã«åºƒãŒã‚Šã¾ã—ãŸã€‚Google Mapsãªã©ãŒãã®ä»£è¡¨ä¾‹ã§ã™ã€‚ ã“ã®Google Mapsã¯ã€è¡¨ç¤ºã™ã‚‹å ´æ‰€ã‚„縮尺を変更ã™ã‚‹ã¨ã„ã£ãŸã€Œåˆ©ç”¨è€…ã®æ“作ã€ã‚’契機ã¨ã—ã¦æ–°ã—ã„データをサーãƒã¸å–ã‚Šã«è¡Œã仕組ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚サーãƒå´ã§ãƒ‡ãƒ¼ã‚¿ãŒå¤‰æ›´ã•ã‚ŒãŸã¨ã—ã¦ã‚‚ã€æ¬¡ã«ãƒ‡ãƒ¼ã‚¿ã‚’
asm.js:コンパイラã®ãŸã‚ã®ä½Žãƒ¬ãƒ™ãƒ«ã‹ã¤é«˜åº¦ã«æœ€é©åŒ–å¯èƒ½ãªJavaScriptã®ã‚µãƒ–セット
JavaScriptã®ã‚µãƒ–セットã¨ã—ã¦é™çš„型付ã‘言語を定義ã—ã€äº‹å‰ã‚³ãƒ³ãƒ‘イルをå¯èƒ½ã«ã™ã‚‹ã“ã¨ã§JavaScriptã®å®Ÿè¡Œé€Ÿåº¦ã‚’劇的ã«æ”¹å–„ã—よã†ã¨ã„ã†asm.jsã®æ¦‚è¦ã‚’ã€1ã¤å‰ã®è¨˜äº‹ã§èª¿ã¹ã¾ã—ãŸã€‚ ã¾ã asm.jsã®æƒ…å ±ã¯å°‘ãªã„ã®ã§ã™ãŒã€ãã®ä¸ã§ã‚‚分ã‹ã‚Šã‚„ã™ãã¾ã¨ã¾ã£ãŸè¨˜äº‹ãŒDevon Govettæ°ã®ãƒ–ãƒã‚°BADASS JAVASCRIPTã®ã‚¨ãƒ³ãƒˆãƒªã€Œasm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilersã€ã§ã™ã€‚ Govettæ°ã«ç¿»è¨³ã®è¨±å¯ã‚’å¾—ãŸã®ã§ã€ç¿»è¨³è¨˜äº‹ã¨ã—ã¦æŽ²è¼‰ã—ã¾ã™ã€‚ asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers Mozillaã®David Hermanã€Luke Wagnerãã—ã¦
RequireJS＋Backbone.jsã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã•ã‚ŒãŸWebアプリ開発 | DevelopersIO
Todoアプリもã©ãを作る 今回ã¯RequireJSã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã€Backbone.jsã¨çµ„ã¿åˆã‚ã›ã¦Todoã‚’è¿½åŠ ã™ã‚‹ã ã‘ã®ç°¡ç´ ãªãƒ‡ãƒ¢ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ Backbone.jsã«ã¤ã„ã¦ã‚‚触れã¦ã„ã‚‹ãŸã‚ã€è¨˜äº‹ãŒå°‘ã—é•·ã„ã§ã™ã€‚ ãŠæ€¥ãŽã®æ–¹ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ãƒ‡ãƒ¢ã¨ã‚µãƒ³ãƒ—ルコードãŒã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’ã•ãã£ã¨ã”確èªãã ã•ã„。 RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html Backbone.js： http://backbonejs.org/ ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webアプリを制作ã™ã‚‹éš›ã«ã€RequireJSを使ã£ã¦Backbone.jsã§æ§‹æˆã•ã‚Œã‚‹Modelã‚„Viewをモジュール化ã™ã‚‹ã“ã¨ã§ã€é–‹ç™ºæ™‚ã®ç®¡ç†ã‚³ã‚¹ãƒˆå‰Šæ¸›ã‚’目指ã—ã¾ã™ã€‚ ãªãŠã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦èªã¿è¾¼ã¿
SyncFileSystem APIã®ä»•æ§˜ãƒ‰ãƒ©ãƒ•ãƒˆã‚’和訳ã—ã¦ã¿ã¾ã—ãŸ
SyncFileSystem APIã®ä»•æ§˜ãƒ‰ãƒ©ãƒ•ãƒˆã‚’和訳ã—ã¦ã¿ã¾ã—㟠Written on Feb 26, 2013. Posted in Chrome extension 時代ã¯ãã‚ãã‚「オフラインファーストã€ã«ãªã‚‹æ¨¡æ§˜ã§ã™ãŒã€ãã®ãŸã‚ã«ã¯ãƒ–ラウザãŒæƒ…å ±ã‚’ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§æ‰±ã†ã“ã¨ã‚’å¯èƒ½ã«ã™ã‚‹æ©Ÿèƒ½ãŒå……実ã—ã¦ãã‚Œãªã„ã¨ã„ã‘ã¾ã›ã‚“。ã„ã‚ã‚“ãªAPIを組ã¿åˆã‚ã›ã¦é§†ä½¿ã—ã¦ã„ã‘ã°ã€ç¾çŠ¶ã§ã‚‚ã§ããªã„ã“ã¨ã¯ãªã„ã§ã™ã€‚ã—ã‹ã—ã€ã‚‚ã¡ã‚ん僕らã¯æ‰‹è»½ã«ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å¯¾å¿œWebアプリを作りãŸã„ã§ã™ã‚ˆã？åŒæœŸå‡¦ç†ã‚„競åˆãªã©ã€è‡ªåˆ†ã§é¢å€’見ãŸãã¯èª°ã—ã‚‚ãªã„ã¯ãšã§ã™ã€‚ SyncFileSystem APIã¯ãã‚“ãªåƒ•ã‚‰ã®è¦æ±‚ã«å¿œãˆã¦ãれるã‹ã‚‚ã—ã‚Œãªã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ã¾ã Chrome Canaryã§ã—ã‹è©¦ã›ã¾ã›ã‚“ãŒã€ãã®ä»•æ§˜ã®ãƒ‰ãƒ©ãƒ•ãƒˆã¯ã™ã§ã«å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€å’Œè¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ å…ƒã®ä»•æ§˜ã®ãƒ‰ãƒ©ãƒ•ãƒˆã¯ã€ä»¥ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ SyncF
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Peer5 – Medium
Swift ãŠã‚ˆã³ Objective-C を使用ã—㟠iOS メモリー管ç†ã§çµ¶å¯¾ã«å¤±æ•—ã—ãªã„ãŸã‚ã® 7 ã¤ã®ãƒ’ント
{{#tags}}- {{label}}
{{/tags}}