iOSDC 2017 LT

React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ 作者: 松澤太郎出版社/メーカー: マイナビ出版発売日: 2018/08/29メディア: 単行本（ソフトカバー）この商品を含むブログを見る ここ2週間ちょっとReact NativeでiOSアプリ書いてました。 サーバサイドをメインでやってきた自分にとって面白い技術で、今後も趣味で使ってみたいなと思えているのでTipsや所感を残しておきます。 目次 選定理由 Tips エラーハンドリング・状態管理 入力欄をキーボードの出現に合わせて動かすアニメーション 今回使ったライブラリ react-native-focus-scroll react-navigation react-native-vector-icons react-native-camera react-native-vid

1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタッチでできる 便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。 公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl

先週 (2016/11/16) の「Microsoft Connect();」イベントでアナウンスのあった通り、 Mac 用の Visual Studio がついに（Preview版で）リリースされましたね！ Visual Studio for Mac！！ インストールはこちらから(無料)： visualstudio.com/vs/visual-studio-mac/ それを実際に触ってみましょう！ (このツールの目玉はバックエンド(サーバサイド)のプロジェクトまで一緒に作ってくれることだけど、 取り敢えず入門記事として、最初はクライアントだけのものを作ります！) VS for Mac でスマホアプリのテンプレートを「新規作成」 まずVisual Studio for Macを開きます。 VS for Mac が起動し、スタートページが開きます。 「New Project(プロジェクトの新

iOSオールスターズ2 https://eventdots.jp/event/602872

こんにちは、投稿開発部の森川 (@morishin127) です。クックパッド、お料理アルバム、みんなのお弁当の iOS アプリの開発等に携わっています。 クックパッドでの開発は GitHub Enterprise 上で行われており、書いたコードをプロダクトに取り込む前には基本的に第三者のコードレビューが必須です。コードレビューはプロダクトの品質向上に貢献していますが、往々にして結構な時間と労力がかかるものです。Pull-Request を出してレビューをしてもらい指摘の修正を繰り返していると、場合によってはマージに数日〜1週間ほどかかってしまうこともあります。自分の開発速度を速めるため、また周りのエンジニアの開発速度を下げないためにレビューしやすい Pull-Request を出すことは重要です。この記事ではレビューしやすい Pull-Request のために心がけていることを紹介したい

Kivyプログラミング ―Pythonで作るマルチタッチアプリ― (実践Pythonライブラリー)posted with カエレバ原口 和也 朝倉書店 2018-06-25 Amazonで探す楽天市場で探すYahooショッピングで探す 目次 目次 はじめに 1. iOS,AndroidのGUIを作ることはできない。 2. ライセンスが微妙 kivyとは? 各プラットフォームへのインストール方法 Macへのインストール Macへのインストール(for iOS) Ubuntuへのインストール Windowのインストール 各プラットフォームでHello world GUIを表示する方法 MacでのHello world GUI UbuntuでのHello world GUI WindowsでのHello world GUI iOSでのHello world GUI 1. アプリのディレクトリを作

皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな

手持ちのiPadやiPhoneをUSBケーブルで接続するだけでWindows PCやMacの外付けディスプレイとして活用できるアプリが「Duet Display」です。2014年にMac版がリリースされて以来、登場が待たれていたWindows版もついにリリースされたので、この機会に使ってみることにしました。 Duet Display - Ex-Apple Engineers Turn Your iPad into a Second Display for your Mac http://www.duetdisplay.com/ Duet Display on the App Store on iTunes https://itunes.apple.com/us/app/duet-display/id935754064 というわけで、編集部で使っているWindowsノートPCとiPad Ai

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog どうも、ヤフーの佐野（ @taketo1024 ）です。先日引っ越しをしまして、張り切って自分でタンスを運んだりして今とても筋肉痛です。 皆さんは Objective-C から Swift への移行は進んでいますか？弊社ではまだ Obj-C で書かれているプロジェクトは多くあります。世に出ている iOS アプリも多くはまだ Obj-C で作られているんじゃないかと思います。 Swift もオープンソース化され、この先その進化のスピードはさらに増してくるはずです。そこでチーム内で開発を進めていた Obj-C → Swift コンバータ を大幅に改良しオープンソースで公開することにしました！この記事ではその導入と活用の方法を説明します

全体像 Xcodeの全体像と各部位の名前は次のようになります。 １つのツールバーと４つのエリアで構成されています。 ナビゲータ領域／ユーティリティ領域／デバッグ領域は必要に応じて隠すことが出来ます。 ナビゲータ領域／ユーティリティ領域は状況に応じて中に表示する情報を切り替えることができます。 デバッグ領域の中は２つの表示領域があり、必要に応じて一方を隠すことができます。 ツールバー ツールバーにはよく使う操作のショートカット置かれています。 実行 スキーマ（Scheme：実行環境）の切り替え エディタ領域の表示切り替え ナビゲータ領域／ユーティリティ領域の表示非表示を切り替え どの操作もよく使いますので、キーボードショートカットを覚えるまではツールバーにはよくお世話になるかもしれません。 ナビゲータ領域は３つの領域で構成されます。 ナビゲータバー：本体領域に表示されるナビゲータを切り替えま

会員事業部の三木(@giginet)です。 この記事では、業務改善のために開発者向けのツールをSwiftで開発してみたため、その知見についてお伝えしたいと思います。 なお、この記事はXcode7.1上でSwift2.1を使った開発を前提としています。 作ったもの クックパッドiOSアプリでは開発の際に、新しい機能を実装したり、インターフェイスを改善したあとにiOSシミュレーターの動画を撮影しPull Requestに貼り付けています。 動画を撮影する際には、汎用的にスクリーンキャストを撮影する社内ツールを使っていたのですが、使いづらい面も多かったため、 簡単にiOSシミュレーターの操作をアニメーションgifとして記録したいという需要がありました。 そのため、空き時間を使って、簡単なユーティリティを実装しました。 なぜSwiftで作るのか 今回は、OS Xの開発用SDKであるCocoaを使い

どうも、Stackoverflow活動中の koogawa です。 Stack Overflow活動 がんばるぞい from Kosuke Ogawa 毎日少しずつ、自分が力になれそうな質問に回答していった結果、おかげさまで本日 1000 reputation を突破しました！＼(^o^)／ というわけで、今回はStackoverflow活動の中で得たノウハウや、おすすめの使い方をまとめてみたいと思います。 回答じゃないならコメントで たまに質問に対して 「情報が少なすぎて答えようがない」 「試してないけど、多分できるんじゃない？」 といった回答をしている人がいますが、それは「回答」ではないですね。（ひどい場合は回答がdown voteされることもあるので注意） reputation が 50 以上あれば、質問に対してコメントをつけることができるので、不足している情報を質問者から聞き出すと

こんにちは、Swift言語にどっぷり浸かってる渡部です。 Swift言語でプログラミングを始めて数ヶ月経ちます。 今回は、気になったことや、覚えておきたい事、Java などの他のオブジェクト指向言語でプログラミングされていた方が Swift言語の実装で詰まりそうな事をまとめてみました。 環境は、Xcode 6.1.1を使用しています。 モダンプログラミング言語、Swift にしびれた！ １．for 句 ３種類の記述が可能です。 for – in 文を使って、要素分ループします。

連載目次 前回の「スマホ世代でも分かるMacの基本的な使い方＆Xcodeをインストールする手順」では、Macの基本的な使い方とiOSアプリの開発用アプリケーション「Xcode（エックスコード）」をインストールし、起動するところまでを解説しました。iOSアプリはどのような環境で開発できるのか、ご理解いただけたかと思います。 また前回、Xcode 6.2ではiPhone／iPadアプリのみならず、2015年4月24日に日本でも発売開始となって話題のApple Watchのアプリも作れるようになったことに触れました。Apple Watchを手に入れた方は、本連載を読んでアプリ開発に挑戦してみてください。Apple Watchが使われるのは、これからなので、画期的なアイデアを思いついてアプリを開発したら一気に有名人になれるかもしれません。 今回から、いよいよプログラミングに挑戦しましょう！ 前回紹

こんにちは。モバイルファースト室の中村(@_nkmrh)です。 突然ですが、Mac上で探したレシピをすぐiPhoneで見られると便利だと思いませんか？ 先日リリースしたiOSクックパッドアプリではそれが出来るようになりました。 とても便利なのでぜひ活用してください。 ※ 実はこの便利機能、次のバージョンで一旦取り下げ、問題を解決したあとで再度導入することになりました。以降の記事で事情を説明します。 Mac OS X YosemiteがインストールされたMac、iOS 8がインストールされたiPhone 5以降、iPad 第4世代、iPad Air、iPad mini、iPad mini Retinaディスプレイモデル、iPod touch 第5世代でご利用いただけます。 MacとiPhoneに同じiCloudアカウントを設定して下さい。 これがその様子...。 Mac上のSafariでクッ

iOSアプリをSwiftらしいコードで記述するために

モバイルファースト室の三浦です。 みなさんはplayground使っていますか？ Swiftにはplaygroundが用意されていて手軽にかつライブレンダリングでコーディングをすることができます。 CoreGraphicsの描画などを確認しながらコードを書くこともできてとても便利です。 早速Swiftで簡単なスケッチをしてみましょう！ Xcodeでplaygoundファイルを新規作成します。次にUIKitをimportします。 import UIKit 次に表示のためのUIViewを生成します。 // ビューのサイズ let size = CGSize(width: 200, height: 200) // UIViewを生成 let view:UIView = UIView(frame: CGRect(origin: CGPointZero, size: size)) view.back