透過PNGをSVGを利用して軽くするテクニック
透過PNGは現状では唯一に近いフルカラーの透過画像を作成する手段だが、ファイル・サイズが大きくなりがちだ。対してJPGはファイル・サイズという点で大きく優るが、透過することは出来ない。このあちらを立てればこちらが立たずの問題をSVGのマスク機能を使って透過だけを受け持つPNGとJPGを組み合わせることで両立させるテクニックを知った。 透過させた画像をまず普通に作る。それから透過してないJPG画像と、透過を反転させてマスクに使うPNG画像を生成する。それらをHTMLでSVGのmask要素をインラインに書くことで組み合わせる。ベースとなるJPG画像が一般的にファイル・サイズに優れ、マスクに使うPNGは空白が多いこと、SVGの記述はごく短いもの、というわけで最終的に低ファイル・サイズが実現できる。 SVGのセキュリティ上の制限により、HTMLにインラインで記述するケースでしか使えないのでCSSの
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
OSC広島と中国地方DB勉強会に参加しました。
かねてから予告していた通り、OSC広島と中国地方DB勉強会（第5回）に参加させて頂いた。両方のイベントがこの土日で連続して行われたので、いずれのイベントにも遠方からの参加者がたくさんいて盛況だったように思う。OSC広島ではデモマシンの展示を、中国地方DB勉強会ではスライド（MySQLのトラブルシューティングについて）の発表をそれぞれやらせて頂いたので、今日はその報告をさせて頂こう。 OSC広島に持っていったデモマシン既にツイッターやFacebookで目にされた方もいらっしゃるかも知れないが、今回展示したマシンのコンセプトは「持ち運べるMySQL Clusterのデモ環境」というものだ。MySQL Clusterを動作させるためのBeagle Bone Black 6台と、コンソール用のRaspberryPi、100Mbpsのネットワークスイッチ、薄型のモバイルモニター、トラックポイントつき
Free iOS 8 Illustrator vector UI kit - Mercury Blog
We’re back with an iOS 8 update to our popular iOS Illustrator UI kit! Last month we released our free vector UI kit for iOS 7. We have a history of offering such resources, but we were admittedly late to the game. We assumed the iOS 7 document would be useful until iOS 8 was released and by your responses, we were correct. We’re thrilled that so many of you have found it helpful. However, we also
App Store Marketing Guidelines - Apple Developer
Preferred Badges Use the preferred black badge in all marketing communications promoting your app. The gray border surrounding the black badge is part of the badge artwork and should not be modified. Whenever one or more badges for other app platforms appear in the layout, use the preferred black badge. Place the App Store badge first in the lineup of badges. Alternative Badges The alternative whi
[iOS 8] Swiftでデザインパターン No.1 Singleton | DevelopersIO
はじめに これから数回に渡り、Swiftでデザインパターンを実装していきます。 Swiftはとてもシンプルに記述ができるため、工夫次第でコードを短くできますが、 私はあえてクラス図通りに書いてみようと思います。 そうすることで、できること/できないことが見えてきて、Swiftについて深く学べるのではないかと考えました。 よって、ここでの目的はデザインパターンの習得ではなく、Swiftについて理解を深めることとします。 余裕があれば、Swiftならではの記述もしてみよう思いますのでお楽しみに。 Singleton Singletonとは 英単語Singletonには以下のような意味があります。 一枚札 単独で活動する人（物） Singletonパターンは、そのクラスのインスタンスが1つしか生成されないことを保証することができるデザインパターンです。 クラス図 ポイント 同じ型のインスタンスが
![[iOS 8] Swiftでデザインパターン No.1 Singleton | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b9b98d8423d1943cae402d21764bf51589e811b/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F11%2Flogo_swift_400x400.png)
[iOS 8] HealthKitを実装する(2) HealthStoreへデータを保存する | DevelopersIO
HealthStoreにデータを永続化する実装例 実際に体温をHealthStoreに永続化するサンプルを作ってみます。 HealthKitを使用するクラスファイルではHealthKit.frameworkをインポートする必要があります。HealthKit.frameworkはHealthKitの有効化と同時にプロジェクトへ追加されます。以下のようにクラスファイルの先頭で宣言して下さい。 import HealthKit ※事前に、StoryboardからUITextFieldのtfBodyTemperatureをIBOutletで接続してあります。 /** 引数に渡された文字列を指定のデータへ変換してHealthStoreへ永続化します。 渡される文字列は、Double型へキャスト出来る形式である必要があります。 :param: unit 健康情報の単位型 :param: type 健康
![[iOS 8] HealthKitを実装する(2) HealthStoreへデータを保存する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f1fde3cff7767965729d2d96d3e31da5b8a643d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F11%2Feyecatch_developers.io_1200x630.jpeg)
[iOS 8/Xcode 6] Localization がより簡単になりました | DevelopersIO
Localization がより簡単に！ Xcode 6 では Localization (多言語化) に関する機能が増強され、より簡単に管理できるようになりました。どのような点に変更があったか確認していきましょう。 XLIFF のインポートとエクスポート Xcode 6 では新たに XLIFF (XML Localization Interchange File Format) 形式によるローカライズデータのインポート/エクスポートがサポートされました。XLIFF はソフトウェアや文書の国際化・翻訳のために開発された XML ベースの規格です。Storyboard や InfoPlist、Localizable.string などのようなローカライズの対象となるファイルの各種設定値を言語毎に XLIFF 形式で書き出すことができます。 書き出す方法は非常に簡単で、プロジェクトを選択した状
![[iOS 8/Xcode 6] Localization がより簡単になりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b92dfecc1683bd6bd1943840e9d28953e3b81b2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F09%2Ficon-xcode-6.png)
[iOS 8/Xcode 6] SwiftではじめるiOS開発 #2 [データ保存] | DevelopersIO
ただいま基本動作を絶賛学習中です。 データ保存 アプリを作成しているとデータを永続化して保存する（アプリを終了しても保存されている）ことは、ほぼ必須の基本的実装だと思います。 iOSには、データを保存する方法としてはプロパティリストや、NSUserDefaults、CoreDataなど、いろいろと方法があります。 まずは、入門ということで使用頻度が高く、実装が容易なNSUserDefaultsをSwiftで実装してみます。 プロジェクト作成 SingleView Application でプロジェクトを作成します。 作成したプロジェクトのMain.storyboardを開き、以下のようにオブジェクトを配置しました。 続いて、controlキー + ドラッグ＆ドロップでsaveボタン、loadボタンのactionを設定します。 最後に、TextFieldと、Labelのオブジェクトも紐づけて
![[iOS 8/Xcode 6] SwiftではじめるiOS開発 #2 [データ保存] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
[iOS 8] Android脳に効く！新言語「Swift」超入門 #5 クラスとストラクチャ | DevelopersIO
クラスとストラクチャの違い クラスにはなじみがあると思いますが、ストラクチャはあまり聞き慣れない言葉かと思います。クラスとストラクチャの大きな違いは、クラスは参照型でストラクチャは値型だということです。クラスはそのオブジェクトのやりとりを参照ポインタで行いますが、ストラクチャはその都度値がコピーされます。 ストラクチャはクラスのように継承等は出来ませんが、値を定義したいときに活用できる便利なタイプです。 クラスとストラクチャはそれぞれ次のように定義します。 Swift Code // クラスの定義 class SomeClass { } // ストラクチャの定義 struct SomeStructure { } 一見すると名前が異なるだけのような印象を受けると思いますが、先述した通りインスタンス化した時にクラスは参照がわたされ、ストラクチャはコピーが渡される点で大きく違います。 その他、共
![[iOS 8] Android脳に効く！新言語「Swift」超入門 #5 クラスとストラクチャ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/3190787130630b2360ac1998e73609ef2efc37f8/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F09%2Fswift_with_android.png)
[Swift] VVDocumenter-Xcode で Swift プロジェクトの API ドキュメントを記述する | DevelopersIO
VVDocumenter-Xcode VVDocumenter-Xcode は iOS アプリの API ドキュメントを効率的に書くための、一番有名な Xcode プラグインです。「///」と入力するだけで構文を自動入力してくれます。 Swift でも使えないかなぁ？と思って改めて Readme を読んでみたら次のような記述がありました。 Swift Support Yes, this plugin supports documentation for Swift now. Check this post from @mattt to see how to write the documentation for swift. By using VVDocumenter-Xcode, you can just type /// to make the magic happen. お！できるよ
![[Swift] VVDocumenter-Xcode で Swift プロジェクトの API ドキュメントを記述する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8795c64527cfaed8ded2bedc348e198965dbeb2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fswift.png)
[iOS 8] マップアプリの新機能「Flyover City Tour」で世界を旅しよう！ | DevelopersIO
3D機能「Flyover」 iOS 6のマップは「パチンコガンダム駅」など色々あって、かなり酷評されていましたが、Flyoverという3D表示の機能も搭載されていました。iOS 6では主要都市であるアップル本社（クパチーノ）、シカゴ、コペンハーゲン、ラスベガス、ロサンゼルス、マイアミ、モントリオール、サクラメント、サンフランシスコ、シアトルでしたが、iOS 7からは、殆どの主要都市で利用できるようになっています。 写真は、iOS 8のFlyover機能で表示したクラスメソッドがある秋葉原です 「Flyover City Tour」機能を使ってみよう Flyover City Tourが対応している都市は、以下になります。私の調べた範囲では以下になります。実際は、他にも色々あると思います。 ニューヨーク バルセロナ ローマ パリ 東京 サンフランシスコ サンノゼ ストックホルム ケープタウン
[iOS 8] CTRubyAnnotationRef を使って文字にルビを付ける | DevelopersIO
CTRubyAnnotationRef iOS 8 の Core Text フレームワークに CTRubyAnnotationRef という文字にルビを付けるためのクラスが登場しました。下図のように、テキストにふりがなを付けるといったようなことが実装できます。 文字にルビを付けてみよう Core Text を使って描画する場合は、次のように記述します。 @import CoreText; // 読み CFStringRef writing = (__bridge CFStringRef)@"安西先生"; // ふりがなの配列 CFStringRef furigana[kCTRubyPositionCount] = { (__bridge CFStringRef) @"あんざいせんせい", NULL, NULL, NULL }; // ルビ CTRubyAnnotationRef ruby
[iOS 8] NSExtension系APIに触れてみる | DevelopersIO
iOS 8 及び OS X 10.10 より、app extension が追加されました。 自分が作った以外のアプリに向けて、拡張機能を提供することができるようになったのです。 何らかの拡張機能を作るために必要となってくるのが、いわゆる NSExtension 系のクラスなどです。 この記事では、その概要に触れてみようと思います。 NSExtensionContext & NSExtensionItem データを、host app（拡張機能を呼び出すアプリ)とやりとりする時に欠かせないのが、NSExtensionItem クラスです。 画像やテキスト等様々なデータを保持するよう記述することができます。 また、NSExtensionContext クラスは、extension が実行されるコンテキストを定義するためのクラスです。 主な用途しては、inputItems プロパティを用いて、N
[iOS 8] App Extension #1 – App Extension を実装するための基礎知識 | DevelopersIO
App Extension App Extension は、アプリの機能の一部を他のアプリからシームレスに利用できるようにするための仕組みを主とした新機能です。 iOS では、下記の6種類の Extension を作成することができます。 Today Share Action Photo Editing Document Provider Custom Keyboard この記事では、上記の各種 Extension の開発に共通する概念を説明します。 Extension と containing app Extension はアプリの機能を拡張するためものですので、必ず特定の iOS アプリに紐づくことになります。Extension は単体で ipa を作成することはできません。リリースビルドする際には、紐づくアプリにバンドルされる形で ipa が生成されます。このため、Extension
[iOS 8] CloudKit を使ってみよう (4) Push 通知を利用する | DevelopersIO
CloudKit で Push 通知 これまでレコードの保存や検索などの操作について触れてきましたが、今回は CloudKit の Push 通知機能について解説したいと思います。CloudKit はデータストレージだけではなく、このストレージを活用した Push 通知を実装することができます。何だかとっても mBaaS っぽいですね。 Push 通知を受け取ってみよう 今回は「Memo」という名前の Record Type を対象に、レコードが追加/更新/削除されたら Push 通知を送る機能を実装してみたいと思います。 Remote Notification を有効にする まずはアプリで Remote Notification を受け取るようにしましょう。基本的にはこれまで通りの方法と一緒ですが、CloudKit を利用している場合は Certificate の登録は不要です。これ結構
[iOS 8/Xcode 6] Launch Screen (スプラッシュ画面) を Interface Builder で作成できるようになりました | DevelopersIO
新規プロジェクトを見てみると… 何気なく Xcode 6 のリリース版で新規プロジェクトを作成してみると… お！LaunchScreen.xib というファイルがありますね。このファイルは Xcode 6 から新しく作られるようになったわけですが、これは Launch Image のようにアプリ起動時に表示されるスプラッシュ画面のファイルです。いままでは画像ファイルしか使えませんでしたが、何と XIB ファイルを指定できるようになりました。 設定方法 Launch Screen はプロジェクト設定の「General」の「App Icons and Launch Images」から設定できます。XIB ファイルと Storyboard ファイルが指定可能です(Storyboard ファイルを指定した場合は Initial View Controller に設定している View Contro
[iOS 8/Xcode 6] SwiftではじめるiOS開発 #3 [API取得＆JSONパース] | DevelopersIO
ただいま基本動作を絶賛学習中です。 API取得 最近のアプリでは、API取得処理がほぼ必須の技術になってきているので、その辺りを実装してみたいと思います。 今回は以下のライブラリを使用しました。 NSURLConnection (API取得) NSJSONSerialization (JSONパース) プロジェクトの作成 まずはSingle View Applicationで新規プロジェクトを作成します。 storyboardでviewを設定します。今回は、NavigationBarとButtonを以下のように設置しました。 Buttonを設置したので、actionを紐づけておきます。 まずはviewの設置が完了しました。これからAPIの取得を実装していきます。 APIの取得 取得するAPIデータとして、今回は HeartRails Express の都道府県データを使用させていただきまし
[iOS 8] マルチデバイス対応の新機能「Trait Collection」 | DevelopersIO
Adaptive なアプリを作ろう iPhone 6 / iWatch が発表され、iOS に新しい画面サイズのデバイスが仲間入りしました。おそらく今後も新しい画面サイズの iOS デバイスが登場してくるでしょう。このことから、各画面サイズに応じたアプリにすることはもはや必須要件と言えるでしょう。 このことはもちろん Apple も考慮しており、iOS 8 から Adaptive という概念が導入されました。Adaptive とは適応性という意味です。つまり画面サイズが小さくても大きくても、それぞれの画面サイズにうまく適応させて設計していきましょうという考えかたです。 ということで、本稿では iOS 8 からのマルチサイズに適応させる方法について解説します。 Size Class これまで iPhone / iPad の判定や Portrait / Landscape の判定には UIUs
[iOS 8] UIAlert, UIActionSheet から UIAlertController へ | DevelopersIO
[iOS 8] UIAlert, UIActionSheet から UIAlertController へ UIAlert, UIActionSheetに取って代わるUIAlertController iOS 8では新しいUIAlertControllerというクラスが追加されました。これは従来のUIAlert, UIActionSheetに取って代わるものです。UIAlert, UIActionSheetは今のところほとんど変更が無いようですが、わざわざ同じ機能の新しいクラスを追加したということはしかるべき変更が後に行われる可能性が強そうです。 今回のサンプルコードです。 ViewController.swift import UIKit class ViewController: UIViewController { @IBAction func alertButtonDidTouch
[iOS 8] CloudKit を使ってみよう (2) レコードの追加/更新/削除 | DevelopersIO
CloudKit ストレージを使ってみよう 前回は、CloudKit の概要について解説しました。CloudKit がどういった場面で使えるのかお分かりいただけたかと思います。今回は、CloudKit ストレージを使ってデータを追加、更新、削除する処理の実装方法を解説したいと思います。 プロジェクトの設定 アプリから CloudKit ストレージを利用するためには、プロジェクトの設定の Capabilities で CloudKit ストレージを有効化する必要があります。 CKContainer と CKDatabase CloudKit では、コンテナでデータを管理します。コンテナはアプリ用の iCloud ストレージに割り振られ、そのアプリ専用のコンテナとして機能します。コンテナを操作するには CKContainer クラスのインスタンスを使います。defaultContainer()
[iOS 8] UITableViewRowActionでセル編集機能をカスタマイズする | DevelopersIO
UITableViewCellの編集機能カスタマイズ UITableViewCellをスワイプした際に編集する機能は、標準で提供されていましたが、その機能の詳細なカスタマイズに関しては、標準には提供されておらず、OSSを用いれば実現することが可能でした。 今回iOS 8で新しく標準のAPIとして編集機能カスタマイズのためのUITableViewRowActionクラスと、UITableViewDelegateに設定の為のtableView:editActionsForRowAtIndexPath:メソッドが追加されました。 サンプルコード サンプルプロジェクト全体はこちらの方に上がっています。今回はその一部の実装を見ていくことにします。 import UIKit class MYViewController: UIViewController { @IBOutlet weak var ta
[iOS 8] HealthKitを実装する(3) HealthStoreからデータを取得する | DevelopersIO
HealthStoreからデータを取得する実装例 アプリケーションがHealthStoreからデータを取得する場合、永続化する場合と同様にユーザーの許可が必要です。 以下はHealthStoreに永続化された体温を全件取得するサンプルです。 /** HealthStoreから引数に渡されたデータ型に一致する健康情報を全件取得します。 :param: unit 健康情報の単位型 :param: type 取得したいデータ型 :param: completion 取得完了時に実行される処理 */ func findAllHealthValueWithUnit(unit: HKUnit!, type: HKQuantityType!, completion: ((query: HKSampleQuery!, responseObj: [AnyObject]!, error: NSError!)
[iOS 8] Android脳に効く！新言語「Swift」超入門 #2 Optional基礎 | DevelopersIO
Optionalってなんだろう？ Optionalとはその名の通りオブジェクトにオプション（選択権）を持たせる機能です。 Swiftではオブジェクトを堅牢に扱えるように、変数・定数にnilを代入することが禁止されています。しかし、このままでは「オブジェクトが存在しない状態」を扱うことができません。 そのため、SwiftではOptionalによって「nilの保持」というオプションを持たせ、状況によって選択できるようにしています。 CHECK! Android開発者にはなじみのないnilですが、Javaでいうところのnullと同じようなものだと考えておけばよいでしょう。しかし、実際には別物であるということを忘れてはいけません。 イメージをつかむ JavaにはOptionalのような機能はありません。実際のコードを見てイメージをつかんでみましょう。 Java Code String firstN
[iOS 8] UIAlertView と UIActionSheet が deprecated になった | DevelopersIO
UIAlertController iOS8 からは UIAlertView, UIActionSheet が deprecated となり、替わりに UIAlertController という新規のクラスを使うことが推奨されました。 これらの違いを一言で説明すると、 ボタンがタップされた時の処理を UIAlertView, UIActionSheet はデリゲートメソッドで実装する UIAlertController はブロックで実装する となっています。 サンプルコード（アラート） 実行時の画面 従来のコードで記述 アラート表示処理 [[[UIAlertView alloc] initWithTitle:@"Title" message:@"Message" delegate:self cancelButtonTitle:@"Cancel" otherButtonTitles:@"OK
fluentd初心者がgitlabとChatWorkを連携してみた - くりにっき
こんにちは、fluentd歴2週間です（挨拶） 会社でGitlabとChatWorkを使ってるので連携してみました ゴール Gitlabのリポジトリが更新されたらChatWorkに通知を流す fluentdに至るまでに考えた構成 gitlabのwebhookを受けてChatWorkに通知するアプリを作る 問題点 GitlabとChatWorkが密結合 汎用性がない オレオレアプリ増やしたくない gitlabのwebhookをJenkinsで受けてChatWorkに通知 webappの部分がJenkinsになっただけ 問題点 ChatWorkに通知するだけでジョブ追加するのは大げさ 通知対象のリポジトリ増やす度にジョブコピペつらい fluentdを使ってみることにした fluentdは使ったことなかったけどどんなものかはなんとなく知ってた webhookを受けることは出来るけどChatWor
PC/スマホでは無いWEBアプリ開発の話 -ハイブリッドキャスト編-
こんにちは、Monaca for Hybridcastチーム、斉藤です。 さて、今回はテレビの一つの未来であるハイブリッドキャストという規格をエンジニア目線から、さらにそのためのツールとして弊社で開発したMonaca for Hybridcastについて語ってみたいと思います。まじめなWEBアプリ開発の話ですが、中々触れる機会が少ないとは思いますので、楽しんで読んでいただければと思います。 以下見出しです。 * ハイブリッドキャストとはなんぞや * ハイブリッドキャストの制限 * Monaca for Hybridcastで解決できること * 課題 * 余談 ハイブリッドキャストとはなんぞや ハイブリッドキャストとは、従来のデータ放送をさらに進化させ、放送 ＋ WEBという形でテレビ内にコンテンツを表示する規格です。 従来のデータ放送で可能であった放送連動コンテンツの表示に加えて、CSS3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fluentd ソースコード完全解説 (v0.10向け)
Fluentd ソースコード完全解説 at RubyKaigi2014 : sonots:blog