ごきげんよう、菊太郎です。 iOS 9にアップデートしたら「Safariで見たサイトが文字化けする」という現象が発生しているようです。 残念ながら文字化けしてしまう原因はwebサイト側にあるため『Sa…
ごきげんよう、菊太郎です。 iOS 9にアップデートしたら「Safariで見たサイトが文字化けする」という現象が発生しているようです。 残念ながら文字化けしてしまう原因はwebサイト側にあるため『Sa…
EasyRamble は、技術ネタや子育て、英語学習、アウトドアなどについて綴るブログです。Ruby on Rails や Swift などで、Webサービス/アプリを作っています。 Swift と Xcode を使っての iOS 開発で、ToDo アプリを作ってみる開発のチュートリアルです。ちょっと長いですが、スクリーンショット付きで Xcode の操作方法を解説して、必要となる Swift のソースコードも全て掲載しています。以下画像のような、オーソドックスな ToDo アプリを作っていきます。 Todo アプリを操作するデモ動画を YouTube に上げました。以下から確認できます。 Swift/iOS Todo App demo | YouTube 私は Swift と Xcode に取り組み始めて1ヶ月程度の iOS 開発の入門者です(記事公開時の2015年6月当時)。iOS 開
最近、スマートフォンを中心にドロワーメニューが流行っている。こういうやつ。 実装するのは極めて簡単で、トリガーとなるボタンが押されたらメインのコンテンツ部分に transform: translateX( 100px ) みたいにして動かすだけ。で、閉じるときにはその値を 0 に戻す。 ただこれ、固定ヘッダーを用いる場合には iOS でちょっと壁にぶつかる。iOS では GPU アクセラレーションが有効になっている要素内の全ての要素で position: fixed が position: relative のように振る舞われるためだ。 一度でもドロワーメニューが開かれれば translateX が当たっているので、その要素内に固定のヘッダーとかを持っている場合には固定されなくなってしまうのだ。 対応策は、 固定ヘッダーをやめる translateX の代わりに left プロパティを使う
はじめに iOSアプリの開発時に使用しているツールやWebサービスを用途別にまとめてみました。 目次 WebAPIの動作を確認したい JSONのフォーマットを検証したい とりあえず、アプリにダミー画像をいれたい それっぽい写真やアイコン素材を入れたい RGB値から16進数のカラーコードからへ変換したい iOS 7以降のシンプルなデザインに合いそうなカラーコードを取得したい 特定の住所の緯度経度を取得したい iOSプロジェクト向けの.gitignoreファイルを入手したい WebAPIの動作を確認したい DHC - REST/HTTP API Client APIにリクエストを投げて結果を確認することができるChrome拡張です。開発中のAPIの動作検証に使用することができます。リクエストヘッダやボディなどの設定を保存することができるので開発中の確認に便利です。 その他のツール Postma
「iOS 8」のSafariでは、簡単なアクションでPC用サイトを表示することができます。スマートフォン向けサイトでは埒が明かなくて、たまにPC向けサイトを見たくなることがありますので、これはありがたいですね。解説します。 「iOS 8」SafariでPC用サイトを表示する方法 SafariでPC用サイトを表示したいページを表示、URL部分をタップします。↑のような画面になったら、矢印のように下に引き下げます。 すると‥‥ 「デスクトップ用サイトを表示」というメニューが現れますので、それをタップするだけです。 iPhoneのSafariから、PC用サイトを表示しているところです。それにしても「iPhone 6 Plus」なら、普通にPCサイトも閲覧できてしまいそうですね。
何かとバグだらけで不安になる「iOS 8」だが、意外と知らない便利な機能もまだまだありそうだ! 今回紹介するのは知っているだけで文字入力が快適になる「iOS 8」のちょっとした小技。具体的には「」(カギカッコ)の入力、郵便番号からの住所の入力、時間や日付の入力が簡単になったのだ! 以下、それぞれを紹介しておく! 「や」を左右にフリックすれば「」が爆速入力できる 「」を多用する僕としては、「や」を左右にフリックすれば「」が表示されると気づいた時の衝撃は相当なものだった。テンションが上がりすぎて隣に松岡修造がいたらビックリするような雄叫びを上げた。心の中で。 「iOS 8」からは「や」を左右にフリックすることによってカギカッコが簡単に入力できるようになっている。たったそれだけだが、多用する人にとっては非常に嬉しいアップデートだ。 「」を入力すればカギカッコ以外にも()や【】なども予測変換候補と
iOS 8では、アプリを切替える画面に、連絡先の「よく使う項目」「履歴」が表示されます。 便利なようで「うざい」と感じることもあるこの機能は、設定で非表示にすることができます。 アプリの切替え時に表示される画面がこちら。 連絡先に写真を設定していないと、右のようにシルエットのアイコンが並んで見た目もよくありません。 この表示をオフにするには、 「設定」>「メール/連絡先/カレンダー」>「Appスイッチャーに表示」 へと進み、項目をオフにします。 電話やメッセージをよく使うひとには便利な機能ですが、そうでない場合はオフにした方がスッキリするかもしれません。 ジャマだなと思った方はお試しを。 * iPhone 6、iPhone 6 Plusがついに発売!最新の価格・キャンペーンはオフィシャルサイトでご確認下さい。 SoftBank オンライン ドコモ オンライン au オンライン Apple公
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか? TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版
by @mixiappwchr iOSで開発する上で見ておくべきサービスやツールをまとめてみました。 ほかにもたくさんあると思いますが、基本的なやつを集めました。 アプリ配布 depolygate https://deploygate.com/?locale=ja 旧TestFlightがオワコンのため、今ではDeployGateを使うしかありません! まだTestFlight使ってたの?急げ!終了目前のTestFlightから,今すぐにiOSもDeployGateに移行しよう!移行パターンも紹介するよ。 CI Circle CI https://circleci.com/ iOS対応されアプリもクラウドでCI クラッシュログ Crittercism https://www.crittercism.com/ ユーザービリティテスト Repro https://repro.io/ リモートで
画像を表示しようとしたら遅いよ! 外部データを取ってきて表示するときにまずはまるのが画像の処理だと思います。非同期で必ず処理しましょう。 画像の非同期ロードはライブラリを使った方が早いと思います。 ヘッダーやフッタをつけたいよ! tableView.tableHeaderView tableView.tableFooterView に突っ込む方法を書いてあるのが多いんですが、今回はもっと簡単な方法としてStoryboardなどでこれらのビューを直接突っ込んで管理できるのでおすすめ。 テーブルビューの上や下にUIViewをドラッグすると UIViewをIB上で直接追加できます。 後はIBでレイアウトをくめばok 使用するクラス、フレームワーク、ライブラリ ビュー UITableViewController https://developer.apple.com/library/ios/doc
これからiOSアプリ開発をやりたい!という人へ 自分が実際にiOSアプリ開発をやって、便利だったと思う情報を残しておきます。 これからアプリ開発やりたいという人の参考になれば。 iOSアプリ開発の第一歩 まずは間違いなくMacを買うこと。 Macを書いましょう。Windowsじゃ開発できません。 MacじゃないとiOSアプリの開発はできないので、 これがないとお話になりません。。。 インストールしておくもの 基本的にXcodeさえインストールしておけばアプリの開発はできます。 Mac App Storeからダウンロードできます。 実機インストールやApp Storeに公開したい場合は、 iOS Developer Programを購入する必要があります。 まずはこれを読むべき Appleのドキュメント集(日本語訳Version) https://developer.apple.com/jp
みなさん新しいプログラミング言語を習得しようとした際に、どんな形で勉強を始めますか?私はとりあえずチュートリアルをやってみて外観をつかんでからリファレンスなどを漁っていくタイプのようです。ということで、iOSアプリ開発を勉強するためにウェブから無料でできるiOS7のチュートリアルをいくつかピックアップしてきました。これで最新のiOSの開発事情を知りつつアプリ作れるようになりましょう! iPhoneアプリ開発入門 (全14回) Dotinstall:iPhoneアプリ開発入門 (全14回) まずはDotinstallのチュートリアル。とりあえず触って動かしてみていろいろなUIパーツを使って見るまで。日本語+動画で理解するアプリ開発入門。 iOS 7 Best Practices; A Weather App Case Study iOS 7 Best Practices; A Weather
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く