[WebViewシリーズ③] WebViewã¯ã€ãƒšãƒ¼ã‚¸å†…ã®ã‚¢ãƒ³ã‚«ãƒ¼ã¸ãƒªãƒ³ã‚¯ã§ããªã„？？ - Qiita
//MARK: - UIWebViewDelegate extension ViewController: UIWebViewDelegate { func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool { if let scheme = request.URL?.scheme { if scheme.hasPrefix("http") || scheme.hasPrefix("https") { //ページ内アンカー移動 let anchor = request.URL?.absoluteString.componentsSeparatedByString("#") if ancho
![[WebViewシリーズ③] WebViewã¯ã€ãƒšãƒ¼ã‚¸å†…ã®ã‚¢ãƒ³ã‚«ãƒ¼ã¸ãƒªãƒ³ã‚¯ã§ããªã„？？ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/19b102b730a714a38c1251bf2f65c22e9fb72b7c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV2ViVmlldyVFMyU4MiVCNyVFMyU4MyVBQSVFMyU4MyVCQyVFMyU4MiVCQSVFMiU5MSVBMiU1RCUyMCUyMFdlYlZpZXclRTMlODElQUYlRTMlODAlODElRTMlODMlOUElRTMlODMlQkMlRTMlODIlQjglRTUlODYlODUlRTMlODElQUUlRTMlODIlQTIlRTMlODMlQjMlRTMlODIlQUIlRTMlODMlQkMlRTMlODElQjglRTMlODMlQUElRTMlODMlQjMlRTMlODIlQUYlRTMlODElQTclRTMlODElOEQlRTMlODElQUElRTMlODElODQlRUYlQkMlOUYlRUYlQkMlOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWFjZjdlMGY0ZGExMWUwMzA4MmJlZTQzNGE0NWEzNTlk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBlS3VzaGlkYSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjE2OGZlMzAyMDg2MGRmN2QxYmQwY2FmNjMxM2IzZTg%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U1RW44OG44OD44Kv%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D06f3e532f5ffc505e45349c82ca331db)
Electronã®ä»£æ›¿ã‚’目指ã™è»½é‡ãªRust製フレームワーク「Tauriã€ã€ãƒªãƒªãƒ¼ã‚¹å€™è£œç‰ˆã«åˆ°é”
Windowsã‚„macOSã€Linuxãªã©ã®ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発を容易ã«ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—ã¦é«˜ã„人気をæŒã¤ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒã€ŒElectronã€ã§ã™ã€‚ Electronã¯Chromiumã¨Node.jsを用ã„ã‚‹ã“ã¨ã§ã€HTML/CSS/JavaScriptã®Webテクノãƒã‚¸ãƒ¼ã«ã‚ˆã£ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションを開発ã§ãã‚‹ã®ãŒæœ€å¤§ã®ç‰¹å¾´ã§ã™ã€‚ ã„ã¾ã‚„Electronã¯ã€Visual Studio Codeã‚„Microsoft Teamsã€Slackã€GitHub Desktopã€ãã—ã¦æœ€è¿‘話題ã®Notionãªã©ã€ã•ã¾ã–ã¾ãªã‚¢ãƒ—リケーションã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®Electronã®å„ªã‚ŒãŸç‰¹å¾´ã‚’å‚™ãˆã¤ã¤ã€ã‚ˆã‚Šãƒ¡ãƒ¢ãƒªæ¶ˆè²»é‡ãŒå°ã•ãファイルサイズもコンパクトã§ã€é«˜ã„ã‚»ã‚ュリティを備ãˆã€æŸ”軟ãªãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’実ç¾ã—よã†ã¨é–‹ç™ºã•ã‚ŒãŸã®ãŒã€ŒTauriã€ã§ã™ã€‚ Tauriã¯ã€
メルカリShops ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ | メルカリエンジニアリング
ã“ã‚“ã«ã¡ã¯ã€‚ソウゾウ㮠Software Engineer ã® hiroppy ã§ã™ã€‚「連載：「メルカリ Shopsã€ãƒ—レオープンã¾ã§ã®é–‹ç™ºã®è£å´ã€ ã®æœ€å¾Œã¯ã€Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚メルカリ Shops ã¯æ—¢å˜ã®ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒ—リã®ä¸ã«ç‹¬ç«‹ã—㟠Web アプリケーションã¨ã—ã¦å‹•ã„ã¦ã„ã¾ã™ã€‚本記事ã§ã¯ã€ã©ã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ラリをé¸å®šã—ã€ã©ã®ã‚ˆã†ã«ã‚¢ãƒ¼ã‚テクãƒãƒ£ã‚’è¨è¨ˆã—ã¦ããŸã‹ã‚’解説ã—ã¾ã™ã€‚ ãªãœ Web ãªã®ã‹ï¼Ÿ アプリã®ä¸Šã§å‹•ã„ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€WebView ã§ã¯ãªãã¦ã‚‚良ã„ã¨æ„Ÿã˜ã‚‹äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚今回採用ã—㟠1 ã¤ã®ç†ç”±ã¨ã—ã¦ã¯ã€ãƒªãƒªãƒ¼ã‚¹ãŒæŸ”軟ãªç‚¹ãŒæŒ™ã’られã¾ã™ã€‚iOS/Android ã®ä¸¡æ–¹ã«å¯¾ã—ã¦é–‹ç™ºã‚µã‚¤ã‚¯ãƒ«ã‚’æ—©ã‚ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã‚ã‚Šã€ã¾ãŸæ©Ÿèƒ½è¿½åŠ ã‚„ãƒã‚°ä¿®æ£ãŒå®¹æ˜“ã§ã™ã€‚ã©ã®ã‚ˆã†ã« WebView ã§å‹•ã„ã¦ã„ã‚‹ã‹ã«ã¤ã„ã¦ã¯ã€6 日目ã®ãƒ¡ãƒ«ã‚«ãƒª Shops ã®ãŸã‚
メルカリShopsã®ãŸã‚ã®WebViewã®æŠ€è¡“ | メルカリエンジニアリング
ã“ã‚“ã«ã¡ã¯ã€ã‚½ã‚¦ã‚¾ã‚¦ã®Software Engineerã®@gentleã§ã™ã€‚連載：「メルカリShopsã€ãƒ—レオープンã¾ã§ã®é–‹ç™ºã®è£å´ã®6日目を担当ã„ãŸã—ã¾ã™ã€‚ メルカリShopsã¯æ—¢å˜ã®ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒ—リã®ä¸ã«ç‹¬ç«‹ã—ãŸWebアプリケーションを組ã¿è¾¼ã‚€å½¢ã§é–‹ç™ºã„ãŸã—ã¾ã—ãŸã€‚本記事ã§ã¯ã€Webアプリケーションã¨ã—ã¦ä½œæˆã•ã‚ŒãŸãƒ¡ãƒ«ã‚«ãƒªShopsã‚’ã€æ—¢å˜ã®ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒ—リã§WebViewを使ã£ã¦è¡¨ç¤ºã™ã‚‹éš›ã®ã‚¢ãƒ—リã¨ã®é€£æºã«ã¤ã„ã¦è§£èª¬ã„ãŸã—ã¾ã™ã€‚ メルカリアプリã¨ã®é€£æº メルカリShopsã¯ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒ—リ内ã«çµ„ã¿è¾¼ã¾ã‚Œã¦ãŠã‚Šã¾ã™ãŒã€ç‹¬ç«‹ã—ãŸWebアプリケーションã¨ã—ã¦å˜åœ¨ã—ã¦ãŠã‚Šã€WebViewã«ã¦Shopsã®Webページを表示ã™ã‚‹å½¢ã«ãªã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€å˜ç´”ã«ã‚¢ãƒ—リ内ã§Webページを表示ã—ãŸã ã‘ã§ã¯ã€ã‚¢ãƒ—リã¨ã—ã¦ã®UI/UXを満ãŸã›ãªã„ãŸã‚ã€WebViewã¨ã‚¢ãƒ—リã¨ã®é€£æºãŒå¿…è¦ã§ã™ã€‚ アプリã¨ã®é€£æº
[Swift]WKWebViewã§é•·æŠ¼ã—ã«ã‚ˆã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã‚’æ¢ã‚ã‚‹ | DevelopersIO
CX事æ¥æœ¬éƒ¨ã®ä¸å®‰ã§ã™ã€‚ã¾ã„ã©ã§ã™ã€‚ 本日ã¯iOSアプリ開発ã®å°ãƒã‚¿ã«ãªã‚Šã¾ã™ãŒã€WKWebViewã§ã€Œé•·æŠ¼ã—ã«ã‚ˆã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã‚’æ¢ã‚る方法ã€ã‚’書ãç•™ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ iPhone ã‚„ iPad を使ã£ã¦ã„ã‚‹æ–¹ãªã‚‰ã‚ˆã使ã†ã¨æ€ã„ã¾ã™ãŒã€ ブラウザ上ã®æ–‡å—を長押ã—ã™ã‚‹ã¨ã€ä¸‹å›³ã®ã‚ˆã†ã«PCã§ã„ã†ã¨ã“ã‚ã®å³ã‚¯ãƒªãƒƒã‚¯ã®ã‚ˆã†ã«ç¯„囲é¸æŠžã—ã¦ã‚³ãƒ”ーç‰ã‚’ã™ã‚‹ãŸã‚ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã‚Œã¯WKWebView。ã¤ã¾ã‚Šã€ã‚¢ãƒ—リ上ã®WEBビューã§ã‚‚åŒã˜å‹•ä½œã‚’ã—ã¾ã™ã€‚ ã—ã‹ã—ã€ã‚¢ãƒ—リã«ã‚ˆã£ã¦ã¯ã“ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã‚’ã•ã›ãŸããªã„ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 今回ã¯ã€ã“ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã‚’制御ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ょã†ã€‚ å‰æã¨ãªã‚‹å®Ÿè£… 今記事ã§ã¯UI実装ã«ã¤ã„ã¦ã¯å‰²æ„›ã—ã¾ã™ãŒã€ 今回作る画é¢(åå‰ã‚’WebViewControllerã¨ã—ã¾ã™)ã§ã¯ WKWebViewãŒç”»é¢å…¨ä½“ã«é…ç½®ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ ãã®å ´åˆã®å¿…
![[Swift]WKWebViewã§é•·æŠ¼ã—ã«ã‚ˆã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã‚’æ¢ã‚ã‚‹ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/d9c911035d6b7c1c0afb32d4e1e6f2e752169d3a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F12%2Feyecatch-swift.png)
PWA+TWAã§ã‚¦ã‚§ãƒ–サイトを完全アプリ化ã€PWAサイトã®Google Play登録もå¯èƒ½ã«
[レベル: 上級] Trusted Web Activity (トラステッド ウェブ アクティビティ) を実装ã™ã‚‹ã¨ã€Progressive Web App (PWA) ã®ã‚µã‚¤ãƒˆã‚’ Google Play ã«ã‚¢ãƒ—リã¨ã—ã¦ç™»éŒ²ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Trusted Web Activity ã¨ã¯ Trusted Web Activity（以下ã€TWA）を簡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ TWA ã¯ã€ã‚¢ãƒ—リã®ä¸ã«ã‚¦ã‚§ãƒ–ページをコンテンツã¨ã—ã¦è¡¨ç¤ºã§ãる機能ã§ã™ã€‚ 2017 å¹´ã® Chrome Dev Summit ã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ 試験的ãªå…¬é–‹ã§ã—ãŸãŒã€Android 版 Chrome 72 ã®ãƒªãƒªãƒ¼ã‚¹ã¨ã¨ã‚‚ã«æ£å¼ã«åˆ©ç”¨å¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ アプリã®ä¸ã«ã‚¦ã‚§ãƒ–ページを表示ã•ã›ã‚‹ã¨èžãã¨ã€é–‹ç™ºã«è©³ã—ã„方㯠Chrome Custom Tab ã‚„ WebView ã‚’æ€ã„出ã™ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã©ã¡ã‚‰ã‚‚アプリã®ã‚³ãƒ³ãƒ†
Node.js:[Error: Cannot find module 'ejs']ã®å¯¾å‡¦æ–¹æ³• - Qiita
Error: Cannot find module 'ejs' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.require (module.js:596:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/kojikenn 1/Desktop/mini_board/app.js:3:13) at Module._compile (module.js:652:30) at Object.Module._extensions..js (module.js:663:10) at Module.load (module.js:565:3
![Node.js:[Error: Cannot find module 'ejs']ã®å¯¾å‡¦æ–¹æ³• - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/70573956b9f1b3e73dd4e3fc4bfcd5e1de450b24/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Tm9kZS5qcyUzQSU1QkVycm9yJTNBJTIwQ2Fubm90JTIwZmluZCUyMG1vZHVsZSUyMCUyN2VqcyUyNyU1RCVFMyU4MSVBRSVFNSVBRiVCRSVFNSU4NyVBNiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NGI0ZmNjNGEyMTU4YjgwNDRkZGNlYTJkYjViMmZjNjE%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBBdHN1c2hpXyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWRjNWU5NDZkMjZjNWQ0NWVkOGU1ODllYWJkNDAwYTY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3e87bc3209ae8cc6acd014ec4d14e059)
SFSafariViewControllerを試ã™
iOS9ã‹ã‚‰SFSafariViewControllerãªã‚‹ã‚‚ã®ãŒç™»å ´ã—ã€Safariãã®ã‚‚ã®ã‚’アプリã®ä¸ã«ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚ˆã†ã«é–‹ãã“ã¨ãŒã§ãるよã†ã§ã™ã€‚ç°¡å˜ã«è©¦ã—ã¦ã¿ã¾ã™ã€‚開発環境ã¯ã€Xcode7以上ã€å®Ÿè¡Œç’°å¢ƒã¯iOS9以上ã§ã‚ã‚‹ã“ã¨ãŒå¿…è¦ã§ã™ã€‚ シンプルãªã‚¢ãƒ—リケーションを作æˆã—ã¦ã€åˆæœŸãƒ“ュー（ã“ã®ä¾‹ã§ã¯ã€ŒViewController.swiftã€ï¼‰ã®ä¸å¤®ã«ãƒœã‚¿ãƒ³ã‚’é…置。ãã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨SafariビューãŒé–‹ãよã†ãªæ„Ÿã˜ã«ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã€ã€ŒSafariServicesã€ã‚’インãƒãƒ¼ãƒˆã€‚ import SafariServices ボタンを押ã™ã¨ã€ let _url:NSURL = NSURL(string: “http://adobe.comâ€)! let _brow = SFSafariViewController(URL: _url, entersReaderIfAvai
WKWebViewã®estimatedProgressãŒ1.0ã«ãªã£ãŸã‚‰è‡ªç„¶ã«UIProgressViewãŒéžè¡¨ç¤ºã«ãªã‚‹ã‚ˆã†ã«è¦‹ã›ã‚‹ - Qiita
ã¯ã˜ã‚ã« æ¥å‹™ã§ UIWebView ã‹ã‚‰ WKWebView ã®ç§»è¡Œã‚’今更ãªãŒã‚‰ã‚„ã£ã¦ãŠã‚Šã¾ã™ã€‚ 個人アプリã ã¨ã¾ãš WKWebView ã¨ã‹ SFSafariViewController ãªã©ã‚’ é¸ã¶ã‚ã‘ã§ã™ãŒï¼Œæ˜”ã‹ã‚‰ã®ã‚¢ãƒ—リã ã¨ã¾ã UIWebView ã ã£ãŸã‚Šæ™®é€šã«ã‚ã‚Šã¾ã™ã‚ˆã・・・ UIWebView ã®æ–¹ã¯èªã¿è¾¼ã¿é–‹å§‹æ™‚ã« UIActivityIndicatorView を出ã—ã¦ï¼Œ èªã¿è¾¼ã¿å®Œäº†æ™‚ã«æ¶ˆã™(ãã‚‹ãã‚‹ã®ã‚„ã¤)ã¨ã„ã†å®Ÿè£…ã‚„ã£ã¦ã„ã¾ã—ãŸãŒï¼Œ WKWebView 㯠estimatedProgress ã¨ã„ã†èªã¿è¾¼ã¿å…·åˆã®å€¤ãŒå–れるã®ã§ï¼Œ ãã®å€¤ã‚’見㦠NavigationBar 部分㫠UIProgressView を表示ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ 当時ã®å®Ÿè£…ã 㨠0.9 ã‚ãŸã‚Šã§æ¢ã¾ã£ã¦ãã®ã‚ã¨éžè¡¨ç¤ºã«ãªã‚‹ã‚ˆã†ãªæ„Ÿã˜ã ã£ãŸã®ã§ï¼Œ NavigationBar ã®å³ç«¯ã¾ã§è¡Œã£ã¦
ã€Swift】Storyboardを使ã‚ãšã‚·ãƒ³ãƒ—ルãªã‚¿ãƒ–ブラウザを作る② - Qiita
// // TabVc.swift // TabBrowser // // Created by USER on 2016/03/08. // Copyright © 2016å¹´ User. All rights reserved. // import WebKit import UIKit // MARK: - タブをä¿æŒã™ã‚‹ã‚³ãƒ³ãƒ†ãƒŠã‚¯ãƒ©ã‚¹ class TabData { var webView:WKWebView! var image:UIImage! deinit{ webView = nil image = nil } } class TabVC: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource { var collectionView : UICollectionView! var ta
ã€Swift】Storyboardを使ã‚ãšã‚·ãƒ³ãƒ—ルãªã‚¿ãƒ–ブラウザを作る①- Qiita
#Storyboardを使ã‚ãšã‚·ãƒ³ãƒ—ルãªã‚¿ãƒ–ブラウザを作る ##ã¯ã˜ã‚ã« ã„ã¾ã¾ã§ã¯Objective-Cã§iOSアプリを作ã£ã¦ã„ã¾ã—ãŸãŒ 最近Swiftã®å‹‰å¼·ã‚’始ã‚ã¾ã—ãŸã€‚ ãƒãƒãƒãƒWeb上ã®ã‚µãƒ³ãƒ—ルコードをå©ã„ã¦ã„ã¾ã—ãŸãŒ 何ã‹ç›®çš„を決ã‚ãªã„ã¨æ—らãªã„ãªãƒ»ãƒ»ãƒ»ã¨ã„ã†ã“ã¨ã§ WKWebViewを使ã£ã¦ã‚¿ãƒ–ブラウザを作ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯Storyboardã¯ä½¿ã‚ãšã‚³ãƒ¼ãƒ‰ã®ã¿ã§ä½œã‚Šã¾ã™ã€‚ 実装ã™ã‚‹æ©Ÿèƒ½ã¯ã‚·ãƒ³ãƒ—ル㫠・トップページã«Googleを表示 ・タブ切り替㈠・ブックマーク機能 ・履æ´é–²è¦§æ©Ÿèƒ½ ã‚ãŸã‚Šã§ã€3~4回ãらã„ã«åˆ†ã‘ã¦é€²ã‚ã¦ã„ãã¾ã™ã€‚ ##アプリã®ã‚¤ãƒ¡ãƒ¼ã‚¸ ã“ã‚“ãªæ„Ÿã˜(笑) ##作æ¥ã®æµã‚Œ ↓ã®æ„Ÿã˜ã§é€²ã‚ã¾ã™ 1.WKWebViewã§Googleを表示 2.検索ãƒãƒ¼ã®æ©Ÿèƒ½å®Ÿè£… 3.タブã®ä¸€è¦§ç”»é¢å®Ÿè£…(タブã®è¿½åŠ ・削除) 4.ブックマークã®ä¸€è¦§ç”»é¢å®Ÿè£…(è¿½åŠ ãƒ»ç·¨é›†ãƒ»å‰Š
WKWebView 㧠Basic èªè¨¼ãŒã‹ã‹ã£ãŸãƒšãƒ¼ã‚¸ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹æ–¹æ³• - Qiita
WKWebView ã§ã¯ WKNavigationDelegate ã® webView:didReceiveAuthenticationChallenge:completionHandler: を実装ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ èªè¨¼ãŒå¿…è¦ãªã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼åã€ãƒ‘スワードã®å…¥åŠ›ã‚’求ã‚るアラートを表示ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ func webView(webView: WKWebView!, didReceiveAuthenticationChallenge challenge: NSURLAuthenticationChallenge!, completionHandler: ((NSURLSessionAuthChallengeDisposition, NSURLCredential!) -> Void)!) { let alertController = UIAlertCon
Swiftã®Webviewを使ã†ã¨è¡¨ç¤ºãŒé…ã„件ã®è§£æ±ºç–
Swiftã§Webviewを使ã£ã¦ã®ãƒ–ラウズã¨ã€iPhoneã®Safariã«æ¯”ã¹ã¦è¡¨ç¤ºãŒé…ã„よã†ã«è¦‹ãˆã¾ã™ã€‚ 見ãˆæ–¹ã¨ã—ã¦ã€iPhoneã®Safariã¯èªã¿è¾¼ã¿ãªãŒã‚‰è¡¨ç¤ºã—ã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€Webviewã§ã¯èªã¿è¾¼ã¿ãŒçµ‚ã‚ã‚‹ã¾ã§è¡¨ç¤ºã—ãªã„よã†ã«è¦‹ãˆã¾ã™ã€‚ Safariã¨åŒã˜ã‚ˆã†ã«èªã¿è¾¼ã¿ãªãŒã‚‰è¡¨ç¤ºã™ã‚‹ã“ã¨ã¯ã§ããªã„ã§ã—ょã†ã‹ï¼Ÿ ã¾ãŸã€å®Ÿéš›ã«iPhoneã®Safariã«æ¯”ã¹ã¦Webviewã¯è¡¨ç¤ºãŒé…ã„ãªã©ã‚ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ ã”å˜çŸ¥ã®æ–¹ã€ã”教授ãŠé¡˜ã„ã—ã¾ã™ã€‚
UIWebViewã§ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«æ›¸ã込む - kakushikaã®ãƒ–ãƒã‚°
UIWebViewã§èªã¿è¾¼ã‚“ã§ã„ã‚‹ç”»é¢ã«å¯¾ã—ã€HTML5ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’æ“作ã—ãªãã¦ã¯ãªã‚‰ãªã„å ´é¢ã«å‡ºãã‚ã—ãŸã€‚ javascriptã§ã®ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã®æ“作ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ <script type="text/javascript"> //セット localStorage.setItem(key, value); //å–å¾— localStorage.getItem(key); //削除 localStorage.removeItem(key); </script> ã‚‚ã£ã¨å¤§å¤‰ã‹ã¨æ€ã£ã¦ãŸã‚‰ã™ã”ãç°¡å˜ã€‚。。 UIWebViewã§ã¯stringByEvaluatingJavaScriptFromStringã¨ã„ã†ã‚‚ã®ãŒä½¿ãˆã‚‹ã€‚ UIWebView上ã§javascriptを追記ã—ã¦å®Ÿè¡Œã•ã›ã‚‹ã“ã¨ãŒã§ãる。 実際ã®ã‚µãƒ³ãƒ—ルã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ - (void)viewDidApp
Titanium 㮠WebView 㧠HTML をホスト – アカベコマイリ
Titanium ã® WebView 㧠HTML をホストã™ã‚‹æ–¹æ³•ã®è¦šãˆæ›¸ã。 目次 WebView アプリ㨠WebView 内ページã®é€£æº リソース HTML ã®è¡¨ç¤º サンプル アプリ WebView ã®ãƒã‚° WebView WebView 㯠Titanium.UI.WebView ã¨ã—ã¦å®šç¾©ã•ã‚Œã‚‹ãƒ–ラウザ コントãƒãƒ¼ãƒ«ã§ã‚る。URL ã‹ HTML ソースを指定ã™ã‚‹ã“ã¨ã§ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚例ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ã«ä½¿ç”¨ã™ã‚‹ã€‚ var window = Titanium.UI.createWindow(); // URL var webView = Titanium.UI.createWebView( { url: "http://www.example.com/" }); // HTML ã‚’ç›´ã«æŒ‡å®š var webView2 = Titanium.UI.createWebView( {
1
障害
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}