サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<p>こんにちは！　デザイン本部のマルシオです。<br />
DMMのデザイン本部には、デザイナーが自発的に企画・開催する勉強会がいくつもあります。<br />
今回の記事では、他部署と連携しながら開催している「Nativeアプリ向上施策 アプリ勉強会」についてお伝えします。</p>

<h2>Nativeアプリらしくないアプリは、ユーザーも開発者も幸せになれない！</h2>

<p>「Nativeアプリ向上施策 アプリ勉強会」発足のきっかけは、恥ずかしながら、アプリ開発未経験デザイナーが多かったこと。<br />
Nativeアプリ開発が欠かせない技術であることは言うまでもありませんが、DMMのデザイナーの経験値はまだまだ発展途上というのが本音。</p>

<p><strong>「Nativeアプリの開発・設計・デザインに関する正しい知識を身につけて、ハッピーな開発環境を作りたい！」</strong></p>

<p>そんな思いから、システム本部と連携し2017年4月に勉強会がスタートしました。<br />
Nativeアプリに関するさまざまな情報を共有する場をつくることで、デザイナーが積極的に情報収集できる場をつくる。<br />
その知識をデザイナーが現場に持ち帰り、実践し、さらにたくさんの人に共有して、その結果をユーザーのハッピーに繋げる。&nbsp;<br />
&nbsp;それが「Nativeアプリ向上施策 アプリ勉強会」の狙いです。</p>

<h2>東京〜石川の4拠点を繋いで開催</h2>

<p>勉強会は4拠点（六本木本社、金沢事業所、金沢南事業所、割出事業所）をテレビ会議システムで繋いでの合同開催。<br />
スタートから半年で7回開催された勉強会の内容は以下の通り。</p>

<table border="1" cellpadding="1" cellspacing="1" style="width:700px;">
	<tbody>
		<tr>
			<td>
			<ul>
				<li>【第1回】アプリの歴史｜アプリとWEBの違いって？</li>
				<li>【第2回】デザインイノベーション</li>
				<li>【第3回】本当に今更聞けない、画素密度の話</li>
				<li>【第4回】プロトタイピング勉強会｜アプリUI改善ワークショップ</li>
				<li>【第5回】チームで考えよう！　初めてのマテリアルデザイン</li>
				<li>【第6回】アプリのグロースハックでしくじった話</li>
				<li>【第7回】ハイブリッドアプリケーションとReact Native<br />
				&nbsp;</li>
			</ul>
			</td>
		</tr>
	</tbody>
</table>

<p>アプリと時代の変遷を追う初心者向けの講座から（第1回）、<br />
アプリ開発の失敗例をもとにデザイナーが見出した改善案（第2回）、<br />
エンジニア目線の「アプリを開発するときにデザイナーに気をつけてほしいこと」（第5回）。</p>

<p>テーマは多岐に渡り、座学の講義形式からワークショップまで毎回工夫をこらした内容のおかげか、会を追うごとに参加者も増えていきました。&nbsp;</p>

<h2>「ハイブリッドアプリとReact Native」を学ぶ。</h2>

<p style="text-align:center"><img alt="" height="279" src="https://image.dmm-corp.com/0b1900t4gnhnotdcraqc2f9kqkku" width="800" /></p>

<p>直近の第7回の勉強会のテーマは「ハイブリッドアプリとReact Native」。 講師はデザイン本部フロントエンド開発部のテクニカルリードの佐々木亮彰が務めました。</p>

<p style="text-align:center"><img alt="" height="200" src="https://image.dmm-corp.com/jhkxoy6b92l1u01204hm8upfw973" width="133" /></p>

<p>講義の前半は</p>

<table border="1" cellpadding="1" cellspacing="1" style="width:700px;">
	<tbody>
		<tr>
			<td>
			<ul>
				<li>そもそもハイブリッドアプリとは何なのか？</li>
				<li>混同されがちなハイブリッドアプリとPWA（Progressive Web Apps）の違いとは？</li>
				<li>ハイブリッドアプリのフレームワークについて<br />
				&nbsp;</li>
			</ul>
			</td>
		</tr>
	</tbody>
