[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/beb33b90a7fa6d5cf0df879805592d5a32e95181/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV2ViVmlldyVFMyU4MiVCNyVFMyU4MyVBQSVFMyU4MyVCQyVFMyU4MiVCQSVFMiU5MSVBMiU1RCUyMCUyMFdlYlZpZXclRTMlODElQUYlRTMlODAlODElRTMlODMlOUElRTMlODMlQkMlRTMlODIlQjglRTUlODYlODUlRTMlODElQUUlRTMlODIlQTIlRTMlODMlQjMlRTMlODIlQUIlRTMlODMlQkMlRTMlODElQjglRTMlODMlQUElRTMlODMlQjMlRTMlODIlQUYlRTMlODElQTclRTMlODElOEQlRTMlODElQUElRTMlODElODQlRUYlQkMlOUYlRUYlQkMlOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTNiYTE3MzEwNmQyMTZmNjI4YmEzMzM4YWJjYjI5ZWQx%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBlS3VzaGlkYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9M2QwYTlhNTJjNzUzNmQwOTk5NTA3NDgxZTRlMmZjZmE%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U1RW44OG44OD44Kv%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D561479e188727ed0744dd4a6d0b8d25f)
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
はじめに 初歩的なエラーかと思いますが、私が初心者のため備忘録を含め記録として残したいと思います。 結論:ターミナル上でnmp initを実行後npm install -save ejsを実行する。 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 (m
![Node.js:[Error: Cannot find module 'ejs']の対処方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ba732d77b00afbbaea509c2778190bf4b6f6b03/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Tm9kZS5qcyUzQSU1QkVycm9yJTNBJTIwQ2Fubm90JTIwZmluZCUyMG1vZHVsZSUyMCUyN2VqcyUyNyU1RCVFMyU4MSVBRSVFNSVBRiVCRSVFNSU4NyVBNiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWE5ODNkZDhjOWMxMjMwYWIyZjUzMjkyYjhiN2MwNTU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQXRzdXNoaV8mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWM3OTI4ZmU5YTgxOTMzMTExZTY1NWFlMDI5YTg1N2Mx%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dc7893bb4709c038944b9f997664b0645)
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
WKWebViewのestimatedProgressが1.0になったら自然にUIProgressViewが非表示になるように見せるiOSUIProgressViewUIWebViewSwiftWKWebView はじめに 業務で UIWebView から WKWebView の移行を今更ながらやっております。 個人アプリだとまず WKWebView とか SFSafariViewController などを 選ぶわけですが，昔からのアプリだとまだ UIWebView だったり普通にありますよね・・・ UIWebView の方は読み込み開始時に UIActivityIndicatorView を出して， 読み込み完了時に消す(ぐるぐるのやつ)という実装やっていましたが， WKWebView は estimatedProgress という読み込み具合の値が取れるので， その値を見て Navi
【Swift】Storyboardを使わずシンプルなタブブラウザを作る② - Qiita
let viewController: BrowserVC = BrowserVC() ↓ let viewController: TabVC = TabVC() // // 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, UICollectionViewDe
【Swift】Storyboardを使わずシンプルなタブブラウザを作る① - Qiita
はじめに いままではObjective-CでiOSアプリを作っていましたが 最近Swiftの勉強を始めました。 ポチポチWeb上のサンプルコードを叩いていましたが 何か目的を決めないと捗らないな・・・ということで WKWebViewを使ってタブブラウザを作ってみようと思います。 今回はStoryboardは使わずコードのみで作ります。 実装する機能はシンプルに ・トップページにGoogleを表示 ・タブ切り替え ・ブックマーク機能 ・履歴閲覧機能 あたりで、3~4回くらいに分けて進めていきます。 アプリのイメージ こんな感じ(笑) 作業の流れ ↓の感じで進めます 1.WKWebViewでGoogleを表示 2.検索バーの機能実装 3.タブの一覧画面実装(タブの追加・削除) 4.ブックマークの一覧画面実装(追加・編集・削除) 5.履歴の表示機能実装(削除) 6.微調整 ブックマーク・履歴はS
WKWebView で Basic 認証がかかったページへアクセスする方法 - Qiita
WKWebView では WKNavigationDelegate の webView:didReceiveAuthenticationChallenge:completionHandler: を実装することになります。 認証が必要なサイトにアクセスした場合、ユーザー名、パスワードの入力を求めるアラートを表示するようにしてみました。 func webView(webView: WKWebView!, didReceiveAuthenticationChallenge challenge: NSURLAuthenticationChallenge!, completionHandler: ((NSURLSessionAuthChallengeDisposition, NSURLCredential!) -> Void)!) { let alertController = UIAlertCon
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ページを開く
SwiftのWebviewを使うと表示が遅い件の解決策