Mac版Safariではてなブックマーク拡張を使う
経緯Chrome/Firefoxのはてブ機能拡張は配布されているが、Mac版Safariの機能拡張は数年前から配布されていない。 Safariに乗り換える際の個人的な障壁であったが、Chrome版機能拡張をSafari向けに変換して利用する事ができたので、メモ代わりに記しておく。 必要なものmacOS Big Sur以降XCodeはてブ拡張をインストール済のChrome インストール手順1. Chromeのアドレスバーに「chrome://extensions/」と打ち込み、機能拡張の画面を表示する。 2. 同画面右上の「デベロッパー モード」をONにする。 3. 同画面内の「はてなブックマーク」の欄に表示されている「ID：xxxxxx」を次手順で使用する。 4. FinderでChromeのはてブ機能拡張がインストールされているフォルダが存在する事を確認する。 /Users/(ユーザー名
ITPのCNAMEクッキー規制について｜AD EBiS マーテック研究会
ご無沙汰しております。11月6日に、CNAMEレコードを使って付与された1st-party cookieの規制機能を搭載したiOS14.2がリリースされましたので、その内容をまとめます。いつものことですがマーケティングよりブラウザの細かい話です。正式発表前なので誤りの可能性がありますがご了承またはご指摘ください。 規制の仕組みまず規制されるのは、AppleのWebKitエンジニアJohn Wilanderさん（ITPの発明家）が「Third-party CNAME cloaking」として定義するものです。 Third-party CNAME cloaking means a first-party subdomain resolves to a third-party domain which does not match the resolution for the top frame
Bypass ‘Safari no longer supports the unsafe extension’ in macOS Mojave – George Garside
George Garside Blog A place of many ramblings about macOS and development. If you find something useful on here, it's probably an accident. Bypass ‘Safari no longer supports the unsafe extension’ in macOS macOS Safaritutorial 2018-06-06 2020-07-03 84 Install any extension blocked by Safari in macOS Mojave using Safari's developer tools from its safariextz file to bypass the error message ‘Safari n
一部バージョンのSafariをご利用の場合に、ログイン状態が正常に反映されないことがあります - はてなブログ開発ブログ
一部バージョンの Safari（macOS、iOS）をご利用の場合、はてなブログ内のログイン状態が正常に反映されないことがあります。例えば、ダッシュボードではログインしていても、トップページでは「ブログ開設」の案内が表示されるなど、ページによってログイン状態が異なって見える状況です。 これは macOS および iOS の Safari の初期設定にて「サイト越えトラッキングを防ぐ」がオンになったことによるものです。該当となるのは、macOS の Safari バージョン12.0以降 および iOS の Safari バージョン11.0 以降です。つきましては、以下手順で設定を変更を行うか、Google ChromeやFirefoxなど別のブラウザをご利用ください。また、はてなブログの利用にサードパーティCookieが必要な理由については、記事の後半をご確認ください。 設定方法 macOS
技術系の洋書をたらふく読もう！ - セキュアスカイプラス
注: この記事の内容は2018年12月に執筆された時点の情報です。この記事で紹介していますACM Professional Membershipの特典であるO’Reilly Online Learning（旧O’Reilly Safari Books Online)へのアクセスは2022年7月1日から利用できなくなります。詳しくは ACMによるアナウンスをご覧ください。 事業開発部と研究開発部に属している宇田川です。 最初に言っておきます。今回はAWS WAFの記事ではないですよ～ 今回は私の読書について、お伝えいたします～ SSTでは過去２つの読書記事があります。 第1弾 読まずに読む！？私の読書法 第2弾 積読を消化する技術 そして、今回勝手に第3弾です。 今頃かいっ！的な方々もいらっしゃるかもしれませんが、Safari Books Onlineという技術系洋書が読み放題のサービスがあ
macOS Safariを12にしたらはてなブックマーク機能拡張がなくなった際の解決法
macOSでSafariが12にバージョンアップしました。喜びいさんでアップデート後、どんな機能が追加されたのかとわくわくしながら起動すると、こんなダイアログが…。 人によって違うと思いますが、私の場合は10個くらい機能拡張がやられた気がします。使っていないものもあったので大半は良いのですが、はてなブックマーク機能拡張が使えなくなったのが痛いです。ということで解決法。 はてなブックマーク機能拡張をダウンロード はてなのサイトから機能拡張をダウンロードします。 Safariでも快適ブックマーク！はてなブックマークSafari拡張登場！ 機能拡張を解凍 ターミナルを開いて、~/Downloads に移動します。 機能拡張はドキュメントなどのフォルダに移動しておいた方が良いはずです（未検証）。ダウンロードから消してしまうと動かなくなるかも。 Safariで開発者メニューを追加 Safariの環境
PWA 入門 〜iOS SafariでPWAを体験するまで〜 2019年7月更新 - Qiita
What's PWA ? Progressive Web Apps （プログレッシブ ウェブ アップス）の略 Googleが推進している、モバイルユーザーの体験（UX）向上を目的とするプロジェクト・技術のこと PWAは、わざわざApple StoreやGoogle Play Storeからインストールする必要はありません 不安定なネットワークでも迅速に起動し、関連性の高いプッシュ通知を送信することができます。 ホーム画面にアイコンを表示することができ、トップレベルの全画面表示で読み込むことができます。 ▼このように、Webサイトを直接ホームに追加することでアプリケーション化されます 導入事例 大手WEBサイトからで導入がはじまりつつあります コンバージョンアップにも効果的です Trivago https://www.trivago.com Twitter Lite https://mobi
Adobe Announces Flash Distribution and Updates to End
Adobe has announced it will stop distributing and updating Flash Player at the end of 2020 and is encouraging web developers to migrate any existing Flash content to open standards. Apple is working with Adobe, industry partners, and developers to complete this transition. Apple users have been experiencing the web without Flash for some time. iPhone, iPad, and iPod touch never supported Flash. Fo
safariのcookieポリシー変更により、Criteoの株価が約300億円吹き飛ぶ - adworld’s diary
safari のdesktop browserの規約変更をappleがアナウンスしたことでCriteo(Nasdaq)は300億円ほど、株価が下がった。 これは直近55USDから45USDと約10%株価を落としたことにより、6/13時点で約30億ドルとすると3億USD = 約327億円失ったことになる。 adexchanger.com この理由として、考えれているのが、WWDC 2017で発表されたIntelligent Tracking Prevention（ITP）という機能。 www.gizmodo.jp 要するに 3rd party cookie は1日以内しか保持されない。 1st party Cookie自体は30日以内しか保持されない。また会わせて自動再生動画広告もブロックすることになる。 appleの記事より索引 これにより、 計測および、リターゲティング用cookieが保
JSerのための ブラウザコードリーディング （テスト編）
Meguro.es x Gotanda.js #1 in Drecom https://meguroes.connpass.com/event/49543/
暮らしに役立つITコラム ChromeやSafariの自動入力機能が、なぜ「悪いデザイン」なのか
autofill_ui.md 見た目の上で、隠されているフィールドに対しても自動入力してしまうという問題が話題になっている(2017年1月) https://github.com/anttiviljami/browser-autofill-phishing のだけれど、この問題の歴史はとても古い。自分も調査したり問題を報告したりしているので、振り返ってみる。 2012年の話 2012年4月のShibuya.XSS #1 https://atnd.org/events/25689 で、Hamachiya2が発表した http://hamachiya.com/junk/x-autocompletetype.php この問題に関連して「手の込んだクリックジャッキング」を使って情報を盗み出すデモを作った。 https://plus.google.com/112675818324417081103/
WebDriver Support in Safari 10
As web content has become increasingly interactive, responsive, and complicated, ensuring a good user experience across multiple platforms and browsers is a huge challenge for web developers and QA organizations. Not only must web content be loaded, executed, and rendered correctly, but a user must be able to interact with the content as intended, no matter the browser, platform, hardware, screen
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
iOSアプリ最新バージョンをリリース！ Safariやニュースアプリでもコメントが読めるようになりました - はてなブックマーク開発ブログ
本日、iOSアプリ「はてなブックマーク」バージョン3.11をリリースしました！ 「Safari」「Chrome」「Firefox」などのブラウザアプリや、「Yahoo!ニュース」「スマートニュース」などのニュースアプリ、「feedly」「Sylfeed」「Inoreader」などのRSSリーダーから、直接はてなユーザーによるブックマークコメントが読めるようになりました！ 他のカテゴリへの導線も考え直しました。今回のバージョンから、各カテゴリタブの [人気] で右スワイプ、もしくは [日めくり] で左スワイプすると、[他のカテゴリを見る] ボタンが表示されるようになりました。はてなブックマークのさまざまなカテゴリをお楽しみください。 他にも、特定ユーザーの全コメントを非表示できるようになったり、アプリ内ブラウザからリンク共有しやすくなったりなど、多くの新機能を含むアップデートとなりました。さ
Safari 9.0 の JS で「同じ関数を繰り返し実行しただけで返り値が変わる」という強烈なバグが発見されてる - Qiita
Webkit の Bugzilla で強烈なバグが報告されていると、同僚に教えて頂いた。 あまり話題になっていないものの、単純ゆえに強烈なバグだと思ったので Qiita にも公開しておく。 https://bugs.webkit.org/show_bug.cgi?id=151354 にそのバグ報告が上がっている。 最初に Google+ でやりとり があった模様。 URL のクエリ文字列から値を取り出す関数が正常に動作していないことから発覚したようだ。 その後は、簡単なテストケースに落とし込まれ jsfiddle というサイトにテストケースが公開されている。 Safari でこのページを開くと、実際に JavaScript を実行して確認できるようになっている。 続報 (2015.12.14) この記事を上げてすぐに Bugzilla の方で進展があった。 Yusuke SUZUKI さん
iOS9 のリリースでクックパッドに起きたこと - クックパッド開発者ブログ
こんにちは、技術部モバイル基盤グループの茂呂(@slightair)です。 モバイル基盤グループでは、クックパッドの iOS/Android アプリに関する様々な仕事をしています。 不具合を抑え、品質を保ちながら安定してリリースサイクルを回せる環境づくり アプリの開発者がサービス開発に専念できるように、コードリファクタリングやライブラリの整備 OSやライブラリ、開発ツールのバージョンアップに伴う調査・検証・対応 この記事にはiOS9がリリースされた結果、クックパッドのサービスに何が起き、どういう対応をしてきたかをまとめます。 Universal Links iOS9 で Universal Links という機能が入りました。これは、Safari で開いた Web ページ中のリンクに対応したアプリが端末にインストールされていれば、アプリでリンク先のコンテンツを表示できるというものです。 う
iOS 9の人気「広告ブロック」アプリ、公開2日で取り下げ──「多くの人を傷付けるから」
コンテンツブロッカー機能は、AppleのWebブラウザ「Safari」で表示するサイト上の広告を表示させず、クッキーによる追跡も遮断できる機能。利用するには、Peaceのようなサードパーティー製のアプリ（Safariの拡張機能）をインストールする必要がある。 コンテンツブロッカーを有効にすれば、わずらわしい広告が表示されないだけでなく、ページの読み込みも速くなり、広告を悪用するマルウェアも回避できるなど、ユーザーにとっては便利だが、一方、広告を主な収入源としてコンテンツを製作・無料提供しているWebサイトにとっては売り上げ減に直結する。 Peaceの開発者であるマルコ・アーメント氏はアプリを取り下げる理由として、このアプリでは行儀の良い広告（小さなバナー広告など）も悪い広告（いきなり全画面を占領したりユーザーをしつこく追跡するものなど）も同じに扱っており、これをホワイトリストなどで調整する
Apple PDF Crasher - Apple製PDFレンダリングエンジンのDoS脆弱性
Apple PDF Crasher - Apple製PDFレンダリングエンジンのDoS脆弱性 English 一般ユーザ向けの解説 問題の概要 Apple製のPDFレンダリングエンジンには、 細工されたPDFファイルを開くことでアプリケーションクラッシュを起こすDenial of Serviceの脆弱性が存在します。 対象 全てのバージョンのMAC OS Xに付属するPDFレンダリングエンジン(ビューア、safari等から利用されるもの) 全てのバージョンのiOSに付属するPDFレンダリングエンジン Safariのコンポーネントを使用しているアプリケーションも含む(アプリケーション全体がクラッシュする) 作り方 ghostscriptのcidfmap.localにに以下の記述を追加します。これはgnuplotで出したEPS内で日本語を使うために必要です。 Fedoraで記述しているため、他
iOS「はてなブックマーク」アプリをアップデートしました。iOS8の新規機能「App Extension」に対応し、Safariなどから簡単にはてなブックマークに投稿できるようになりました - はてなブックマーク開発ブログ
本日、iOSアプリ「はてなブックマーク」をバージョン2.14にアップデートしました。今回のアップデートでは、iOS8で新たに追加された「App Extension」に対応しました。この機能により、Mobile Safariやその他のアプリのシェアボタンから、簡単にはてなブックマークへ記事を投稿することが出来るようになります。 本告知投稿時点では、まだiOS8がリリースされていないため利用できませんが、iOS8がリリースされましたらOSのアップデートを行って、是非本機能をご利用ください。 Mobile Safari で App Extension を有効にするには 初期状態では、はてなブックマークの App Extension が無効の状態になっていますので、下記の手順で有効にしてください。 Mobile Safariでシェアボタンをタップ App Extension対応アプリ一覧の一番右「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to install extension in Safari by AppleScript