</table>

<p>といった、基本的な内容がメイン。</p>

<p style="text-align:center"><img alt="" height="279" src="https://image.dmm-corp.com/k5lxdrpkk3uy6x1jr6sr4cyhtjeg" width="800" /></p>

<p>後半はいよいよ本題のReact Nativeについて。<br />
facebookが開発している「React.js」をベースにモバイルアプリを作成できるフレームワークであるReact Nativeは、facebookやairbnb、Instagram、Skype、Uber eatsなど、馴染みのある身近なサービス開発に採用されています。<br />
コンポーネント指向ゆえ、「AtomicDesign」とも相性がいいのが特長。</p>

<p>後半の主な講義内容</p>

<table border="1" cellpadding="1" cellspacing="1" style="width:700px;">
	<tbody>
		<tr>
			<td>
			<ul>
				<li>コンポーネント指向の概念的な話</li>
				<li>UIコンポーネントのスタートアップのコツ</li>
				<li>React Nativeのプロジェクトの始め方</li>
				<li>React Nativeの不得意なこと<br />
				&nbsp;</li>
			</ul>
			</td>
		</tr>
	</tbody>
</table>

<p>Web技術を用いるハイブリッドアプリの開発技術は、これからのWebデザイナーにとって大きな武器の一つであることは確実で、デザイナーがにとって価値ある一手になるといえるでしょう。</p>

<h2>技術を身につけてデザイナーとしての未来を切り拓く！</h2>

<p>最新の技術から基本知識の振り返りまで、デザイナーにとって必要な課題を自分たちで見つけ、自分たちで学びとる「Nativeアプリ向上施策 アプリ勉強会」。<br />
<br />
技術は身を助く！<br />
<br />
いちデザイナーとしての未来を切り拓くため、そしてその技術をユーザーのハッピーに繋げるため、引き続き様々な勉強会を開催していきます。<br />
またinsideで勉強会情報を発信していきますので、どうぞお楽しみに！</p>


【勉強会情報】クリエイティブ向上施策発動中！ アプリ勉強会

プラットフォーム開発本部

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMM Factory

DMM FILMS

ぷらさぷ ～＋SURPRISE～

DMMオンラインサロン

DMMいろいろレンタル

DMM DVD／CDレンタル

DMM通販

DMMオンラインクリニック

デジタルコミック事業

DMMチャットブースト

DMM英会話

DMM FX

DMMかりゆし水族館

ベルリング

ハッシャダイソーシャル

ヤンキーインターン

シント=トロイデンVV

DMM 地方創生

DMM.make 3Dプリント

DMM.make PRODUCTS

Seamoon Protcol by DMM Crypto

DMMバヌーシー

DMM EV ON

DMM WEBCAMP

DMMぱちタウン

DMM競輪

Waitinglist

Algoage

DMMポイントクラブ

社会課題

エンターテインメント

動画

電子書籍

アニメ

ゲーム

アプリゲーム

コミュニティ

オンラインサロン

PCゲーム

通販

オンラインイベント

ビジネスソリューション

教育

英会話

水族館

ハードウェア・プロダクト

救急車両

消防車両

モノづくり施設

サッカー

スポーツ

地方創生

VR体験

Web3

生成AI

研究開発

アプリ

ブロックチェーン

プラットフォーム

横断開発

社会インフラ

アミューズメント

ダイバーシティ

同人

サーバサイド

バックエンド

フロントエンド

ネットワーク

セキュリティ

ITインフラ

配信基盤

ペイメント

Android

データベース

ビッグデータ

データ分析

機械学習（ML）

MLOps

VR開発

フルスタック

プロトタイピング

グラフィックデザイン

イラスト作成

3DCG

モーショングラフィック

【勉強会情報】クリエイティブ向上施策発動中！アプリ勉強会

シェア

【勉強会情報】クリエイティブ向上施策発動中！ アプリ勉強会

シェア

【勉強会情報】クリエイティブ向上施策発動中！アプリ勉強会