《インターン募集》インソース「エンジニア」のお仕事💻🍁
こんにちは。本日はインソース業務部 兼 人事総務部の野口がお送りいたします。
この度インソースでは、23卒の学生の皆さま向けに “5つのインターンシップ” を開催いたします🍁 中でも今回は、「Adobe XD」で「Daily UI」の課題に取り組んでいただくエンジニア・インターシップをご紹介いたします。
(他のインターンシップ情報も今後noteで発信してまいります!)
▼
「Daily UI」とは、平日にメールで100日間、UIのお題が届くカリフォルニア発のサービスです。インソースの社内システムを開発しているチームでは、毎朝全員で15分時間を図り、このDaily UIにチャレンジしています。
インターンシップ当日は実際にDaily UIに取り組んでもらったうえで、制作物の発表や他の参加者との共有などを体験していただきます。(当日は弊社プログラマーからのアドバイスもあります!)
「Adobe XD」とは? ダウンロード方法について
「Adobe XD」とは
今回のエンジニア・インターンシップでは、Adobe社が無料提供しているプロトタイピングツール「Adobe XD」(Adobe Experience Design)というツールを使用いたします。プロトタイプとは、システムの試作品のようなものです。
なぜ試作品を作るのかというと、システム開発では試作品のイメージがあることで、ユーザーやエンジニア同士で意見の齟齬がないようにすることができます。試作品があると業務の効率化に役立つのです。
◆インソースでの取り組み
インソースでは、業務で「Adobe XD(以下XD)」を取り入れています。言葉だけでなく形(=試作品)にして表現することで、関係者同士の思い違いを少なくすることができると考えています。
エンジニアがXDを通して実際にデザインを組むことで、要件定義(=何をどうシステム化するのか決める工程)の際にユーザーとの認識違いが減ったり、開発エンジニア同士の認識もズレが少なくなったりと、業務改善・開発のスピード向上に一役買っています。
そんなXDはWEBデザインを行うデザイナーさんがよく使用しているツールですが、操作は難しくなく、未経験者でも手軽にUIを作成していただけます。
◆利用方法について
XDの利用には、Adobeアカウントが必要です。アカウントを持っていない方は、以下公式HPの手順をご参考のうえ、作成ください。
https://helpx.adobe.com/jp/x-productkb/policy-pricing/cpsid_92722.html
◆インストール手順について
以下のページで「XDを入手」ボタンを押し、インストールを開始します。
https://helpx.adobe.com/jp/xd/get-started.html
◆ミニお知らせ
インソースには、XDを使用してプロトタイプを作成する研修もあります。画面設計やデザインを担当されている開発担当者さまに特におすすめの内容ですので、ぜひお気軽に研修カリキュラムを覗いてみてください▼
課題の作成方法・XDの簡単な操作について
ここからはXDの操作について、「アートボード」「図形」「文字」の順に説明していきます。
◆アートボードとは、「アプリケーションの画面」または「Webサイトのページ」です。アートボードを作成するには、左のツールバーの下から二番目、めくれている紙のマークをクリックします。
◆図形については、長方形、楕円形、多角形が作成できます。左のナビゲーションの四角、丸、三角をクリックすると、各図形を作成することができます。
◆文字については、左のツールバーの下から三番目、「T」マークのアイコンをクリックすると入力できるようになります。
図形や文字の色・サイズは、右側にあるプロパティ インスペクター内で操作できます。
(各種ツールについては、こちらの公式ページに詳しく掲載されています)
(また、こちらのAdobe公式ページでは、動画付きで利用方法が掲載されています! ぜひこちらも参考にしてみてください)
インソース「エンジニア・インターンシップ」の課題詳細について
さて、冒頭でお伝えした通り、インソースでは23卒の学生の皆さま向けにエンジニア・インターンシップを開催いたします。
今回は、Adobe XDでDaily UIの課題に取り組んでいただきます。
⇒インターンシップへのご応募はこちらから!✨
◆改めてDaily UIについて
Daily UIとは、平日にメールで100日間、UIのお題が届くカリフォルニア発のサービスです。デザイナーのみならず、エンジニアやデザインに興味がある方におすすめのサービスです。
インソースのとあるチームでは、毎朝全員で15分時間を図り、このDaily UIにチャレンジしています。社内システムを開発するエンジニアとして、必要な設計力の向上に役立っています。
◆インターンシップでの課題について
インターンシップ参加者の皆さまには、当日に課題を実施いただきます。事前にPCにAdobe XDをインストールしてください。
当日は、Daily UIの課題から以下2つを実施いただきます。
課題1: SNSのダイレクトメッセージのやりとりの画面(1対1) #013
課題2: 天気予報アプリ #037
お好きな時間にお好きなだけ取り組んでみてくださいね。
◆課題作成方法
iPhoneのサイズで作成していただきます(アートボードを「iPhone 12」「12 Pro」で作成ください)。
Googleの画像検索やDribbleというサイトでは、世界中の方の成果物を見ることができます。まずは作成前に、他の方がどのようなものを作っているのかぜひご確認ください▼
課題1 SNSのダイレクトメッセージのやりとりの画面(1対1) #013
課題2 天気予報アプリ #037
◆さいごに、担当者コメント
インターンシップ当日は、課題作成の後、お1人3分で発表いただく機会を設けております。
弊社社員からのフィードバックもございます。事前に、普段から目にしているアプリで参考になるものがあればスクリーンショットを取るなどしていると、課題もスムーズかと思います。
皆さまの面白い発想を期待しております! 最後までお付き合いいただき、ありがとうございました。(担当 野口)