サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
blog.zaim.co.jp
株式会社 Zaim でデザイナーをしている miya です。 今回は Zaim でよく使うイラストを「効率的に一貫したイラストを誰でも量産できる」ことを目指したイラストシステムを用意したので、その経緯をまとめたいと思います。 イラストシステムを構築したきっかけそもそもイラストシステムは「ユーザーにサービスの世界観が伝わる」「一貫したユーザー体験を提供できる」「誰でも同じタッチのイラストを効率的に作成できる」ことを目指した仕組みかと思います。 とくに Zaim では、実在する人物が映った写真を使わないことで「自分ごと化」しやすいよう、イラストを用いることが多いので、効率的に一定のクオリティで用意する仕組みがないことが、一つの障壁になっていました。 見つけた課題いざイラストシステムを構築しようとすると、いくつか課題が出てきました。 1. よく見ると絵柄がバラバラパッと見た雰囲気は同じですが、担
こんにちは、くふうカンパニーグループである株式会社 Zaim の @unicco です。先週、発表した通り当社では ChatGPT Plus の利用料を全社員に対して補助する制度を始めました。 ここで言及していた「利用ガイドライン」に関して「どんな内容かを知りたい」という問い合わせをいくつか受けましたので、現時点のものをここで紹介しようと思います。 なお策定にあたっては DevOps に強いエンジニア(@bbz662)を中心に、情報セキュリティや危機管理対応を統括する IT 戦略室と法務担当、データサイエンティスト(@koya3to)というグループを横断したチームを作り、約 3 日で完成となりました。 生成系 AI 利用ガイドライン現版ではマイクロソフト社が出資する OpenAI 社が提供する ChatGPT の業務利用に限って記載します。 適宜アップデートしていきます。 ChatGPT
こんにちは、 Zaim でサーバーサイドエンジニアをしている @hira です。 少し前に、単純作業を手軽に自動化できたら便利だと思い、コマンドラインツールを作成することにしました。個人的に Go が好きなのとコマンドラインツールを作るための機能が標準で用意されているので Go で作ることにしました。 今回は、その中で私自身が実際に利用して便利だと感じた Go のパッケージについて共有したいと思います。 Go でコマンドラインツールを作るメリット 3 つパッケージを紹介する前にコマンドラインツールを Go で作って感じたメリットを挙げたいと思います。 シングルバイナリになる まず 1 つ目のメリットは Go でコードをコンパイルするとシングルバイナリになる点が挙げられます。シングルバイナリであれば、実行環境で処理系などを用意せずに利用できるツールを作成できるため、ツールを使う側の人にとって
先行して DataBinding を利用していたクラスですね。こちらもそこまで多くなく、4 ファイルでした。 3. Entry name 'AndroidManifest.xml' collided 最後に「Entry name 'AndroidManifest.xml' collided」にも対応します。 こちらの記事 にある通り、gradle.properties に「android.useNewApkCreator=false」を追加します。Stack Overflow の先人に頼りまくりです。 しかし Zaim では上記で対応した場合、特定の Build Variant で以下のエラーが発生してしまいました。 adb: failed to install app/build/outputs/apk/target/target.apk: Failure [INSTALL_PARSE_
新型コロナウイルス感染症やコロナワクチンについては、必ず1次情報として厚生労働省や首相官邸のウェブサイトなど公的機関で発表されている発生状況やQ&A、相談窓口の情報もご確認ください。※非常時のため、すべての関連記事に本注意書きを一時的に出しています。 こんにちは、株式会社 Zaim の開発部でマネージャーをしている高山です。年末の超忙しい時期、皆さまいかがお過ごしでしょうか。 Zaim は、この 1 年を振り返ると社員が増えた一方、コロナ禍をきっかけにフルリモートでの勤務となったのが大きな変化でした。この写真は今年 3 月に移転したものの、ほとんど使われていないオフィスです。悲しい……。 こうした環境下において、エンジニアを率いる身として特に意識しているのは「コミュニケーションコストを下げる」ことと「開発スピードを上げる」ことです。最近「これらを両立するために、コミュニケーションのやり方を
Zaim でサーバーサイドやフロントエンドを担当している takeshy です。先日の note の続きです。 後編は React でUIの開発に活用できるカタログツールである「Storybook」と、コンポーネントの記述で使う Javascript を拡張した構文「JSX」について掘り下げてみます。 StorybookPresentational Component は再利用性が高いため、Presentational Component を一覧で管理できる「Storybook」という Web アプリフレームワークが便利です。Storybook を使うことで、Component をカタログ化でき、索引性を高めたりデザイナーの方がデザイン調整をしやすくなったりします。 実行手順 前編で紹介した単語変換のサンプルアプリが動作する環境であることが、前提です。ターミナルで以下を実行します。 cd
こんにちは、Zaim でフロントエンドやサーバーサイドの開発を担当している takeshy です。 Zaim では Web 版を大幅に作り直す計画があり、そのための技術として Go, React, TypeScript などを採用することが決まっています。 Zaim は、iOS や Android といったアプリ開発者が比較的多く在籍している会社です。そうした「フロントエンド以外の開発担当者」や「これからフロントエンドを学びたいデザイナー」向けに、React と Redux に関する社内勉強会を開きました。 せっかくなので、その時に作成したスライドの資料を元に、note 記事として公開することにしました。 改めて React おさらい React は「コンポーネント指向の UI ライブラリ」です。コンポーネントとは、他から呼び出されることを前提にインターフェースが定められた、パーツとして独
アプリの UI で、コンテンツがない空の状態(= Empty State )を伝えたいとき、みなさんはどうしていますか? 先日それで悩むことがあったので、どんなパターンがあるのか調べてみました。 1. コンテンツの状態を説明するパターン「〇〇はありません」といったように、「コンテンツがない」ことを伝えるもの。 メリット シンプルでわかりやすい。 デメリット どんなアクションをしたらこの場所にコンテンツが増えるのか、まではわからない。 感想 基本形。アプリの中でも、重要度の低い(= メインコンテンツでない)画面に多い傾向がある。2. 画面の機能を説明するパターン「〇〇すると、ここで〇〇できます」といったように、画面の役割を知らせるテキストがある。 メリット その画面でできることがわかりやすい。 デメリット コンテンツの有無がわかりにくい。 感想 機能が複雑な場合や機能がわかりづらい場合に良さ
あれ、iOS ってフラットデザインじゃなかった? でも、最近シャドウ表現増えてない? 最近、iOS でもボトムシートや Floating Action button など 階層(Z 軸)が異なる UI が少しづつ多くなってきた気がします。App Store の Today もカードにシャドウついてますしね。 そこで、整理をかねて最近のデザイン傾向をコンポーネント別にまとめてみました。 *** ボトムシートのまとめ 傾向 シャドウあり。 ボトムシートを画面上部まで引っ張ると、スクリム(黒い背景)が入る場合も多い。ボトムシート上部に「ー」のあしらいをつけることが多い。 感想 マテリアルデザインとの差異が縮まってきている印象。スクリム(背景の黒いフィルター)のあり / なし、両方の事例がある。スクリムがあると後ろの UI は操作できない。ボトムシートの操作に集中してほしいときはスクリムをつける。
こんにちは。 Zaim で iOS エンジニアをしている @akatsuki174 です。 6/3〜7 に開催された WWDC2019 に参加してきたので、ざっくりとレポートしたいと思います。デザイン系の話は以下の記事にまとめたのでこちらをご参照ください。 この中で持っていって良かったものを紹介します。 iPad ラボで絵を描いて質問したり、聞き取れなかった時に英文を書いてもらえた。 雨具 現地はカラッとした天気でも、帰ってきた時に日本で雨が降っていた。梅雨。 イヤフォン 帰りの飛行機でセッション動画を見るなど。そもそも飛行機内はうるさい。 ウェットティッシュ お手拭き的なものが置いてあるお店がほぼなかったです。 スリッパ ホテルには置いてなかったです。土足文化。 マスク 飛行機内がすごく乾燥していました。現地も結構乾燥しています。セッション今年はとにかくいろんな動きがありましたね!個人的
こんにちは!Zaim で代表をしている @unicco です。 私は最近、年に一度くらいのペースで同業の友だちと海外に行き、観光しつつ現地のサービスを見て回ることを趣味にしています。その一環として今回、フィンランドとバルト三国、そして足を伸ばしてベラルーシで MaaS(Mobility as a Service)を体験してきました。あくまでもいち旅行者の視点として、どんな風だったのかを共有してみたいと思います。 主なルート (1)フィンランド:ヘルシンキ (2)エストニア:タリン (3)ラトビア:リガ (4)ベラルーシ:ミンスク (5)リトアニア:ヴィルニュスなお友だちと一緒に見て回ったのはフィンランドとエストニアで、あとは一人旅でした。 (1)フィンランドのヘルシンキ:Whim, Voi, City bikes Whim ヘルシンキに到着して、まず使ったのは Whim という MaaS
こんにちは、Zaim で開発を担当している原です。これまで Android アプリやサーバーサイドがメイン業務でしたが、2019 年からは機械学習・データ分析にも関わるようになりました。 今回は、そのアドホック分析の環境をチーム内で共有するために実施した、Google の Datalab の整備について書いてみようと思います。 Datalab とは何か Datalab は、GCP(Google Cloud Platform)およびローカル PC 上でデータ探索・分析、そして機械学習モデル構築などを行うための Jupyter ベースの分析環境です。 実態は Docker イメージなので、ローカルでも GCP のクラウド上でも同じ環境で作業できるメリットがあります。 また、GCP 関連のサービスとシームレスに連携可能なことも非常に使いやすい点です。データレイクとして BigQuery や Cl
こんにちは、Zaim でアプリ開発チームのリーダーを担当している @y_sumida です。 先日「ホワイトハッカーになりたい!」という小学 4 年生の男の子と、その親御さんが春休みを利用して「しごと参観」に来社されたので、そのレポートです。 ※今回の企画は試験的に実施したものです。公式に「しごと参観」という制度があるわけではありません。また、オフィス内に立ち入るため、親御さんと NDA を結んだ上で実施しています。きっかけ来ていただいたのは、こちらの記事を書いている kobeni さんと記事に出てくる小学 4 年生の息子さん。 Zaim には kobeni さんと友人である社員がおり「職業エンジニアが普段どういう仕事をしているか見学させてもらえないか」という相談を受けたのが、きっかけです。 当時の Slack での様子 社内のパパママがあつまる育児チャンネルへの投稿がはじまりでした。 面
はじめまして、Zaim で機械学習を担当している @rin です。言語処理学会が 2019 年 3 月 12 日〜15 日に開催した「第 25 会年次大会」のうち、13 日と 14 日の本会議に参加してきましたので、その様子をレポートしたいと思います。 「年次大会」は年に一度の大きな発表の場言語処理学会は、自然言語に関する理論から応用まで幅広い研究成果発表の場として設立された社団法人です。毎年 3 月に大規模な発表の場として年次大会を開催しています。 今年の会場は名古屋でした。初日の前夜祭ではチュートリアル、2 日目以降の本会議では口頭発表とポスター発表があり、私は今回、本会議のみ参加してきました。 テーマの主流は、機械学習。中でも(1)感情分析(2)機械読解(3)質問応答の三つがトレンドであることを強く感じました。 感情分析 人間の自然言語からコンピュータが喜怒哀楽などの感情を推測する技
はじめにこんにちは。 Zaim で iOS エンジニアをしている @akatsuki174 です。 「デザイナーも git を使えた方がいいよ」 こんな言葉を一回くらい言われたことがあるんじゃないでしょうか。とはいえ git もなかなかとっつきにくいところがあると思います。そこで、比較的デザイナーに馴染みのある(と思われる)バージョン管理サービスである「Abstract」を例に取りつつ git の使い方を紹介しようと思います。 ちなみに一記事で終わらせようとしたんですが無理でした。 git 奥ゆかしい。ということで今回は git の基礎について、次回は実際に Abstract 上での git の操作方法について説明します。 バージョン管理ツールを使うメリットそもそも(git に限らず)バージョン管理ツールを使うメリットが分からないと、わざわざ小難しいものを学ぶ気にならないと思います。そこで
こんにちは、Zaim で Android を担当している @ishikawy です。2019 年 2 月 7 日(木)〜8 日(金)に開催された Android エンジニアの祭典「DroidKaigi」に業務として参加してきました。 Zaim では、業務として勉強会に行くためには三つの条件があります。 (1)業務に密に関係する内容である (2)業務に支障をきたさない (3)可能な限り Zaim の一員として発表するただ、3 番目に関しては発表者側に回りたくとも回れない場合もあります。そんな時は社内ブログ(Kibela)か note に書く、というルールがありますので、今回はそれに沿って参加レポートを書いてみたいと思います。 DroidKaigi 2019 三行まとめ 話題の中心はアーキテクチャ・マルチモジュール・テスト 言語としてはすでに Kotlin が前提 レアと呼ばれがちな Andr
はじめにこんにちは、Zaim でデータ基盤部のマネージャーをしております土屋です。(今回は勤務先の投稿なので、です・ます調で書きます) 先日、公式サイトのお知らせでも公開しました通り、 Zaim は 2018 年 11 月 21 日に「電子決済等代行業者」としての登録を完了しました。 電子決済等代行業は、2018 年 6 月に施行された改正銀行法によって、新しく誕生した業種です。 今日は、そもそも「銀行法とは何なのか」といったところから、「なぜ改正が必要だったのか」、そして「電子決済等代行業者として登録したからできること」、さらに「今後どうなっていきそうなのか」といったことについて書こうと思います。 ユーザー視点に立ってできるだけ分かりやすく書いていきますので、法的な厳密性や網羅性を保証するものではないことをご了承ください。 目次1. 銀行法って何? 2. なぜ銀行法は改正されたの? 3.
はじめにこんにちは。Zaim で iOS エンジニアをしている @akatsuki174 です。 バグ報告ってどんな情報をどこまで渡せばいいのかの加減がうまくつかめず、意外と難しいですよね。会話の往復が増えると、タイムロスしたり、ちょっと険悪なムードになりかねません。 そこで、いちエンジニアの立場から「こんな風に言ってもらえると嬉しいよ!」という話をしようかと思います。ただ、あくまでもこれは一例です。プラットフォーム、会社などによっては別のことを伝えた方がいい場面もあるかと思うので、「こんな記事あったんだけれど、うちではどんなコミュニケーションが最適なんだろう?」と社内に問いかけてみてください。 絶対に伝えてほしいこと発生環境 具体的に言うと OS、OS のバージョン、ブラウザの種類、ブラウザのバージョン、スマホの機種、アプリのバージョン、実行環境(本番/ステージング etc)などがこれに
はじめにこんにちは、Zaim の綿島です。私の担当する経営企画のミッションのひとつに、スタッフのモチベーション向上のための環境構築などがあります。 その施策のひとつとして「リモートワーク(在宅勤務)」があり、これまでに何度か記事にしている通り、とっても好評です。Zaim では出社が基本スタンスですが、入社半年後の社員なら原則誰でもリモート利用 OK 。私も家事や子どもの通院のためにフル活用中です〜! なんでリモートワークするの?具体的なメリットを挙げると… ・通勤時間が短縮できる ・通勤ストレスがない ・休憩を活用できる(家事、通院など) ・旅行や帰省のプランが立てやすいなどなどありますが、つまり!「場所と時間の自由度がめっちゃ高まって、スタッフの満足度が上がる」という一言につきます。往復の通勤時間のインパクトたるや…。 リモートワーク、問題はないの?とはいえそれは利用する側のメリットなん
おはようございます。@watura です。最近すごく寒くなりましたが、風邪とか引いていないですか? この前の記事で新しいキー配列にチャレンジしてると書いたんですが、やっぱり辛かったので一旦 QWERTY に戻してしまいました。 私は普段、iOS エンジニアとしてお仕事しているのですが、セキュリティ周りも口出ししています。今日はその「セキュリティ口出し係」としての記事です。 今年の 9 月頃にセキュリティトークン(認証のための物理デバイス)を検討したいと考え、その検証のために「YubiKey」という端末を会社で買ってもらいました。これが自腹で自分用に購入したいくらい良かったので、その布教のために記事を書きたいと思います。 二段階認証は高セキュリティだが面倒なのが玉に瑕Zaim では個人の方々の購買履歴など、非常にセンシティブなデータを取り扱っています。このため、環境をセキュアに保つために、さ
前回のおさらいと今回こんにちは。Zaim で iOS エンジニアをしている@akatsuki174です。 前回は Auto Layout で登場する基礎的な制約について書きました。 今回は前回の知識を踏まえた上で、もっと複雑な条件でUIを組みたい時のことについて書きたいと思います。 ※例によって、わかりやすさを優先して正確さに欠ける表現が一部含まれています。制約のかけ方〜応用編〜割合指定 「iPhone でも iPad でも、画面の横幅 80%の大きさでこのビューを表示したいんだ」という要望、Auto Layout ならサクッと叶えられます。 次の等式と同じことを制約でも表現することができます。 画面横幅 * 0.8 = ビュー横幅 * 1.0不等式指定 例えばローカライズの関係で、文字量によって大きさの変わるボタンを配置したいとします。上、左からの距離を決めただけで、左からの距離、もしく
はじめにこんにちは。Zaim でユーザー事業部のマネージャーをしている高山です。iOS アプリを開発していて避けては通れないのが Apple のレビューです。ほんの数年前までは、アプリのレビューは 1〜2 週間かかることが平常運転でした。力作のレビューに 2 週間かかってリジェクトされたときの喪失感は、当時を知る人たちの間では涙なしには語れません。 今ではレビューにかかる日数はだいぶ短くなりましたが、それでも時間がかかることには変わりありません。New Message from App Store Review Regarding っていうタイトルのメールが届くと、いまだに心がザワツキます。 わたしが一人でワナワナしてるくらいなら放っとけばいいんですが、ビジネス上の観点から「リジェクトされて再レビュー」を避けたいケースはいくつもあって、そこを考えると放っとくわけにはいきません。 大きなデザ
はじめにこんにちは。Zaim で iOS エンジニアをしている@akatsuki174 です。 iOS アプリのレイアウトを作る上で Auto Layout は非常に重要です。これのおかげでサイズが異なる端末でも比較的楽に対応できます。 ここでは主に iOS エンジニアではない人向けに Auto Layout とはどんなものなのか説明します。たぶん 4 本立てくらいかなとぼんやり思っています(気分屋なので変わる可能性大)。 1 本目:基礎編 Auto Layoutの概要や基礎知識について 2 本目:応用編 複雑な指定への対応、多サイズ対応について 3 本目:実践編 お題の UI を実現する Auto Layout の制約を、紙の上で解いてみる 4 本目:コミュニケーション編 デザイナーからどう依頼されたらやりやすいのか ※わかりやすさ優先のため若干不正確な表現がありますが、ご了承ください
こんにちは!Zaim 経営企画部コーポレートチームです。もう早いもので 2018 年も残すところ、あと 40 日…オフィスではクリスマスツリーの飾りつけが終わりました。 さて Zaim では、社内の忘年会でスタッフたちが「今年の買ってよかった」を発表する恒例行事があります。今年はせっかくなので、その内容を note で公開してみます。値段が安い順です、めちゃくちゃ長いです…! 目次 (1)ニトリ「すべりにくいハンガー」 (2)ダンボールカッター「ダンちゃん」 (3)マーナ・カルビー共同開発「フルグラ計量スプーン」 (4)みじん切り器 ふたも洗える「ぶんぶんチョッパー」 (5)DULTON ツールキット「ミリタリー」 (6)ドクターブロナー「マジックソープ」 (7)和平フレイズ「フライパン」20cm (8)deaf tennis japan「オリガミスタンド」 (9)サーモス「真空断熱タンブ
こんにちは!Zaim の代表をしている @unicco です。体制についてのリリースが出たタイミングで、今日はどストレートに、「私たちと一緒にサービスづくりをしませんか?」という想いを書いてみます。 *このタイトルはビットジャーニーさんの「We're Hiring!」および DeployGate さんの「We're Hiring!」に触発されています。 * 現在、エンジニア・デザイナー・テクニカルサポートを積極採用中です。 目次 サービスのこれまでとこれから 特徴(1)チームワークを大切にしています 特徴(2)幅広い業務を経験できます 特徴(3)働く環境をみんなで改善しています 求む!(1)サーバーサイドエンジニア 求む!(2)Android エンジニア 求む!(3)iOS エンジニア 求む!(4)機械学習エンジニア 求む!(5)UI/UX デザイナー 求む!(6)テクニカルサポート 余談
こんにちは!Zaim 経営企画部コーポレートチームです。今日は小ネタとして、Zaim で使っている社内チャットツール Slack をどう使っているかを一部、ご紹介したいと思います。 「Slack チャンネル多すぎ問題」に苦しんでいませんか?Zaim も Slack を使い始めた当初、スタッフが思い思いにチャンネルを増やし、コミュニケーションを取っていました。しかし人数が増えるに従いチャンネルも増加し、徐々にカオスなことになってしまいました。 結果、以下のような問題が起こりました。 どこで何の会話をしていたか分からなくなってしまう ひとつのチャンネルで広範囲の話が展開されて結論が見えづらい 同じようなチャンネルができてしまう 新メンバーが参加すべきチャンネルに入っていないままだった特に問題があったのは、一つのチャンネルで取り扱う話題が多種多様になり、異なる職種間のコミュニケーションが困難にな
前編のおさらいと今回の内容こんにちは。Zaim で iOS アプリ開発をしている @akatsuki174 です。 前編では iOS アプリにおける UI 部品について、それが何という名前でどんな役割を果たしているのかをまとめました。今回は UI 部品以外の iOS アプリ用語について説明したいと思います。 注: 今回も①頻出度合い、②iOS アプリを語る上で知っておいてほしい度合いを元に、勝手に重要度を振っています。 ほとんど Human Interface Guidelines(以下 HIG)から情報を引っ張ってきているので、もっと詳しく知りたい方はそちらへ。重要度★★★モーダル 下から上にせり上がって表示される画面のことを指します。モーダルは画面全体を覆うこともあれば、画面の一部だけ覆うこともあります。モーダルで表示することで、この画面に集中してもらえます。逆を言えば、タスクが完了す
どうも、Zaim のデザイナーをしている、あきです。 デザイナーといっても、データ検証 〜 施策立案 〜 デザインと広くやってます。 今回は、Zaim の要望改善のやり方について書いてみます。 目次 はじめに 要望改善のフロー 1.収集 2.整理 3.実行 おわりにはじめにZaim では、ユーザーさんの意見をすごく大切にしています。ユーザーさんからのフィードバックには、ヒントが詰まっているので、すべて目を通すようにしています。以前はミーティングを開いて、毎月、みんなで議論していました。 しかし! このやり方は、すごく時間がかかる & 結論まで到達しないことが多かったので、やり方を変えました。いまは、Asana で管理しています。ミーティングは一切なし。 〜 要望改善のフロー 〜1. 収集 - すべての要望を一箇所に集約まずは、すべての要望を一箇所に集めます。要望は、お問い合わせ、レビュー、
具体的には、Zaim では Bitrise 経由で fastlane match を実行しています。fastlane match は、まさにこうしたファイルをリポジトリで管理するためのツールです。 何が嬉しいことがあるかというと、 チームで共通したプロビジョニングや証明書が使える キーチェーンから証明書をエクスポートするなど面倒なことはしなくていい AppID やデバイスも追加できる Development, Ad-hoc, Distribution 全部のファイルを管理できる 暗号化された状態で保存できるというような点になります。いろいろ便利です。詳しくは公式のドキュメントを確認してください。 重要なのは、共通のプロビジョニングや証明書を簡単に、かつセキュアに共有できるということです。 なお、そもそもなぜ Bitrise と fastlane の組み合わせを採用しているかについては、以前
次のページ
このページを最初にブックマークしてみませんか?
『Zaim スタッフの頭の中|くふうAIスタジオ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く