タグ

ブックマーク / dev.classmethod.jp (4)

  • [iOS 7] Xcode 5 で始める Auto Layout 入門 #6 – 補足編 | DevelopersIO

    補足事項まとめ 今回は、前回まで説明してきた内容の補足事項についてまとめたいと思います。 iOS 6 以前のデバイスでの表示互換性 iOS 6 以前のデバイスでの表示を修正する 前回作成したレイアウトを iOS 6 以前のデバイスで表示してみましょう。すると、下図のように上側の UIView とステータスバーの間に間隔がありません。 iOS 7 では、ステータスバーは透明でコンテンツ部に覆い被さるものに変更されました。そのため、このレイアウトで問題なかったのですが、iOS 6 ではこのレイアウトは不自然です。 この問題を修正しましょう。 制約を再設定する まず、上側の UIView に設定されている親ビューの上端との間隔に関する制約を選択して削除します。制約の削除は、制約を選択後、delete キーを押下することでできます。 次に、再度親ビューの上端との間隔に関する制約を追加します。上側の

    [iOS 7] Xcode 5 で始める Auto Layout 入門 #6 – 補足編 | DevelopersIO
    SOMTD
    SOMTD 2013/12/13
  • 【実案件で使える?】Photoshop CS6のプラグイン「Cut&Slice me」を使ってみる | DevelopersIO

    僕はWebデザインをするときPhotoshopを使う人なんですが、Photoshopのスライスはあまり便利ではありません。 そこで最近このプラグイン「Cut&Slice me」を実験的に使っています。 今後長期的に使えるかはわかりませんが、1ヶ月ほど使ってみて便利だなと思ったのでサンプル作成と合わせて紹介します。 このプラグインの利用にはPhotoshop CS6が必要です。 Cut&Slice meプラグインでできること Cut&Slice meはPhotoshopのスライスを使わずに、レイヤー名に処理用の宣言を行いそれにそって自動書き出しが行われます。 Photoshopのスライスを使わず一括書き出し レイヤー名に宣言をつけることで書き出しを制御 レイヤー名を画像の名前にできる 他のレイヤーに影響されずに書き出せる 切り出し領域をシェイプで制御 ボタンの状態ごとに書き出し PC、And

    【実案件で使える?】Photoshop CS6のプラグイン「Cut&Slice me」を使ってみる | DevelopersIO
    SOMTD
    SOMTD 2013/12/10
  • [iOS] 複数のStoryboardを使って画面遷移を作成する | DevelopersIO

    単一のStoryboardでうまく画面遷移を表現できない Storyboardを使ってアプリを作成していると、画面遷移の定義が楽な反面、巨大なStoryboardが生まれてしまったり、うまくSegueで表現できずに同じような画面遷移を2度定義してしまったりすることがあります。このため、Storyboardの使用をあきらめようとする事もあるかと思いますが、Storyboardを分割するとうまい具合に実装できることもあります。 そこで今回は、複数のStoryboardを利用して画面遷移を作成する方法をご紹介したいと思います。 開発環境 今回の開発環境は下記の通りです。 OSX 10.8 Xcode 4.6.1 iOS SDK 6.1 ソースコードはGitHubで公開しています。 共通の画面遷移を別のStoryboardに切り出す 共通の画面遷移部分を再利用したい NavigationContr

    SOMTD
    SOMTD 2013/09/01
  • node.jsのいろいろなモジュール16 – socket.io-clientで同時接続のテストとか | DevelopersIO

    socket.io-client socket.ioはWebsocketやHTTPポーリング等、適切な接続を自動的に切り替えて双方向通信を実現してくれるライブラリです。 そしてsocket.io-clientはsocket.ioでサーバへ接続するためのクライアント用ライブラリです。 これを使用すればコンソールから複数のsocket.io接続をテストすることができます。 今回はこのsocket.io-clientを使って、コンソールからsocket.io接続を行なってみましょう。 環境構築 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.8.15 npm : 1.1.66 適当なディレクトリを作成し、そこでnpmを使用してsocket.ioとsocket.io-clientをインストールしましょう。 % mkdir client %

    node.jsのいろいろなモジュール16 – socket.io-clientで同時接続のテストとか | DevelopersIO
  • 1