2. 自己紹介 Tachibana Kaoru - iOS Engineer at VOYAGE GROUP - Twitter: @TachibanaKaoru - Blog: http://www.toyship.org/ • WWDCは2010,2015に参加 © TachibanaKaoru 2 4. What is Contents Blocker • iOSやMacでSafariに表示する項目を、自動的に制限する機能 • Macでは、Safari Pluginとして提供される • iOSでは、Today WidgetやShare ExtensionのようにApp Extensionとして提供される © TachibanaKaoru 4 5. What is Contents Blocker • ブロックする対象 • cssで指定された特定の要素を非表示にする • 特定のファイル

ここ1.5年くらいSublimeText2をメインエディタとして利用していたのですが、1ヶ月程前にAtomに完全移行しました。まだ動きが不安定な部分はありますが、パッチはすぐに当たりますし、有志の方々のおかげでパッケージが揃ってきたこともあり、大分手に馴染んできたので、利用しているパッケージとパッケージ管理について、自分の頭の整理も含め紹介してみたいと思います。これから使ってみようと思ってる方や、使い始めた方へ少しでも参考になれば幸いです。 追記 2014-11-13 パッケージ一覧にask-stackを追加 2015-01-10 パッケージ一覧のみ抜粋し、Qiitaに移管しました。パッケージに関してQiitaの記事をご参照ください。 パッケージ一覧 atom-beautify (https://atom.io/packages/atom-beautify) 各種言語のフォーマッター それ

今作っているアプリのリソースを作っているところ。アプリのスクリーンショットを撮影して、広告はそのままだとアレだからモザイクかけたいなーと思っていろいろ調べてたら、いつのまにかプラグイン作っていました。 github.com Sketch3でモザイクのかけかた そもそもぐぐっても情報がでてこなかった。blurでごまかせないかな―とやってみたけど、今ひとつ使えるものではなかった。 インターネットで調べてもやり方がでてこないから、自分でなんとかせんとなーと考えていると、Fireworksでのモザイクの書け方を思い出した。 Fireworksではレイヤーを縮小して拡大することでモザイクを実現していた。縮小するときに複数のピクセルが１つのピクセルになることを利用して実現していた。Sketch3でもできるんじゃないかと試したところ、できた。 モザイクをかけたいレイヤーを選択 Scaleで5%に縮小 L

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Reactの良いところは表示されている状態を管理する必要なく、ただバーチャルDOMに描画すればReactがいいように仕上げてくれるところにあります。これはWebだけでなく、React Nativeのようにアプリでも使える考えと言えます。 他にもWindowsやMac OSXでもReactの考えが取り入れられていくかも知れません。そんな中、いち早くReactを取り込んだのがreact-blessedで、CUIの世界で実現しています。 react-blessedの使い方 例えばこんな画面です。この時点で頑張りすぎな気もしますが。 そしてこれがreact-blessedを使うとこんな感じに動くわけです。 そして以下がそのコード。面白いので全部載せます。 import React, {Component} from 'react'; import blessed from 'blessed'; i

ios9からコンテンツブロッカーが導入され、アドブロック出来るようになりました。 これまでにもアドブロックする拡張機能はありましたが、認知も含め拍車がかかるかもしれません。 そこで、アドブロックを導入しているユーザーに対して、コンテンツを見せることを制限したり、「広告で成り立っているから、アドブロックを解除してね」とメッセージを表示したりするサイトも中にはあります。 そのように何かしらのアクションを起こすのにアドブロックを導入しているか検知をするのに、FuckAdBlockというのが使えそうです。 実際にios9で、Crystalというコンテンツブロッカーを導入し、FuckAdBlockのサンプルサイトを見てみました。 通常（コンテンツブロッカー非導入時） コンテンツブロッカー導入時 #導入方法 fuckadblock.jsというのを読み込みjsで判別出来るようになるみたいです。詳しくはg

先日のCocoa勉強会で話してきたので整理しとく。 まとめ dyldはdarwin(OS X, iOS)のld(1)。 ldのLD_*環境変数と同様に、DYLD_*環境変数で動作を制御できる。 OS X 10.11では、DYLD_*環境変数が無効にされるケースがある見込みだぜ。 dyldと"DYLD_"ではじまる環境変数 dyldはOS X/iOSのダイナミックリンカで、ライブラリやフレームワークをロードするプログラムです。man DYLD(1)にあるように、"DYLD_"ではじまる環境変数で動作を変更することができます。UnixやLinuxのLDでいうところのLD_LIBRARY_PATHやLD_PRELOADの類ですね。 すっごく雑に分けると、これらの環境変数は ライブラリの探索方法を指示 DYLD_*_PATH: 探す場所を指示する。 DYLD_IMAGE_SUFFIX: デバッグ用

画面をスワイプして、右や左から出てくるメニュー。 Androidでいう、NavagationDrawer。 iOS,Android両方の開発を行っていると、片方ではOS自体がサポートしているので実装が簡単だけど、もう片方では、サポートしていないなんてことがよくあります。 □MMDrawerController Objective-Cで利用するなら、このライブラリが使いやすいのですが、Swiftで使おうとすると、Bridging-Header.hを噛ませても、動きません……。 代換として、 □DrawerController を利用してみます。CocoaPodsからのインストールをしてみましたが、動きません……。 ままならないものです。 どうやら、プログラム自体の問題ではなさそうなので、下記のファイルを直接配置してみます。 AnimatedMenuButton.swift DrawerBar

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

WWDCで新しいiOS9の機能がいろいろと発表されましたが、Safariでの表示項目を制限することが 「コンテンツブロッカー」機能については、Web業界の方はちょっと気になるのではないでしょうか。 さっそく調べてみました。 （なお、この記事はAppleが一般に公開している情報を元に書いています） コンテンツブロッカー コンテンツブロッカーとはiOSやMacでSafariに表示する項目を、自動的に制限してくれる機能です。 iOSでは、コンテンツブロッカーは、Today WidgetやShare ExtensionのようにApp Extensionとして提供されます。 Mobile Safariでwebを見る時に、cssで指定された特定の要素を非表示にしたり、特定のファイルを読み込まないようにすることができます。 Safari以外のブラウザ（Chromeなど）には影響がありません。 また、iO

ヒョーゴノスケ @hyogonosuke イラストレーター。映画ドラえもんポスター/ドラえもんカレンダー/ポケモンカード/なつもん！/カービィ絵本/東京オリンピックアニメーション/ジャンプ系作品グッズ/暗号クラブ/ホラー横丁13番地/パンドランド/ 仕事のご依頼はこちら→hyo_gonosuke@hotmail.com https://t.co/qzpF7tR0Y3

今開発中のPlayer!のログイン・登録画面で、こんな進捗表示をしていますが、これ実はフェイクだったりします(　´･‿･｀) (Qiitaの画像サイズ制限が厳しくて粗いです。キレイなものは実際にアプリダウンロードしてご覧下さい。) 経緯 元々、この画面はこういう進捗表示では無く、単にインジケーターがクルクルするだけで、進捗状態が分からないものでした。 特にネットワークが悪いところだと、バグって固まってしまったのでは？とユーザーを不安にさせるようで、たまにそういう声を聞くことがありました。 登録フローは大事なところなので、そういうところでこれが原因で離脱してしまうと残念なので、改善が必要でした。 そこで、ネットワーク処理にもたつきつつもちゃんと正常に処理をしているということを示すために、進捗を表示することにしました。 ただ、例えば大きな画像などメディアファイルダウンロードなどならともかく、こ

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

Mobile apps and viewing content on the web are ubiquitous now. For years, iOS developers have been charged with either creating their own web viewing experience inside their app or handing off the URL to Safari. Both of these approaches bring inherent disadvantages that were previously unavoidable. That's all changed with iOS 9 and the introduction of the SFSafariViewController class. With it, you

iPhoneでも「PDFに保存」ただしiBooksへ保存されます Macユーザーなら定番の機能として利用したことがある人も多いプリントから「PDFに保存」にする機能。この機能に似たものがiPhoneでも利用することが可能になりました。 iOS 9で利用できる「PDFに保存」はiBooksのアクションとして追加された機能で、Safariで表示されているページをiBooks内にPDFとして保存することが可能です。 iOS 9「PDFで保存」の方法SafariでPDFで保存したいページを表示させ、画面下にあるシェアアイコンをタップ。表示されたメニュー内にある「PDFをiBooksに保存」を選択すればOKです。 iPhoneで表示されている状態のページがそのままPDFとして保存されるので、そのまま保存するとモバイル表示になります。PC版のサイトを保存したい場合は、表示をモバイル（iPhone）から

高機能で美しい インターフェイスはやはり2015年度版という感じはしますが、UIはある程度設定で変更出来ます。インターフェイスデザインは5年たったらがらりと流行りが変わるので便利かもしれませんね。 ドラッグ&ドロップサポート もちろん普通にアップロードする事も可能ですが、それ以外にドロップアンドドロップにも対応しているという事です。 同時に複数のファイルをアップロード可能 幾つかのファイルを同時にアップすることが出来ます。先にアップロードするファイルを選び、一斉アップロードも出来ますし、一つ一つアップロードすることも可能です。 対応デスクトップブラウザ まさかのIE6から対応。 Google ChromeApple Safari 4.0+Mozilla Firefox 3.0+Opera 11.0+Microsoft Internet Explorer 6.0+ 対応モバイルブラウザ Ap