Every font. Every iOS version. Loading all fonts for iOS 70 %
調べては忘れを毎回繰り返すのもなんだかなーと思ったので、まとめておきます。 ちなみに、iOS/Androidのことしか書きません。 iOSは5以上、Androidは4以上のOSバージョンを対象としてます。 OperaとかMetroとかFireFoxとかは知りません!もっと頑張ってください! あくまでこの記事を投稿した時点でのものです! 全般 拡張子はpng 勝手に角丸になるので四角のまま書き出してOK Safari(iOS) いちおう公式のドキュメントはこちら。 Configuring Web Applications で、実は指定方法が2つありまして、 HTMLで指定する方法(おそらく一般的) ドキュメントルートに画像を配置する方法 以下それぞれ。 HTMLで指定する場合 <link rel="apple-touch-icon" href="/path/to/icon.png"> ってr
アプリケーションを起動した時に表示される画面をスプラッシュ(Splash)画面、またはローンチスクリーン(Launch Screen)と呼びます。アプリケーションにおいては、ユーザーが操作することのできない数少ない画面でもあります。 iOSではこのスプラッシュ画面はストア申請時に必須であり、使用するアプリケーションの向きや、対応デバイスのサイズに適しているものを提供する必要があります。個人的感覚ではありますが、いつもアプリケーションのビジュアルデザインや、アイコンのデザインが完了した後に即興で作られるということが多いのではないでしょうか。しかし、適当にスプラッシュ画面を作成するのではなく、サービスの性質や通信の有無などを考慮してデザインする必要があります。 ここで一旦、AppleのHuman Interface Guidelineを見てみましょう。 起動画像は、アプリケーションが起動するま
カメラアプリをつくる上で避けて通れない 撮影画面のお話。 こんにちは! わりえもん こと Lobi / FILTERS のデザイナーの 割石 です。 去年から OH (http://wariemon.com) という名前でも活動中です。 昨年末にリリースされた カヤックの新規カメラアプリFILTERS 、もう触りましたか? FILTERS が気になるかたはこちら! 今回は、フィルターカメラアプリの制作時に役立つ 「カメラフィルターアプリの撮影画面UIまとめ」のお話をします! あなたのつくりたいカメラアプリはどのパターン? カメラフィルターアプリにはまず大きくこの2パターンが存在します! この2パターンに分類して、UIの参考になりそうなアプリをまとめていきます。 1. フィルターをかけながら撮影できるアプリ 2. 撮影後にフィルター(編集)をかけるアプリ あなたのつくりたいカメラアプリはどち
作成:2013/08/12 更新:2020/01/06 Web制作 > 去年、アプリをリリースしました。アプリに関する知識など全くなかったんですが、意外と簡単に出来るもんだなぁと思いました。その時はアプリを作った後、登録関係や広告など時間を取られたり、調べるだけで時間がかかったので、今回はアプリを開発するときに知っておくと素早く先に進める、作って終わりにならない「収益を発生させるまで」をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 基本 1.予備知識と事前準備 2.実践 3.証明書/アクティベーション 4.Objective-C リファレンス 5.iPhone5に対応させる 6.プログラムがいらないツール 制作 7.デザイン 8.素材 9.UI作成ツール 10.解像度/チートシート 申請/登録 11.アプリ申請/リジェクト回避 12.アプリ登
初めてのiPhoneアプリを7日間で開発しました。 ウェブサイトの企画・制作が本業の僕にとって、アプリの制作はまったくの未経験。そのくせApp storeでリリースするところまで達成できたのは、 アプリ作成に挑む前の「気持ちの作り方」 技術不足を補ってくれるツール この2つのおかげだと思っています。 アプリの制作に挑戦し、途中で挫折してしまう失敗の原因に多いのは、身の丈に合わない難しすぎるアプリを作ろうとしてしまうことです。 僕の場合は、とにかくアプリを完成させることをゴールとして設定。開発期間を短縮してくれそうなツールがあれば利用することをアリとしました。 その結果、わずか1週間で初めてのアプリの制作を終えられたのです。 アプリをApp Storeからリリースしたことが「ある」と「ない」の差は自分にとっては大きく、ゼロから1にできたことへの達成感は今でも心に残っています。(この記事はアプ
Swift を学ぼう 弊社でも iOS エンジニアはもちろん、サーバーサイドのエンジニアや AWS エンジニアも Swift に興味津々です。Objective-C より読みやすく、モダンな書き方になっている反面、仕様を読み込んでみるとちょっと分かりづらいところもあったりします。 そこで、これまで Web で公開されている Swift について学べる記事を日本語の記事を中心にまとめてみました。今後も有益な情報が公開されたらガンガン追記していきます! 公式情報 一番有益な情報は間違いなく公式の情報です。 Xcode 6 から導入されたツール「Playground」で試しながら読んでいくことを想定して書かれているようです。Playground を使って挙動を確認しながら学ぶのが一番良いと思います。 Swift Programming Language | Apple Developer The
スマートフォン対応サイトにて、Galaxyで<input>にfocusをあてると、ウィンドウが変にスクロールしてしまうという問題が報告された。 いろいろ調べてみると、Android 2.2 では対応していないCSS3 Animationの指定をすると誤動作する、ということらしい。 jQTouchの場合 http://code.google.com/p/jqtouch/issues/detail?id=398 下記のようにCSSをデフォルト値で上書きすると症状がおさまる。ただし、iOSや2.2以外のAndroidにも影響を与えてしまう(画面遷移の際に点滅したりする)ので、UAで判定をかけてAndroid 2.2の場合だけ以下の指定になるように改造する必要がありそうだ。 body { -webkit-perspective: none; -webkit-transform-style: fla
Webkit 系の主要ブラウザがサポートする CSS グラデーションの構文の話です。 -webkit-gradient(linear[radial], ...) Google Chrome 4.0〜9.0 Safari 4.0〜5.0 iOS Safari 4.0.4〜5.0 (iOS 3.2〜4.2.1) Android 2.1〜3.0 -webkit-linear[radial]-gradient(...) Google Chrome 10.0〜 Safari 5.1〜 iOS Safari 5.1〜 (iOS 5.0〜) Android 4.0〜 http://caniuse.com/css-gradients Chrome 10 が出たのは2011年3月9日 Safari 5.1 が出たのは2011年7月20日 iOS 5 が出たのは2011年10月12日 最初の Android
Adobe Shadowとは まだ、プレビューリリースですが、かなり即戦力なソフト「Adobe Shadow」が昨日公開されました。 ウェブサイトのスマホ対応は、なかなか手ごわいテーマですが、このソフトをつかえば、 Win、もしくはMacのChromeで表示しているウェブサイトを、iOSデバイスや、Androidデバイスにて、 同時に表示してくれます。いちいち、スマホにアドレス打ち込んだり、タップしなくてもOK!チラ見でOK!! 検証作業のストレスが、圧倒的に軽減されます。 あと、ほかのサイトは、スマホ対応、どうしてるんだろうかといったとき、 Chromeでチェックすれば、デバイスでもすぐに表示されるので、他サイトの検証にも役立ちます。 ちょうどリアルタイムで、スマホ対応で泣いている僕に、希望の光をくれたこのソフトのために、 導入方法を紹介したいと思います。 ちなみに、デバッグ機能もあるの
アパレルサイトを運営する会社調査 アパレルサイトGRLは全身コーディネートを9999円以下で揃えられることが強みのECサイトです。そんなサイトを運営する会社の社内環境や取り組みなどについて徹底解説しちゃいます! 頭から足の先まで、全身に身に付ける衣服が全て揃って1万円を切ると聞くと、随分とお値打ちという気がしないでしょうか。毎日着る服ですが、コーディネートに困ってしまったり、新しく購入するにも値段が高いと感じる物があったりでファッションは難しいと感じている人もいるかもしれません。しかし、株式会社Gioが運営している女性向けのファストファッションブランド「GRL(グレイル)」なら、9999円以下で全身コーディネートができてしまうという、お得な買い物ができるのです。株式会社Gioがなぜこのようなブランドを展開しているのか、グレイルでは実際にどのような商品を扱っているのか紹介します。 女性向けの
iPhone 3Gのユーザさんは、先ごろリリースされた『iOS4』が、デバイスを遅くさせていることにお気づきかもしれません。『iOS4』の新機能よりも、従来のスピードを取り戻したいというユーザの一人、米Lifehacker編集長Adam Pashさんは、iOS4からiOS3.1.3にダウングレードしたそう。こちらでは、その方法についてご紹介します。彼と同様に、iOS4の遅さが気になる方は、まずは、一連の作業の流れに目を通した上で、実際にやってみるかどうかをご判断ください。 Adamいわく、WindowsとMac OS Xとは、ほぼ同じ方法でダウングレードできるだろうとのこと。ただし、RecBootの部分では、両者に違いがありますので、Windowsユーザの方は、RecBootのプロセスに特に注意してください。また、iPhone 3GSでも同じ方法でいけそうですが、米Lifehacker読者
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く