日経電å版 サイト高速化ã¨PWA対応 / nikkei-high-performance-pwahtml5j Webプラットフォーム部 第19回勉強会 W.A.S.M featuring PWA https://html5j-webplat.connpass.com/event/74013/
当åˆã®æ‡¸å¿µã©ãŠã‚Šãƒ–ラウザã®ãƒ—ッシュ通知ã¯é‚ªæ‚ªã«ä½¿ã‚ã‚Œã¯ã˜ã‚ã¦ã„る。実装å´ã¯ã‚¯ãƒªãƒƒã‚¯ã¾ã§è³¼èªç¢ºèªã‚’å¾…ã¤ã¹ã。 - mizchi's blog
追記: 2019/11/12 2年経ã£ãŸã‘ã©ä½“験ãŒæ‚ªåŒ–ã—続ã‘ãŸçµæžœã€ Firefox ãŒã“ã®è¨˜äº‹ã®é€šã‚Šã«ãªã‚Šã¾ã—ãŸã… www.fxsitecompat.dev プッシュ通知ã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®æ©Ÿèƒ½éƒ¡ã‚’Webã«æŒã¡è¾¼ã‚€PWA技術ã®å£²ã‚Šã®ä¸€ã¤ã ãŒã€å½“åˆã‹ã‚‰æ‡¸å¿µã•ã‚Œã¦ã„ãŸã¨ãŠã‚Šã€éžå¸¸ã«ãƒŽã‚¤ã‚¸ãƒ¼ãªã‚‚ã®ã¨ãªã£ã¦ã—ã¾ã£ã¦ã„る。自分も気ã¥ã‘ã°ã‚らゆるサイトã®è³¼èªç¢ºèªã‚’ã€ç„¡æ„è˜ã§æ‹’å¦ã‚’押ã™ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã£ãŸã€‚ hagex.hatenadiary.jp å°‘ã—å‰ã®è¨˜äº‹ã€‚最近ã¯ã©ã“ã‹ã§ wordpress ã®ãƒ—ラグインã«ãªã£ãŸã®ã‹ã€ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒéžå¸¸ã«å¤šããªã‚Šã€éžå¸¸ã«ã‚¹ãƒˆãƒ¬ã‚¹ãƒ•ãƒ«ã€‚最åˆã¯æŠ€è¡“çš„ãªç›®æ–°ã—ã•ã‹ã‚‰ã‹ã€ã‚る程度容èªã—ã¦ã„ãŸãŒã€ã•ã™ãŒã«ã“ã®çŠ¶æ³ãŒæ‚ªåŒ–ã™ã‚‹ä¸€æ–¹ã§ã€æœ¬æ°—ã§ã‚„ã°ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„る。ã¨ãã«åˆè¦‹ã®ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚’èªã‚€å‰ã«ã€è³¼èªç¢ºèªãŒå‡ºã‚‹ã®ãŒæœ€æ‚ªã®ä½“験ã¨ãªã£ã¦ã„る。 ãã‚‚ãもプッシュé…ä¿¡ã¨ã¯
WebAssembly対応ã€ä¸»è¦ãƒ–ラウザChrome/Firefox/Edge/Safariã§æ•´ã†ã€‚Webアプリã®é–‹ç™ºè¨€èªžã¨ã—ã¦JavaScript以外ã®é¸æŠžè‚¢ã¯åºƒãŒã‚‹ã‹ï¼Ÿ
主è¦ãªWebブラウザã§ã®WebAssembly対応ãŒæ•´ã£ãŸã€‚ã“ã‚Œã«ã‚ˆã‚ŠJavaScriptを超ãˆã‚‹é«˜é€ŸãªWebアプリケーションã®å®Ÿè¡Œã«åŠ ãˆã€JavaScript以外ã®è¨€èªžã«ã‚ˆã‚‹Webアプリ開発ã®é¸æŠžè‚¢ãŒé–‹ã‹ã‚Œã‚‹ã“ã¨ã«ãªã‚‹ã€‚ WebAssemblyã¯ã€Webブラウザ上ã§ãƒã‚¤ãƒ†ã‚£ãƒ–コードã«è¿‘ã„実行速度ã§é«˜é€Ÿã«å®Ÿè¡Œã§ãã‚‹ãƒã‚¤ãƒŠãƒªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’実ç¾ã—よã†ã¨ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Googleã€Mozillaã€Appleãªã©ã®ä¸»è¦ãªWebブラウザベンダãŒW3Cã®WebAssembly Community Groupãªã©ã‚’通ã˜ã¦å…±åŒã§é–‹ç™ºã«å–り組んã§ã„る技術ã§ã™ã€‚ 主è¦ãªWebブラウザã«ã‚ˆã‚‹WebAssembly対応ãŒæ•´ã† 1å¹´å‰ã®2016å¹´11月ã«ã¯ã€å„社ãŒè¶³ä¸¦ã¿ã‚’ãã‚ãˆã¦WebAssemblyã®è©¦é¨“的実装を発表ã—ã€2017å¹´2月ã«ã¯WebAssembly APIã¨ãƒã‚¤ãƒŠãƒªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã¤ã„ã¦ä¸»è¦ãƒ–ラウザ
Twilioを始ã‚ã¦èº“ã„ã¦ã‚‹ã‚“ã ã£ã¦ï¼Ÿã˜ã‚ƒã‚コレをèªã‚“ã§ã¿ã‚‹ã¨ã„ã„。 - Qiita
電話ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’ç°¡å˜ã«ç¹‹ã„ã§ãれるTwilio。 éžå¸¸ã«ã‚ã‚ŠãŒãŸã„å˜åœ¨ã§ã¯ã‚ã‚‹ã‘ã‚Œã©ã‚‚ã€ä½¿ã„始ã‚ã‚‹ã«ã‚ãŸã£ã¦ã¨ã£ã¤ãã«ãã„ã¨ã“ã‚も。 自分ãŒå§‹ã‚ã‚‹ã¨ãã«ç†è§£ã«æ™‚é–“ãŒã‹ã‹ã£ãŸç‚¹ã€ã‚‚ãŸã¤ã„ãŸç‚¹ã‚’残ã—ã¦ãŠãã®ã§ã€ ã“ã‚Œã‹ã‚‰å§‹ã‚る人ã®æ•·å±…ãŒå°‘ã—ã§ã‚‚下ãŒã‚Œã°å¹¸ã„。 "Voice"ã¨"Client"ã®é•ã„ãŒåˆ†ã‹ã‚‰ãªã„å•é¡Œ Twilioを始ã‚よã†ã¨æ€ã£ã¦ã€å…¬å¼ã‚µã‚¤ãƒˆã‚’ã¨ã‚Šã‚ãˆãšçœºã‚ã¦ã„ã‚‹ã¨ã€ 「Twilioã«ã¯3ã¤ã®æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€ã¨å‡ºã¦ãる。"Voice", "Client", "SMS"。 SMSã¯ã¾ã分ã‹ã‚‹ã€‚電話ã«å¯¾ã—ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸é€ã‚Œã‚‹ã‚“ã§ã—ょ？（使ã£ãŸã“ã¨ãªã„ã‘ã©ï¼‰ å•é¡Œã¯Voiceã¨Client。 機能一覧を見るã¨ã€ä¸€è¨€ä¸€å¥åŒã˜ãªã‚ã‘ã§â€¦ã€‚ãªã‚“ãªã®ã•ï¼Ÿ ã¨ã‚Šã‚ãˆãšä»¥ä¸‹ã®èªè˜ãŒã‚ã‚Œã°å›°ã‚‰ãªã„ã¨æ€ã†ã€‚ Voice -> 一般ã®é›»è©±ã‚‚扱ãˆã‚‹ã‚ˆï¼ Client -> ブラウザやスマホアプリã‹ã‚‰ã‚‚
超軽快ï¼ã€€ã€ŒJavaScriptã€ã§ä½œã‚‰ã‚ŒãŸãƒ–ラウザ上ã§å‹•ä½œã™ã‚‹OS「OS.jsã€ãŒè©±é¡Œã«ã€€ã‚ˆã分ã‹ã‚‰ã‚“ã‘ã©ã™ã”ã„ã“ã¨ã¯åˆ†ã‹ã‚‹
Webページãªã©ã§ä½¿ç”¨ã•ã‚Œã¦ã„るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ŒJavaScriptã€ã‚’使ã£ã¦é–‹ç™ºã•ã‚ŒãŸã€ãƒ–ラウザ上ã§å‹•ä½œã™ã‚‹OS「OS.jsã€ãŒã€ã‚ªãƒ¼ãƒ—ンソースã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦æµ·å¤–サイトã§ç„¡æ–™å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ブラウザ上ã§å‹•ä½œã™ã‚‹OS……仮想デスクトップ？ 「OS.jsã€ã®å…¬å¼ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãƒ–ラウザ上ã«ä»®æƒ³ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—を表示ã—ã¦ã€ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ä½“験ã§ãるデモ版ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚試ã—ã«ä»Šå›žã®è¨˜äº‹ä½œæˆã§ä½¿ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ èµ·å‹•ã—ã¦ã¿ã‚‹ã¨ã€ã‚·ãƒ³ãƒ—ルã«ã¾ã¨ã‚られãŸã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”»é¢ãŒãƒ–ラウザ内ã«è¡¨ç¤ºã•ã‚Œã¾ã—ãŸã€‚ ã³ã£ãã‚Šã™ã‚‹ãらã„軽快ã«å‹•ã「OS.jsã€ãƒ‡ãƒ¢ç‰ˆ メインメニューã¯ç”»é¢å·¦ä¸Šã«ã‚るアイコンã‹ã‚‰åˆ©ç”¨ã§ãã€ãƒ¡ãƒ¢å¸³ï¼ˆWriter）ã€ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿ï¼ˆAceEditor）ã€Gmail用メーラーã€ãƒ†ãƒˆãƒªã‚¹ã€éŸ³æ¥½ãƒ—レーヤーãªã©ã€ã„ãã¤ã‹ã®ã‚½ãƒ•ãƒˆãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
ブラウザã®é–²è¦§å±¥æ´ã§äººç”Ÿã®æ£šå¸ã—（embulk + elasticsearch + kibanaã§å¯è¦–化） - Qiita
ã“ã®è¨˜äº‹ã¯ã€Œã‚¨ãƒ スリー Advent Calendar 2015ã€ã® 22日目ã®è¨˜äº‹ã§ã™ã€‚ ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã‚。年末ã§ã™ã。年末ã¨ã„ãˆã°ä¸€å¹´ã‚’振り返るã„ã„機会ã§ã™ã。æ„è˜ã®é«˜ã„人ãŸã¡ãŒã€Œäººç”Ÿã‚’棚å¸ã—ã™ã‚‹ã„ã„機会ダヨッ★ã€ãªã‚“ã¦è¨€ã£ã¦ã„ãŸã‚ˆã†ãªæ°—ã‚‚ã—ã¾ã™ã€‚ éŽåŽ»ã®è‡ªåˆ†ã‚’振り替ãˆã£ã¦ã¿ã‚‹ã¨ã€ã‚ーãƒãƒƒãƒˆã‚µãƒ¼ãƒ•ã‚£ãƒ³ã«ç„¡é§„ãªæ™‚é–“ã‚’éŽã”ã—ãŸãªã。。ãªã‚“ã¦å¾Œæ‚”ã®å¿µãŒæ¹§ã„ã¦ãã¾ã™ã€‚ã—ã‹ã—ã€ã‚ˆã考ãˆã¦ã¿ã‚‹ã¨ã€è‡ªåˆ†ãŒãƒ–ラウザã§ä½•ã‚’閲覧ã—ã¦ã„ãŸã®ã‹ã€ãã¡ã‚“ã¨æŒ¯ã‚Šè¿”ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ã„ã„機会ã§ã™ã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯ 自分ã®é–²è¦§å±¥æ´ã‚’å¯è¦–化ã—ã¦åˆ†æžã™ã‚‹åŸºç›¤ を構築ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã€ä¸€ç‚¹ãƒãƒƒã‚¯ãªã®ã¯ã€ç§ã¯ chrome => メインブラウザ firefox => ã‚る特定ã®ç”¨é€” ã¨ã„ã£ãŸã‚ˆã†ã«ã€2ã¤ã®ãƒ–ラウザを戦略的ã«ä½¿ã„分ã‘ã¦ãŠã‚Šã¾ã™ã€‚ã¤ã¾ã‚Šã€é–²è¦§å±¥æ´ãƒ‡ãƒ¼ã‚¿ãŒåˆ†æ•£ã—ã¦ã„ã‚‹ã‚ã‘ã§ã™ã€‚分散ã—ã¦ã—ã¾
次世代Webã¯ãƒ–ラウザã®å¤–ã«ã‚ã‚‹
10月18æ—¥ã€æ³•æ”¿å¤§å¦ã«ã¦æ¬¡ä¸–代 Web カンファレンスãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚Web ã«é–¢ã‚る技術ã«ã¤ã„ã¦å¾¹åº•çš„ã«è©±ã—åˆã†ã‚¤ãƒ™ãƒ³ãƒˆã€‚セッションã™ã¹ã¦ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã§å‹‰å¼·ä¼šã¨ã„ã†ã‚ˆã‚Šè©±ã‚’èžãã«è¡Œãã¨ã„ã†ãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ãŒè¿‘ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。8 月㫠UX をテーマã«è°è«–ã™ã‚‹ä¼šã‚’é–‹ãã¾ã—ãŸãŒã€ä»Šå¹´ã¯ã“ã†ã—ãŸã€Žä¼šè©±ã€ã‚’軸ã«ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã«èˆˆå‘³ã‚’惹ã‹ã‚Œã¾ã™ã€‚ 今回ã¯ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ‹ãƒ³ã‚°Webアクセシビリティã€ã®è‘—者ã§ã‚る太田良典ã•ã‚“（@bakera）ã€RDFã®å°‚門家ã§ã‚りコントラãƒã‚¹æ¼”å¥è€…ã§ã‚る神崎æ£è‹±ã•ã‚“（@_masaka）㨠Webアクセシビリティをテーマ㫠1 時間ã»ã©è©±ã‚’ã—ã¾ã—ãŸã€‚ç§ã¯ Web アクセシビティã®å°‚門家ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚©ã‚¢ã‚¯ã‚·ã‚¢ã® æ¤æœ¨çœŸã•ã‚“ã¨ã®ãƒãƒƒãƒ‰ã‚ャストãŒã‚ッカケã§å‘¼ã‚“ã§ã„ãŸã ãã¾ã—ãŸã€‚3 者異ãªã‚‹è¦–点ã‹ã‚‰ã€Web アクセシビリティã®ç¾åœ¨ã¨æœªæ¥ã«ã¤ã„ã¦è©±ã—åˆã„ã¾ã—ãŸã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}