Webアプリケーションã®ã‚ャッシュ戦略ã¨ãã®ãƒ‘ターン / Pattern and Strategy of Web Application CachingYAPC::Kansai OSAKA 2017ã®è³‡æ–™ã§ã™
LINE Developers
Click here if your browser does not automatically redirect you...
Electronã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを簡å˜æ§‹ç¯‰
アジャイル開発ã«å–り組むãƒãƒ¼ãƒ å‘ã‘ã®ã‚³ãƒ¼ãƒãƒ³ã‚°ã‚„ã€æŠ€è¡“顧å•ã€èªå®šã‚¹ã‚¯ãƒ©ãƒ ãƒžã‚¹ã‚¿ãƒ¼ç ”ä¿®ãªã©ã®å„種トレーニングをæä¾›ã—ã¦ã„ã¾ã™ã€‚ãœã²ãŠæ°—軽ã«ã”相談ãã ã•ã„（åˆå›žç›¸è«‡ç„¡æ–™ï¼‰ 全国5000人ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã‚ã¦å¯¿å¸è·äººã«ãªã‚ã†ã¨æ€ã£ã¦ã„ã‚‹ã¿ãªã•ã‚“ã“ã‚“ã°ã‚“ã¯ã€‚ å‰å›žã¾ã§ã‚¹ãƒ©ã‚¤ãƒ‰å…±æœ‰ç”¨ã®ã‚¢ãƒ—リケーションを趣味(リãƒãƒ“リ)ã§ä½œã£ã¦ã„ãŸã®ã§ã™ãŒã€æŠ˜è§’ãªã®ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—クライアントも作ã£ã¦ã¿ã¾ã—ãŸã€‚ 構築ã«ã¯Electronを使ã£ãŸã®ã§ã™ãŒã€çµæ§‹ç°¡å˜ã«ã§ããŸã®ã§è¨˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Electronã£ã¦ä½•ï¼ŸGitHubãŒé–‹ç™ºã™ã‚‹ã‚¯ãƒã‚¹ãƒ—ラットフォームã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク。コードã®è¨˜è¿°ã¯HTML5ã¨Node.js。ãã®ç¯„囲ã§ã‚ã‚Œã°æ—¢å˜ã®Web開発技術ãŒä½¿ã„ã¾ã‚ã›ã‚‹ã€‚例ãˆã°jQueryã¨ã‹Angularãªã‚“ã‹ã‚’使ã†ã®ã‚‚å¯èƒ½Chromeブラウザã®ã‚ªãƒ¼ãƒ—ンソース版ã®Chr
angularJS 㨠jQuery ã«é–¢ã™ã‚‹èª¤è§£ã‚’解ã - nazokingã®ãƒ–ãƒã‚°
最近 angularJS ã«å¯¾ã™ã‚‹æœŸå¾…ã®ä½Žä¸‹ãŒè‘—ã—ãã¦ã¤ã‚‰ã„。 ãªã‚“ã ã‹ã‚“ã 㧠SPA ã‹ã‚‰ jQuery ã«æˆ»ã£ãŸè©± - ボクココ Angularã®å•é¡Œã§ã¯ ã¯ã¦ãªãƒ–ックマーク - mizchi ã®ãƒ–ックマーク - 2015å¹´5月18æ—¥ ã¿ã‚“ãªä½¿ã„ã©ã“ã‚ã‚’é–“é•ã£ã¦ã‚‹ã‚“や。１年åŠãらã„使ã£ã¦ã¦ä¸æº€ã‚‚ã‚ã‚‹ã‘ã©è‡ªåˆ†ã®ã‚ˆã使ã†ç¯„囲ã§ã¯ angularJS 最強ã ã¨æ€ã†ã€‚ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ Single Page Application ã§ã¯ãªã„ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ â—Ž フォームã®ã‚ˆã†ãªç´°ã‹ã„部å“を多用 ＆ DOMツリーã¨ãƒ‡ãƒ¼ã‚¿ã‚¹ã‚³ãƒ¼ãƒ—ãŒã»ã¼ä¸€è‡´ã—ã¦ã„ã¦ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ã‚’サーãƒã«é€ã£ãŸã‚Šã™ã‚‹ webアプリ。管ç†ç”»é¢ã€ãƒžã‚¤ãƒšãƒ¼ã‚¸ã€æ¥å‹™ã‚¢ãƒ—リãªã© â–³ Single Page Application ↠簡å˜ã«ä½œã‚Œã‚‹ã‘ã©ãƒšãƒ¼ã‚¸é–“ã®é€£æºãŒå¿…è¦ãªã„ãªã‚‰ã‚µãƒ¼ãƒå´ã§åˆ†ã‘ã¦ã—ã¾ã£ãŸæ–¹
Chrome DevToolsを使ã£ã¦JavaScriptã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã‚’検出ã—ã€è§£æ¶ˆã™ã‚‹ - 人生datè½ã¡
JavaScriptを書ã„ã¦ã„ãŸã‚‰ãƒ–ラウザãŒãã£ãé‡ããªã‚‹ç—‡çŠ¶ã«å‡ºãã‚ã—ãŸã€‚ã‚ãã€å™‚ã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã§ã™ã‚。 先人ã®çŸ¥æµã«é ¼ã‚‹ãƒžãƒ³ã€‚ãã‚Œã£ã½ã„記事ãŒè¦‹ã¤ã‹ã‚‹ã€‚ javascriptã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯å¯¾ç–(éšæ™‚æ›´æ–°) - Qiita Shibu’s Diary: JavaScriptã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã‚’10å€é€Ÿã§ç™ºè¦‹ã™ã‚‹ Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上ã®è¨˜äº‹ã¯Profiles + Take Heap
Lessã®ä¾¿åˆ©ãªä½¿ã„æ–¹
最近 Stop using tail -f (mostly) ã‚„ 「tail -fã€ã‚’使ã†ã®ã¯æƒ…å¼±ã€æƒ…å¼·ã¯ã€Œless +Fã€ã‚’使ㆠãªã©less押ã—ãªè¨˜äº‹ãŒå¹¾ã¤ã‹ä¸ŠãŒã£ã¦ã„ã‚‹ã‚“ã ã‘ã©ã€ã‚¿ã‚¤ãƒˆãƒ«ãŒç…½ã‚Šæ°—味ãªã®ã‹è‹¥å¹²å感を呼んã§ã„るよã†ãªã®ã§lessæ´¾ãŒè·å ´ã§è‚©èº«ã®ç‹ã„æ€ã„ã‚’ã—ãªã„よã†ã«ã‚‚ã†å°‘ã—便利ãªä½¿ã„方を紹介ã—ãŸã„。 tail -fã®æ§˜ãªScroll forward less +Fã§èµ·å‹•ã¾ãŸã¯lessèµ·å‹•ä¸ã«F 元記事ã«ã‚‚ã‚ã‚‹tail -fã¨åŒæ§˜ã®æŒ¯ã‚‹èˆžã„。æ£ç›´ã“ã®æ©Ÿèƒ½ã¨æ¤œç´¢ã ã‘ã§ã„ã„ã®ã§ã‚ã‚Œã°tailã§å分。lessã®ä¾¿åˆ©ãªã¨ã“ã‚ã¯æ§˜ã€…ãªæ©Ÿèƒ½ã¨ã®çµ„ã¿åˆã‚ã›ã«ã‚ã£ã¦ã€ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã¯åŸºæœ¬çš„ã«ã“ã®ãƒ¢ãƒ¼ãƒ‰ã¨çµ„ã¿åˆã‚ã›ãŒå¯èƒ½ã 。ã‚ã¨ã€lessé–‹ã„ã¦Fã®ã»ã†ãŒã‚¿ã‚¤ãƒ—ãŒé¢å€’ãã•ããªã„ã®ã§ãŠã™ã™ã‚。 1è¡Œã§è¡¨ç¤ºã™ã‚‹ (改行ã—ãªã„) less -Sã§èµ·å‹•ã¾ãŸã¯lessèµ·å‹•ä¸ã«-Sr(-Sã§ãƒ¢ãƒ¼ãƒ‰åˆ‡
Macã§Sublime Text 3ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨æ—¥æœ¬èªžåŒ–メモ - Qiita
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read()) 4. メニューãƒãƒ¼ã‹ã‚‰ Tools > Command Palette... ã‚’é¸æŠžã™ã‚‹ã‹ã€çŸç¸®ã‚³ãƒžãƒ³ãƒ‰ Shift＋Command＋P ã§ã‚³ãƒžãƒ³ãƒ‰
React Native · Learn once, write anywhere
function HomeScreen() { return ( <View> <Text> Hello World 👋 ðŸŒ!</Text> </View> ); } Written in JavaScript, rendered with native code. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do. Native development for everyoneReact Native lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set o
AngularJSã§FormDataã‚’POSTã™ã‚‹ï¼ˆãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ï¼‰ - Qiita
æ¦‚è¦ AngularJSã§FormDataã‚’POSTã—ãŸã„ã¨ããŒã‚る。 ãŸã¨ãˆã°Fileをアップãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ãã¨ã‹ã€$httpã‚’ãã®ã¾ã¾ä½¿ã£ã¦ã‚‚ã†ã¾ãè¡Œã‹ãªã„。 ã¨ã„ã†ã®ã‚‚ã€$httpã®postã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯Content-typeãŒapplication/jsonã ã‹ã‚‰ã 。 ã‚‚ã¡ã‚ã‚“Requestã¯jsonã«ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã•ã‚Œã‚‹ã€‚ ãªã®ã§ã€é©åˆ‡ãªContent-typeã¨ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã«ã™ã‚‹å¿…è¦ãŒã‚る。 FormData？ var formData = new FormData(); formData.append('formã®nameã«ã‚ãŸã‚‹éƒ¨åˆ†','内容'); ã£ã¦æ„Ÿã˜ã§ã¤ã‹ã†ã‚„ã¤ã€‚ 内容ã®éƒ¨åˆ†ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®å ´åˆã¯ã‚‚ã¡ã‚んファイルã«ãªã‚‹ã€‚ ã“ã®formDataã‚’ãã®ã¾ã¾postã®ç¬¬äºŒå¼•æ•°ã«æ¸¡ã™ã€‚ ファイル？ input type="file"ã®changeイベントをæ•ã¾ãˆãŸã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒ
Node.js — Node v0.12.0 (Stable)
We are excited to announce the availability of Node.js v0.12! It has been a long process, and we want to thank contributors and all of the community who waited patiently for this event. Node.js has such a vibrant and enthusiastic community, and we're very lucky to have you all supporting us. Node.js has seen many changes between v0.10 and v0.12. There is a listing of changes documented on the wiki
RESTful Web API 開発をã•ã•ãˆã‚‹ Garage (client ç·¨) - クックパッド開発者ブãƒã‚°
æ–™ç†å‹•ç”»äº‹æ¥å®¤ã® @yoshiori ã§ã™ã€‚å‰ã«ã€ŒRESTful Web API 開発をã•ã•ãˆã‚‹ Garageã€ã§ç´¹ä»‹ã—㟠RESTful Web API を開発ã™ã‚‹ Garage ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã®ãƒ©ã‚¤ãƒ–ラリを公開ã—ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ãã®ä½¿ã„方を紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚Garage ã®è¨è¨ˆæ€æƒ³ã‚„サーãƒå´ã®å®Ÿè£…ã«ã¤ã„ã¦ã¯ä¸Šè¨˜è¨˜äº‹ã‚’御覧ãã ã•ã„。 今回ã¯ç°¡å˜ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã®æŒ™å‹•ã‚’知ã£ã¦ã„ãŸã ããŸã‚ã« pry を使ã£ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ アクセスã™ã‚‹ã‚µãƒ¼ãƒã¯å…ˆç¨‹ã®è¨˜äº‹ã§ä½œæˆã—ãŸã‚¢ãƒ—リケーションを使用ã—ã¦ã¿ã¾ã™ã€‚ サーãƒã®æº–å‚™ https://github.com/taiki45/garage-example ã® README ã«ã‚‚書ã„ã¦ã‚ã‚Šã¾ã™ã®ã§ç°¡å˜ã«é€²ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ä¸‹æº–å‚™ã¨ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’ github ã‹ã‚‰ clone ã—ã¦ãã¦ã€ãƒ©ã‚¤ãƒ–ラリã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ DB ã®ãƒžã‚¤ã‚°ãƒ¬
ブラウザã®POSTリクエストã¯ã€ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã›ã‚‹ã¨GETã«åŒ–ã‘る？ ::ãƒãƒ–ã‚ã
POSTãŒGETã«ãªã£ã¦ã‚‹ï¼Ÿ å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã‚‚ã¤ãªãŒã£ã¦ã„る話ã§ã™ãŒã€ãƒ–ラウザã‹ã‚‰ãƒ•ã‚©ãƒ¼ãƒ ã§POSTã•ã‚ŒãŸã‚‚ã®ãŒãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚ŒãŸã¨ãã®æŒ™å‹•ã«ã¤ã„ã¦ã€‚挙動ãŒç†è§£ã§ãã‚‹ã¨ã€åŒ–ã‘ã‚‹ã£ã¦ã®ã‚‚失礼ãªè¡¨ç¾ãªã‚“ã§ã™ãŒã€‚以下ã€åŒ–ã‘ãŸç†ç”±ã¨ã€HTTP周りã®å®Ÿè£…ã®è©±ã‚’ã¤ã‚‰ã¤ã‚‰ã¨ã€‚ 普通ã®HTMLãªãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰POST <form action="post_receiver" method="post" enctype="multipart/form-data"> <input type="file" name="imageFile" /> <input type="submit" value="ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ã‚„んよ" /> </form> 上記ã®ã‚ˆã†ãªHTMLãªãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰ã€POSTã—ãŸéš›ã«ã‚µãƒ¼ãƒãƒ¼å´ã§ã†ã¾ãPOSTデータをå—ã‘å–ã‚Œãªã„ã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ echo $_SERVER['REQUE
他人事ã§ã¯ãªã„Webã‚»ã‚ュリティ
2. ã¯ã›ãŒã‚よã†ã™ã‘ â–¸OWASP Kansai ãƒãƒ£ãƒ—ターリーダー â–¸OWASP Japan アドãƒã‚¤ã‚¶ãƒªãƒœãƒ¼ãƒ‰ãƒ¡ãƒ³ãƒãƒ¼ â–¸ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆæ ªå¼ä¼šç¤¾ã‚µãƒ¼ãƒ“ス事æ¥éƒ¨ â–¸æ ªå¼ä¼šç¤¾ã‚»ã‚ュアスカイ・テクノãƒã‚¸ãƒ¼æŠ€è¡“é¡§å• â–¸Microsoft MVP for Consumer Security Oct 2005- Oct 2015 â–¸http://utf-8.jp/ Kobe IT Festival 2014 4. â–¸OWASP – Open Web Application Security Project â–¸Webã‚»ã‚ュリティをå–ã‚Šå·»ãå•é¡Œã‚’解決ã™ã‚‹ ãŸã‚ã®å›½éš›çš„ãªã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ â–¸ä¼æ¥ã‚„国境ã®å£ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚らゆる 専門知è˜ã¨çµŒé¨“ã‚’æŒã£ãŸã‚¹ãƒšã‚·ãƒ£ãƒªã‚¹ãƒˆã€ã¾ ãŸãƒ¦ãƒ¼ã‚¶ã®ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚Šã€è‡ªç”±ã« å‚åŠ ã§ãる開放ã•ã‚ŒãŸæ´»å‹•ã‚’展開 â–¸OWASP Foundation â–¸2001å¹´ã‹ã‚‰æ´»å‹•
スマートフォンWebã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’高速化ã™ã‚‹å–り組㿠- クックパッド開発者ブãƒã‚°
ユーザファースト推進部ã®ä¸¸å±±(@h13i32maru)ã§ã™ã€‚ 先日「撮るレシピã€ã¨ã„ã†ã‚µãƒ¼ãƒ“スを cookpad.com ã«ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚「撮るレシピã€ã¨ã„ã†ã‚µãƒ¼ãƒ“スã¯æ–™ç†æœ¬ã‚„雑誌ã®ãƒ¬ã‚·ãƒ”を写真ã«æ’®ã£ã¦ã‚¯ãƒƒã‚¯ãƒ‘ッド上ã«ä¿å˜ã§ãã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚æ–™ç†æœ¬ã‚„雑誌ã§ãƒ¬ã‚·ãƒ”を良ã見る方ã¯ãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„(Androidアプリ版もã‚ã‚Šã¾ã™)。 ã“ã®ã€Œæ’®ã‚‹ãƒ¬ã‚·ãƒ”ã€ã¯å…¨ä½“公開å‰ã«ä¸€éƒ¨ã®ãƒ¦ãƒ¼ã‚¶ã«é™å®šå…¬é–‹ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ãã—ã¦å…¨ä½“公開をã™ã‚‹ã«ã‚ãŸã‚Šãƒ•ãƒãƒ³ãƒˆå´ã®ã‚³ãƒ¼ãƒ‰ã‚’å…¨é¢çš„ã«æ›¸ãæ›ãˆé«˜é€ŸåŒ–ã‚’è¡Œã„ã¾ã—ãŸã€‚ãã®çµæžœã€æœ€å¤§ã§30å€é«˜é€ŸåŒ–ã™ã‚‹ã“ã¨ãŒã§ãユーザã®ä½¿ã„å‹æ‰‹ãŒå‘上ã—ã¾ã—ãŸã€‚以下ãŒã€Œæ›¸ãæ›ãˆå‰ã€ã¨ã€Œæ›¸ãæ›ãˆå¾Œã€ã®è¨ˆæ¸¬çµæžœã§ã™(Android端末8機種 + iOS3機種ã§å„æ“作ã®ã‚¿ãƒ¼ãƒ³ã‚¢ãƒ©ã‚¦ãƒ³ãƒ‰æ™‚é–“*1を計測)。 閲覧系 最大: 30å€é«˜é€ŸåŒ–(4.2秒→0.14秒) å¹³å‡: 15.7å€é«˜é€ŸåŒ–(3.6秒→
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://zidory.me/
{{#tags}}- {{label}}
{{/tags}}