pixiv chatstoryのiOSアプリをReact Native（Expo）でリニューアルしました！ - pixiv inside
こんにちは、福岡オフィスでpixiv chatstoryの開発を担当しているtawachan（@tawachan39）です。 前回「デザイナーでも書けるReact Native」と題して、React Nativeでの開発模様を書かせていただいたのですが、先日無事リリースをすることができました（！）ので、今回はその小話を書いていければと思います。 特に、React Nativeでアプリを作ることに興味があったり実践登用することを検討している人にとって参考になることがあれば幸いです。 リニューアルのきっかけ pixiv chatstoryは既存のSwiftで書かれていたアプリをReact Nativeで書き換えるだけでなくデザインのリニューアルも行っていました。そのきっかけや経緯について簡単に紹介します。 Swiftのコードをメンテナンスするのが大変でWebの技術で置き換えたかった 現在のpi
React Nativeの本番導入を検討するすべての方へ｜ggtmtmgg｜note
この記事は、React Native(Expo)を使ったアプリ開発を検討中の方に向けて書いています。 ちなみに、ExpoはReact Nativeを更にラップして、開発からリリースまでをスムーズにするやつです。 1. FACTBASEでReact Native採用を決めるまでFACTBASEではプロダクトのコアコンセプトの検証の段階でReact Nativeを採用し、開発を始めました。 採用を決めた主なポイントは以下です。 ・AirbnbなどフルReact Nativeっぽいアプリがいい感じで動いている ・カスタムモジュールを使えば極論デバイスのすべての機能にアクセスできる ・社内にアプリ開発に関する技術スタックがない ・Swift/Kotlinエンジニアの採用後にピボットしてアプリ開発やめたらまずい 以上を踏まえつつ、最強のUXを求めるフェーズで、Swift/Kotlinで書き直すんだろ
2018年後期の今からアプリ制作を始めるなら何がいいのか(Monaca,ReactNative,Flutter,Swift)｜カトウタクミ｜note
2018年後期の今からアプリ制作を始めるなら何がいいのか(Monaca,ReactNative,Flutter,Swift) こんにちは。@tako3です。 結論はSwiftの勉強を開始したという記事なのですが、Swiftに行き着くまでに業務時間を1日ほど消費したのでその備忘録を残していこうと思います。何でもかんでもアウトプットするにこしたことはないはず。 きっかけは言わずもがなiOSアプリを制作したいからというのが理由ですが、やれることは増やしたほうがいいしアプリ制作が面白そうというところです。 ゴールは「アプリを作ること」なので、Swiftは過程・やり方の一つに過ぎません。なので、まずは「アプリ」を作るにはどうしたらいいのか、からスタートです。 調査、検討したものは下記になります。 ・ Yappli ・ monaca ・ Flutter ・ React Native ・ Swift自分
【実践で身につけるiOSアプリ開発】 10日で21個アプリを作った話
クソアプリ Advent Calendar なるものを見つけたので投稿してみます． クソアプリという言い方はあまり言葉遣いはよろしくないですが，ご容赦ください． この記事は，クソアプリ Advent Calendar 2016の2日目です． qiita.com クソアプリ作成は基礎的な技術を身につけるには最適 素晴らしいサービス・プロダクトって，基本的には単純なことの組み合わせなんです． 例えば，iPhoneは，素晴らしい製品です． しかし，とてもざっくりいうと「ミュージックプレーヤー」と「電話」を組み合わせなわけです． はてなブックマークも，「ストックする」という機能と，「コメントを残す」という機能の組み合わせです． このように，サービス・プロダクトを作る際には，なにかを組み合わせるということがキーになってくるわけです． つまり，その根底にあるのは基礎的な技術です． クソアプリとは，ここ
Swift学習・Xcode使い方入門｜iOSアプリ開発初心者の僕が最初に知りたかった作り方まとめ
はじめに iOSアプリの開発をSwiftで行う日々が1ヶ月程経過したので、初めて開発を行う前にこれは誰かに教えてもらいたかった、という内容をまとめます。実際に進める中で躓いた点ばかりなので、同じように新しくiOSアプリ開発を進める方の役に立てれば、と思っています。 対象としている方 僕はもともとweb系の開発の知識は少しはあったので、プログラミング言語やwebサービスの構成、データベースの使い方などは少しは分かってきています。そんな感じの知識レベルの方で、新しくiOSアプリを開発しようという方に有用なまとめになるように書こうと思います。 逆に、 ・プログラミングの勉強から初めて ・iOSではなくアンドロイドアプリを作ろうと思っている ・iOSでもアンドロイドアプリでもなくハイブリッドアプリを作ろうと思っている といった方にはイメージと異なる内容になってしまうと思います。また、 ・iOSアプ
ReSwiftとRealmが最高に相性がいいっていう話 - Qiita
はじめに 近々リリース申請に出そうと思っている新作アプリでReSwiftとRealmを使ったのですが結構相性がいいなと思ったので基本的な考え方と少し躓いたところなどを共有したいと思います。 ReSwiftって？ Realmはもちろん有名なので先人の素晴らしい記事に解説をまかせるとしてReSwiftについて簡単に説明したいと思います。 ReSwiftはReduxというJavaScriptのフレームワークをSwiftで実装したものです。ReSwiftやReduxは以下の四つの要素で成り立っています。 View ... iOSアプリだとViewControllerに対応、画面に表示する部分 Action ... アプリ内で行われる処理。ただしこれ単体ではなにもしない State(Store) ... アプリの状態を保持/表現するもの Reducer ... 現在のStateとActionを受け取
初級者から中級者にレベルアップするためのXcodeデバッグ術 - Think Big Act Local
効率よくiOSアプリ開発を行うために、効率よくデバッグを行いたいですよね。 このエントリでは「print文を書く以外デバッグの方法を知らなかったあの頃の自分」を初級者と定義して、自分がやってるデバッグ方法について書いてみます。 Xcodeデバッグ術 1. printを使わずに変数の中身を確認する age, name, coverImage という以下の3つの変数が宣言されています。 let age = 27 let name = "Ryosuke Hiramatsu" let coverImage = UIImage(named: "sample.jpg") これらの変数の中身をチェックしたい時、printで出力するのでも良いですが、それでは出力する値を変えたくなった時（print(age)をprint(age*2+1)に変更とか）に再度ビルドが必要になって時間がかかります。 printで
iOSでタブデザインを実現するXLPagerTabStripが素晴らしい - アニマネ開発日誌
よくある横スワイプで移動できるタブデザイン。 Androidは標準のUIライブラリに含まれていますが、iOSの場合は自作かライブラリを使うかのどちらかになります。 アニメアプリのアニマネ!ではいくつかのライブラリを比較した結果、RMPScrollingMenuBarControllerを採用しました。 当時の状況ではベストだと思っていたのですが、新しくとても良いライブラリを見つけました。 Xmartlabsというウルグアイの会社が作っています。 Githubのスターが2,231件(2016年3月現在)とかなりの人気ライブラリです。 アニマネで実装した時に見つけていればこちらを採用していたのに。。。 軽く触っただけですがこのライブラリは凄いと思ったので紹介してみます。 XLPagerTabStripの特徴 Swift製 活発に開発されている安心感(2016年3月現在) 豊富な表示方法 既存の
ビジュアル仕様書共有ツール Zeplin でアプリ開発が爆速になった - Qiita
デザイナーが作ったデザインをエンジニアがコードに落としこむ工程，コミュニケーションコストも大きくなかなか大変ですよね．そんな課題を解決してくれる，ビジュアル仕様書共有ツール Zeplin を使ってみたところ非常に好感触で，アプリ開発がかなり効率化されたように思うので，普及もかねてまとめてみようと想います． Zeplin は何を解決してくれるのか これまでアプリ開発の際，デザイナーさんに以下の様なビジュアル仕様書を Google Drive で共有してもらっていました． 自分はデザイナーさんみたいに 1px の細かい差異など分からなかったりするので，このようなビジュアル仕様書を作成してもらえると，正しく実装することができ非常に助かります．しかし，これには例えば以下のような課題がありました． (1) デザイナーさんのコストが大きい．上図の例はアプリの 1 画面に過ぎませんが，これが 10 枚，
iOSでスクロール時にNavigationBarを隠すライブラリ - アニマネ開発日誌
アニメアプリのアニマネiOS版を先日アップデートした際にタブ型メニューを導入しました。 コンテンツの量を増やせるようなったのはよいのですが、画面が狭くなってしまうという問題あります。 この問題の解決のために、スクロールするとNavigationBarを非表示にするというよくあるUIの実装を検討しています。 できれば既存ライブラリを上手く使って組み込みたいので、実現できそうなライブラリを探してみました。 今回の要件 スクロール量と連動してUINavigationBarを非表示にする。 可能であればUITabarも高さを調整したい。 タブ型メニューやバナー広告も連動してスクロールができるようにする。 UINavigationBarが非表示の状態で画面遷移後、エッジスワイプで戻れるようにしたい。 ステータスバーをタップした時にはUINavigationBarが表示されるようにする。 継続的にメン
カロリー記録サンプルアプリで見る実装ポイントまとめ - Qiita
はじめに. まえがきと自己紹介 年の瀬ということもあり、仕事プライベート問わず忙しい時期に皆様いかがおすごしでしょうか？ はじめまして、12/22のAdventCalendarを担当するfumiyasacです。（本業は一応PHP/Rubyがメインですが、好きなのはSwift/Objective-Cです笑） 今回AdventCalendarにチャレンジしてみるに当たって、まだまだ個人的に7ヶ月程度しか経験のない私ではありますが宜しくお願いします。 最近は忘年会シーズンということもあり食べ過ぎてしまうことが多いということもありまして、自戒の意味も込めまして下記のようなサンプルを作成しました。 今回のサンプル：私のカロリーグラフ（試作品） 今回は上記の様な割と本格的？なデータ記録系アプリを作成するにあたっての個人的に感じたことや実装のポイントをオムニバス形式で解説できればと思っています。 1つの
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
UITableViewのUX改善(今すぐ出来る！) - Qiita
はじめに deselectRowAtIndexPath(indexPath: NSIndexPath, animated: Bool) UITableView上にあるセルの選択状態を解除するときに使うメソッドですが、 呼び場所を替えるだけでUXを大幅に改善することが出来ます。 経緯 アプリによってはセル押下後に画面遷移するにもかかわらず、 押下直後にdeselectRowAtIndexPathを呼ぶような挙動になっていたりします。 これは悪いことではないですが、画面遷移から戻ってきた時に セルの選択状態を解除してあげたほうがどのセルを押したのか ユーザーに視覚的に伝えることが出来るのでUX的に良いと思ったからです。 例 セル押下直後に解除 この方法だとどのセルを押したのかをユーザーは思い出さなければいけません。 遷移から戻ってきた時に解除 こちらはどのセルを押したのか視覚からはっきりと分か
Android開発を受注したからKotlinをガッツリ使ってみたら最高だった - Qiita
関連記事 この記事も古くなりましたね。執筆時の実装バージョンKotlin 0.12から1.0.2へのアップグレード対応をした際の知見を記事にしました。 Kotlinを実案件で使いました 先日、僕の勤め先のQonceptは『リアル鬼ごっこ』×富士急ハイランド 巨大遊園地からの逃走を開発、リリースしました。 富士急ハイランドで実際に鬼ごっこをする企画で、一般のお客さんがスマホで専用アプリを使いながらクリアを目指します。園内には鬼役のスタッフや、ゲーム進行に関わる設備などがあり、これらとスマホがiBeacon(BluetoothLE)を用いて連動することで、ダメージを受けたり、アイテムを使用したり、クイズを解いたりなどします。 Qonceptの開発範囲は、iOSアプリ(とAppleWatchアプリ)、Androidアプリ、サーバサイドでした。 受注確定となった時点で、残り日数と開発者リソースに対
XMLとJSONを解析するiPhoneアプリの作り方 (1/2)
「アプリの考え方」を他のサービスやアプリとつながるiOSアプリをSwiftで作成しながら習得できる本連載。2回にわたって、ネットワーク上のデータをアプリに読み込んで扱う方法について解説しています。前回は「データをアプリにダウンロードする方法」を同期、非同期2つの方法で解説しました。今回は「ダウンロードしたデータをアプリで使える形に解析する方法」について解説します。 解析が必要なデータの形式で代表的なXMLとJSONで解説します。 おさえておきたい「XML」と「JSON」 XMLとJSON。名前は聞いたことがあるかもしれませんが、どんなものか具体的にわからない方のために、簡単に解説します。 1）XMLとは XMLとは、「Extensible Markup Language」の略で、テキストデータの意味や構造を記述するための「テキストフォーマット」です。データはタグ<>を使って記述します。タグ
データをダウンロードするiPhoneアプリ開発 (1/2)
Swiftで他のサービスやアプリとつながるiOSアプリを作成しながら、「アプリの考え方」が習得できる本連載。2回にわたって、ネットワーク上のデータをアプリに読み込んで扱う方法について解説します。実際には、ネットワークのデータを、 アプリにダウンロード ダウンロードしたデータをアプリで使える形に解析 して扱います。 今回は、「アプリにダウンロード」する方法です。 データをダウンロードする方式は、大きく分けて2種類あります。「同期ダウンロード」と「非同期ダウンロード」です。 1）同期ダウンロード 同期ダウンロードはデータのダウンロード開始から完了、ダウンロードしたデータの解析と1つのスレッドで順次処理をする方法で、処理中は他の処理はできません。 シンプルな方法で初心者にはわかりやすいのですが、処理完了を待っている間に他の処理ができないため、時間をかけて大量のデータをダウンロードする場合には、効
iOS9-day-by-dayという定番サンプル集が公開されました - Qiita
iOSの新機能サンプルとして評判のシリーズのiOS 9版、iOS9-day-by-dayが10日前に公開されたようです。 これ系、国内だと秋の正式リリースのタイミングで公開される、堤さんのiOS8-Samplerなどのシリーズが有名だと思いますが、そちらは今年もiOS 9正式リリースのタイミングで公開予定とのことです。 iOSx-day-by-dayについてかるく説明 多分iOS 7から続くシリーズで、去年のiOS8-day-by-dayも、2,060スターの人気レポジトリです。 去年の場合、連日〜数日起き程度の更新頻度で、次々とiOS 8の新機能サンプルと説明があがってきてて、かなりありがたかったです。 Swiftで書かれています。 Shinobicontrolsの社員が書いている模様です。 年によって担当が違い、今年はChris Grantさんという方がメインで担当しているようです。
[Swift]APIで取得したJSONをswiftyJSONでパースして、天気情報をUITableViewで表示。お天気アプリを作ってみる。 - Qiita
[Swift]APIで取得したJSONをswiftyJSONでパースして、天気情報をUITableViewで表示。お天気アプリを作ってみる。XcodeiOS初心者Swift まえがき的な(2015年の年始あたりに書いた記事です) Swiftの勉強がてら、色々調べながら簡単なアプリを作ってみました。 どうせなら作るだけじゃなくて、これから同じようなことする人の役に立つような記事にしようと思って書いてみました。 Swiftでごくごく簡単なアプリを作ったことある人向けを想定していて、ざっくり説明になっています。 不明点あった場合、コメントいただけれは補足追加します(^O^) swift2対応しました(2015年12月5日) swift2向けに更新したのと、当時のスキルでは仕方なかった微妙な実装方法も改修しています。 Xcodeは7.1でiOS9.1向けに作ってます。あと、pullして更新する項目
![[Swift]APIで取得したJSONをswiftyJSONでパースして、天気情報をUITableViewで表示。お天気アプリを作ってみる。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a0a8603051dfcfaed473168a57ef566117addf0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU3dpZnQlNURBUEklRTMlODElQTclRTUlOEYlOTYlRTUlQkUlOTclRTMlODElOTclRTMlODElOUZKU09OJUUzJTgyJTkyc3dpZnR5SlNPTiVFMyU4MSVBNyVFMyU4MyU5MSVFMyU4MyVCQyVFMyU4MiVCOSVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MCU4MSVFNSVBNCVBOSVFNiVCMCU5NyVFNiU4MyU4NSVFNSVBMCVCMSVFMyU4MiU5MlVJVGFibGVWaWV3JUUzJTgxJUE3JUU4JUExJUE4JUU3JUE0JUJBJUUzJTgwJTgyJUUzJTgxJThBJUU1JUE0JUE5JUU2JUIwJTk3JUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03MTA2MzcxMjVhOGY3NjZlYzEyNWY1NDMxYzhjOWExYg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5b2RhMjAyMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTdiZTBkMjZiMDdhYjZkN2EzZDA1ZTc1NWRkZDg3ZDE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df78ed55500a0476924d619ec4a4ba289)
WebディレクターのためのアプリとWebサイト連携 (1/3)
アプリ内にWebサイトのコンテンツを表示したり、アプリからブラウザーを起動して特定のコンテンツを表示させたりすることが当たり前になりました。Webディレクターだからアプリは守備範囲外とは言っていられない一方、エンジニアではないので、「できる」「できない」の判断に困る場面も増えているはず。本連載では、アップルのアプリ開発用スクリプト言語であるSwiftを使って、「アプリの考え方」を習得することを目指します。（編集部） Web担当者がアプリ開発に関わろうとすると、プログラム的なことがわからなくてモヤモヤしてしまうことがあるはずです。 Web担当者は自社のWebには詳しいので、発注先のアプリ開発者よりずっといいアイデアが生まれるかもしれません。プログラミングに詳しくならなくても、アプリで「どんなことができて」「どんな風に作るのか」が分かれば、具体的に考えられます。 この連載では、アプリでできるこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/cheeeeese/items/a1f7764b8bfd97c1e6cd