Core Imageを用いたリッチな画面遷移アニメーション #cm_ios9 - Over&Out その後
昨日、クラスメソッドさん主催の勉強会『iOS 9 週連続 Bootcamp！2週目』にて登壇させていただきました。 Core Image Tips & Tricks in iOS 9 from Shuichi Tsutsumi タイトルにある "Tips&Tricks" はWWDCのセッション名でもたびたび使われている用語で、Tricksというのは「コツ」とか「うまいやり方」みたいな意味らしいです。 こういうタイトルにしたのは、（資料冒頭にもある通り、）新しく追加されたフィルタを紹介したところで *1、カメラアプリとかつくってる人でもないとあまり使う機会がないわけで、定員150名という大きい勉強会で話す内容じゃないよなぁ。。と悩み、なるべく多くのアプリ開発において普遍的に役立つような内容を、とアレコレ考えた結果、次のような切り口で話すことにした次第です。 Apple も UI で多用する「
Introducing the New System Fonts ― WWDC 2015 - Videos - Apple Developer
Collections Audio & Video Design Developer Tools Graphics & Games Maps & Location Privacy & Security Safari & Web System Services Platforms iOS iPadOS macOS tvOS visionOS watchOS Audio & Video 35:51 Editing Movies in AV Foundation macOS Learn how to use the new AVMutableMovie class to modify media files and simplify your editing workflows. See how to support segment-based editing and discover the
Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能（OSX版含む） CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。
iOS, Mac, win, Androidのアプリアイコンサイズまとめ | Goodpatch Blog
こんにちは！ 最近Goodpatchでアプリの制作依頼をいただくようになったので、この機会にアプリを作る際に必要なアプリのアイコンサイズを一通り調べてみました！ 調べたのは以下の6種類です。調べた限りこれらがまとまっている記事がなかったのでMEMOPATCHで記事にしました。（サイズは全てピクセルです） ◯PC ・Mac OS ・Windows XP ・Windows 8 ◯モバイル ・iOS ・Android ・Windows Phone 7 16 x 16（icon_16x16 .png） 32 x 32（icon_16x16@2x .png） 32 x 32（icon_32x32 .png） 64 x 64（icon_32x32@2x .png） 128 x 128（icon_128x128 .png） 256 x 256（icon_128x128@2x .png） 256 x 25
レベルデザインに遺伝的アルゴリズムを活用する
2015年Apr6日レベルデザインに遺伝的アルゴリズムを活用する こんにちは。オインクゲームズの新藤です。 先日、弊社のデジタルゲーム第二弾となる「OLYM」がリリースされました。OLYM はターン制限のあるパズルゲームで、各ステージごとに決められたターン数が設けられてています。このターン数以内に目標を達成できないと、クリア失敗になってしまいます。そのため、このターン数をどう決めるかが、難易度に大きく影響する一因となっています。OLYM では、ステージごとのターン数を決定するのに遺伝的アルゴリズムを活用したので、今日はそれをご紹介します。 最終的にやったことは非常にシンプルです。端的に言えば、AI に実際にパズル解かせて、何手で解けたかをレベルデザインの参考にするということです。この AI を作る際に、遺伝的アルゴリズムを活用しました。そもそもは「自動でパズル解いてくれる AI がいたら面
iOSアプリの様々なUXを比較できるサイト「UX Archive」 | ライフハッカー・ジャパン
「UX Archive」はiOSアプリの様々なUXを比較できるサイトです。カテゴリ別でiOSアプリのUI、UXがまとめられています。一部はアニメーション付で確認できますよ。また、iOS 6とiOS 7のUXの違いを比較したコーナーもありました。 以下に使ってみた様子を載せておきます。まずUX Archiveへアクセスしましょう。「Booking」のカテゴリを見てみました。 このように旅行の予約関連のアプリがずらりと並び、それぞれのアプリのスクリーンショットが貼られています。マウスオーバーするとアニメーションが再生されるものもあります。 iOS6とiOS7の比較もありました。iOSアプリのUI・UXを考えるときに参考にできそうですね。モダンなUXはどのようなものなのか、調査できそうです。ぜひご活用ください。 UX Archive （カメきち）
React Native ファーストインプレッション - Qiita
React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデータバインディングとか、諸々が一緒。従って React.js でアプリケーションを作ったことがあれば、学習コストをほとんどかけずにアプリが作れる･･･かも 例えば以下のように、入力値をそのまま画面にエコーするアプリケーション。 これはこんな感じのコードになる。 var React = require('react-native'); var { AppRegistry, StyleSheet, T
[iOS 8] Safari 8 でIndexedDBが使えるようになった！ | DevelopersIO
一つのローカルDBに複数のストア(テーブル)を保持できるのは魅力ですね！ 実装方法 今回はindexedDBの簡単な動作検証をしてみたいと思います。 詳細な実装に関しては、弊社メンバー執筆した以下の記事をご覧いただければと思います。 【HTML5】Indexed Database API を真面目に勉強してみる [HTML5] Indexed DBで検索結果をキャッシュする ブラウザが対応しているかのチェック IndexedDBが対応しているのを確認する手っ取り早い方法として、windowオブジェクトにIndexedDBプロパティがあるかで確認することができます。 IndexedDBプロパティの記述方法として、各ブラウザが対応しているベンダ・プレフィックスを付けて記述して確認してみます。 var indexedDB = window.indexedDB || window.mozIndex
![[iOS 8] Safari 8 でIndexedDBが使えるようになった！ | 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)
React Nativeを触ってみた - Qiita
朝起きたらこんなページを見つけたので15分だけ触ってみた。 基本的な導入は以下にあるが、ここでは最低限動くまでメモ。 http://facebook.github.io/react-native/docs/getting-started.html 1. 準備 React Nativeを動かすには、最低限nodeとreact-native-cliが必要になる。 上記をインストール後、react-native initでプロジェクトを作成する。 $ brew install node $ npm install -g react-native-cli $ react-native init AwesomeProject $ cd AwesomeProject $ tree -L 2 . ├── AwesomeProject.xcodeproj │ ├── project.pbxproj │
スマートフォンアプリでリアクティブプログラミングをしているが、Promiseとデータバインディングとして使っている - ninjinkun's diary
このところ、複数の人からリアクティブプログラミング（RP）ってつまり何なんですかと聞かれることがあった。そのたびに非同期データストリームが…みたいな説明をしていたのだが、たいてい双方納得した感じにはならなくて、まあ難しいっすね…という感じで終わってしまっていた。 iOSとAndroidでの用途 自分は理論より実践からしか考えられないタイプなので、もっと現場寄りの説明ができないか常々考えていた。そこで自分がiOSとAndroidアプリを実装する際に使っているReactiveCocoaとRxJavaの用途を考えてみたところ Promise（の高機能版） 複数のAPIコールを連鎖させたい場合にコールバックヘルを避けたい データバインディング（の高機能版） Modelの変更とViewの変更を同期したい の2つがメインだった。 この2つはRPライブラリを入れなくても実装できる。JavaScriptな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
