「iOS開発チームの特徴と開発方法を公開！」 勉強会参加レポート

はじめに

iOSエンジニアの尾林です。Sansan iOSアプリを開発しています。
今回は1/27にJapanTaxi社とZOZOテクノロジーズ社からスピーカーを迎えて開催した「iOS開発チームの特徴と開発方法を公開！」勉強会に参加してきましたので、その様子をレポート記事としてお伝えします。
sansan.connpass.com

弊社からはSansan iOSチームのLead Engineerである中川が登壇することになりましたので、その応援も兼ねて参加してまいりました！
今回の勉強会は、「各社のiOS開発チームの特徴を踏まえながらその開発手法を紹介する」をコンセプトとして開催されました。

多くの方にお集まりいただきました

Eight iOS アプリの申請作業はボタン一つ

Eight 事業部 iOS エンジニアの 河辺 です。Eight iOS チームでは、これまでアプリの申請作業を手動で行なっていましたが、昨年の12月より自動化しました。この記事では、そのアプリ申請作業の自動化の取り組みを紹介したいと思います。

これまでのアプリ申請に必要な作業

iOS アプリをリリースする際には Apple に申請する必要があるのですが、申請作業は手順が多く複雑です。Eight iOS では、アプリの申請作業を一部自動化していましたが、それでもなお作業手順が多い状態でした。当時のアプリ申請作業の手順は以下の通りです。

• Bitrise の Workflow を実行し、ipa ファイルを作成, App Store Connect に ipa ファイルをアップロードする
• Testflight でアプリを配信する2017 黒オノフ フォージドアイアン単品販売 (ウェッジ：52度/58度)N.S.PRO Zelos8 シャフト装着仕様#カスタムオーダー#特注#グローブライド/ONOFF/KURO/FORGEDIRON#日本シャフト/NSプロゼロス８
• App Store Connect でリリースバージョンを作成する
• Store 文言を変更する
• App Store Connect で、リリース時に配布する ipa ファイルを選択する
• 「バージョンのリリース」, 「自動アップデート用の段階的リリース」, 「 iOS 評価概要のリセット」の各項目でチェックを付ける
• 「輸出コンプライアンス」, 「広告 ID ( Advertising Identifier 又は IDFA ) 」の各項目でチェックを付ける
• ●メジャークラフト N-ONE エヌワン NSS-1003MH(3ピース)＋ダイワ 16 クレスト 4000H 【ショアジギング入門セット】

審査に提出する際には、各設定項目が正しく設定されているかダブルチェックを行っていました。

人間がアプリの申請作業を行う課題

Eight iOS チームでは、約2週間に1回という高い頻度でアプリをリリースしています。高い頻度でアプリをリリースすることで、「ユーザーに速く価値を届けられる」という点においては良いのですが、「高い頻度でアプリの申請作業を人間が行う必要がある」という点においては課題感がありました。

アプリの申請作業は手順が多く複雑であるため、ミスをする可能性もありました。アプリ申請作業のミスを防ぐためにタブルチェックを行なっていたものの、人間が作業をしている以上、今後も必ずしもミスをしないとは言い切れませんでした。

これまではアプリ申請作業の一部を自動化していましたが、作業コストが低くはないという状況でした。今後も高い頻度でアプリをリリースする上で、アプリの申請に掛かる作業コストは無視できません。また、アプリの申請作業のような機械に任せられることは機械に任せて、人間はユーザーに価値を届けることに注力する構図を作りたいと考えていました。

●エバーグリーン EVERGREEN オケアノス専用パワーグリップ 【まとめ送料割】

●テイルウォーク フルレンジCC C68M/CC

はじめに

プロダクト開発部の荒川です。私事ではありますが、バックエンドエンジニアからiOSエンジニアへと転向しました。iOS開発は全くの未経験だったのですが、周りのメンバにも助けられつつ、なんとかやっていけています。サーバサイド、クライアントサイドの両側面から一つのアプリケーションを眺めることができて、非常に楽しく開発できています。【取り寄せ・同梱注文不可】 弘進ゴム 長靴(ゴム製) ライトセーフティーワークス LSW-01 黒 28.0cm A0020AB【代引き不可】【thxgd_18】

さて前置きはここまでにして、今回は非同期処理をまとめてみました。擬似コードはMDN Web Docsより参考にさせていただいております。

同期処理と非同期処理のキホン

非同期を説明する前に、同期処理について説明しておきましょう。 同期処理とはあるタスクを順番に実行する方式のことで、そのタスクが実行されている間は他のタスクが中断される方式です。*1

同期処理にはいくつかの欠点があります。最たる例としてディスクアクセスなどのI/O処理の場合、メモリアクセスと比べると非常に遅い事が多く、ファイルやソケットが読み出しを完了するまで処理を止める必要があるので、その間は他の処理をすることができません。 【取り寄せ・同梱注文不可】 弘進ゴム 長靴(ゴム製) ライトセーフティーワークス LSW-01 黒 26.0cm A0020AB【代引き不可】【thxgd_18】

一方で非同期処理はある処理を実行する間に他の処理を実現することができます。JavaScriptやSwiftなどのいわゆるクライアントサイド開発に携わる方は日常的に利用するはずです。非同期の実現方法にはいくつかの方法があるので、図は後ほどの実現方法の箇所にてご紹介します。

なぜ非同期処理が重要なのか

I/O処理に限らずブロックというのは、クライアントサイドにおいては大きな問題となります。アプリケーションのメインスレッドとしてUI専用のスレッド、ユーザからの操作を受け付けるためのイベントループの処理が動作しており、開発者が同スレッドにて処理をブロックするとイベントが処理できなくなります。結果としてユーザから見ると画面が止まったかのような体験となるので、UI以外の処理を同一スレッド上で実行するのを避けなければなりません。

もちろんサーバサイドにおいてもCPUを遊ばせておく必要性が低いので重要なテクニックであることには代わりありません。

*1:厳密に定義することは難しい

CSS について復習する

【取り寄せ・同梱注文不可】 ミラー(壁掛) 13019【代引き不可】【thxgd_18】

こんにちは。Eight 事業部エンジニアの鳥山（@pvcresin）です。
業務では Eight Career Design の Web フロントエンドを担当しています。
Eight では様々な技術を使って、CSS によるスタイリングを行っています。

• PC 版 Eight
  • Sass（SCSS） + BEM
• Eight-UI: 社内向け React コンポーネントライブラリ
  • CSS Modules + PostCSS
• Eight のとある新規開発
  • styled-components

今回は、CSS にまつわる技術を復習し、Web におけるより良いスタイリングについて考えていきたいと思います。

CSS

CSS は文書のスタイルを定義することができる、スタイルシート言語です。
ここで言う文書とは、HTML をはじめとするマークアップ言語によって書かれた、構造化された文書のことを指します。

セレクタ（h1の部分）によってスタイルを適用する要素を指定し、{}ブロック内に実際のスタイルの定義を書いていきます。
Web サービスでは様々なページで統一的なスタイルを提供することが多く、文書（HTML）とスタイル定義（CSS）が分かれていることで、効率的にスタイルのメンテナンスを行うことができます。

●エクリプス ECLIPS オベリスク 80ML レイピア 【まとめ送料割】

●ティムコ ヴァジュラ VJ-76CXH J (ベイトモデル)

こんにちは。
DSOC Infrastructure Groupの水谷です。

キャロウェイ APEX アイアン単品販売 (#4,AW,SW)ダイナミックゴールド シャフト装着仕様#カスタムオーダー#特注#Callaway/エイペックスアイアン/右打ち用#DynamicGold/DG最高でした！
メタルを通って来た人で観てない人が居たら是非観ていただきたい最高の映画でした。ベース担当がホントにベース担当な性格だったのが良かったなぁ。

メタルついでですが、オジー・オズボーンさん、どうにか元気になってほしいです。

あ、お正月は如何お過ごしでしたでしょうか？
僕は元旦にインフルエンザを発症し、5日まできっかり寝てました。

で・・・・だいぶ、●テイルウォーク マスタービルド MBライトジギングX48コア C63Lから時間がたってしまいました。
記憶を掘り起こすことがだいぶ難しい年頃なので、日付が前後した事を書くかもしれませんが内容に間違いは無いので安心してください。
それ、三日目のイベントだよと思っても、あ、この人おじさんだったわと思ってくれると幸いです。

それでは

2日目

2日目は現地時間9:30前（弊社エンジニアの始業は9:30です）には準備して軽く先週やり残した仕事をしたりしてました。
re:Invent、毎日8:00～夜中までセッションやらワークショップ漬けも可能なので、次回行く機会があれば体調整え仕事も片付けて頑張ってみたいところです。

【取り寄せ・同梱注文不可】 カーブ定規 アクリル製 32枚組 1-817-0000【代引き不可】【thxgd_18】

DSOC Data Management Group*1 の三原です。
、多くのご要望をいただき個人的にも念願であった、Sansanサービスにおける「氏名の異体字入力」がついにリリースされたため、ご紹介させていただきます。

Sansanではこれまで、スキャンされた名刺の氏名に異体字*2が含まれていた場合、該当する文字は「●」と表示される仕様となっていました。たとえば、はしごだかを含んだ「髙橋たろう」という氏名であれば「●橋たろう」となります。それが今回のリリースにより氏名がそのまま「髙橋たろう」と表示できるようになりました。
以下で詳しく説明していきます。

異体字対応の背景

前述したとおり、これまでは氏名の異体字に該当する文字は「●」で表示するというサービス仕様になっていました。
土に口のいわゆるこの つちよし は「●田」に置き換えていたわけです。

「●」と表示する仕様だと、ユーザーがメール配信や名刺検索などを行う際に利便性が落ちる為、定期的に改善の要望が上がっており、これまでも何度も対応しようとしてきました。
しかし、様々なシステムに関わる改善となるため、かなり影響範囲が大きく、なかなか手が付けられずにいました。（ほんとにごめんなさい。）

「異体字を表示できないのなら常用漢字に置き換えて欲しい」という声を頂いたこともあり、それなら影響も大きくないのですぐに対応できる...と飛びつきそうになったこともあったのですが、「御礼状などをお送りする際に本来と異なる漢字の宛名では失礼にあたる。それであれば●のままにして、手動で修正できる方が良い」というご意見を頂き、何とか踏み止まったこともあります。
あの時、「常用漢字に置き換える」という対応をしていたら、恐らく異体字入力への対応は先延ばしになった可能性が高かったと思います。（ご意見に感謝！）

スリクソン Z965アイアン6本セット (#5-#9,PW)ダイナミックゴールド DST シャフト装着仕様#DUNLOP/SRIXON16Ｚ９６５IRON/メンズ#DynamicGoldＤＳＴ/DGDST:Data Management Group は、DSOCで唯一フロント職のメンバーで構成されているグループです。

*2:異体字については様々な見解があり、明確に定義づけはされていません。ですが、ここでは「同じ意味・発音であり、対となる常用漢字が存在する文字」と定義したいと思います。そして異体字の中には、旧字・略字・俗字 が存在するとされていますが、それをひっくるめてここでは 異体字 と呼びます。