TechAcademy（テックアカデミー） プログラミング 【プログラミング初心者必見！】Webとモバイル！どちらを最初に学習するべきか？
オーダーメイドコース
icon
icon
プログラミング

【プログラミング初心者必見！】Webとモバイル！どちらを最初に学習するべきか？

「Web開発」と「モバイル開発」どちらのプログラミング言語を学ぶべきかは、エンジニアというキャリアを目指す上で難しい問題です。初心者の方はプログラミング学習の決断をする上でぜひ役立ててみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

本稿は、CourseReportのブログ記事を、CourseReportより了解を得て日本語翻訳し掲載した記事になります。

「Web」と「モバイル」どちらのプログラミング言語を学ぶべきかは、キャリアに関わる難しい問題です。その答えを出すために今回のガイドを参考にしてみてください。

 

Web開発とモバイル開発で使用する言語とは

人気が高い主なWeb 開発言語には C#、Java、JavaScript、Ruby、PHP とPythonがあります。Web 開発の短期講座に登録すると、どんなWebサイトを作るにしても役立つHTML とCSS 、JavaScript を学ぶことから始めるでしょう。

一方、モバイル開発言語には iOS のためには、SwiftとObjective-C。そして Androidの開発には、Java があります。iOS の場合、アップルはiPhone・iPad・Macのためのアプリを作るために統合開発環境 Xcodeを用意しています。

あなたが iOS中心のモバイル開発を行う短期講座に登録するなら、間違いなくアップルの新しいプログラム言語、Swiftと同じようにXcodeについて一通り学ぶでしょう。

 

なぜWebエンジニアの方が多いのか？

多くのエンジニアたちは、Webの方がモバイルよりも簡単に学べるように感じています。

Webには長い歴史があり、初心者でも開発を始めやすいようにツールやフレームワーク、チュートリアルなどが豊富に用意されているからでしょう。

実は、iOS用のモバイル開発であっても初心者でも開発しやすいように統合開発環境が用意されているのですが。

いずれにせよ、変化の激しいテクノロジー産業で成功するにはソフトウェアエンジニアとしての経歴が必要でしょう。だからプログラマーにとって、業界の新しいツールと技術を学べるような恵まれた環境にいることは非常に重要なことなのです。

 

その分野で働こうとする人たちのためにも、どんな技術が要求され、どのような人が雇われているか、市場について少し調べておくことは重要です。市場が好調であっても、経験の浅いiOS開発者やAndroidのみのエンジニアを雇い入れることはより厳しくなっています。優れたエンジニアであればあるほど、まだ誰も学んだことがないようなネイティブモバイルアプリの開発へシフトすると言われているのです。

 

[PR] プログラミングで挫折しない学習方法を動画で公開中

2人のエンジニア出身の意見とは

Telediniのプロダクト開発の副社長である Jason Deegan は、「初心者はWebの基本をしっかり持つことから始めるべきである」と述べています。

しかし、他の人たちと差別化を図ろうとするとき、ネイティブのiOSやAndroidの開発は増大するモバイル市場において非常に重要な資産になります。

 

DigitalCraftsの集中講座のインストラクターであるRob Bunchは次のように述べています。

「私は求職活動をしたことで、ほとんどの雇用主がしっかりとした基礎を持ったWebエンジニアを必要としていることに気づきました。たいていの雇用主は、モバイルアプリの開発をほとんど行っていないにもかかわらず、その開発経験があるかどうかたずねます。

求人市場が活発になると、アプリを開発できる人材がよりいっそう求められるようになるでしょう。しかし現在の求人市場では最初にWebエンジニアを求め、アプリのエンジニアはあくまで採用できたらいいなという希望レベルなのです。」

 

Web とモバイルの両方を学ぶことは可能なのか？

アトランタのDigitalCraftsは、学生たちにモバイルとWebを同時に学べる革新的なモデルを作りました。

一方、General Assemblyのプログラムとして、BlocとThinkful は生徒たちにモバイルとウェブの部分的なコースを提供しています。またDigitalCraftsでは12週間のiOSアプリ開発の短期集中講座を提供しています。その講座では初心者二人にフルスタックのウェブ開発を教える16週間のオプションもついています。

 

なぜ同時にモバイル、Web の両方の開発を提供する必要なのか、 DigitalCrafts のチームはその問いに次のように答えています。

私たちはできる限り働けるくらいのレベルで卒業させてあげたいと思っています。

だからDigitalCraftsでは「学生たちが雇われやすくなるにはどうしたらいいか」を考えて、Webとモバイルの両方を学べるように授業を行っているのです。雇用主にとって、ネイティブのiOS開発は最も必要としている技術です。多くの技術に精通していれば、それだけ多才で貴重なエンジニアに見られます。

 

初心者のエンジニアがどこからスタートすべきかを決めるのは難しいことのように思えます。

しかしエンジニアとして成功するには、学び続けてキャリアを成長させ続けることが必要です。エンジニアとして情熱をもって取り組むためにも、絶えず変化してチャンスをつかみとってください。

まずは今現在あなたが働こうとしている市場と仕事をチェックしてみましょう。それから興味をもったスクールを訪問し、インストラクターやスタッフに会ってみましょう。

CodecademyやTreehouseのように無料で利用できるサイトを調べてみるのもいいでしょう。それから、何かあなたが楽しんでいられそうな開発部門のためによいアイディアが得られる個人のワークショップも調べるのもおすすめです。

 

あなたがどこからキャリアをスタートさせるにしても、それを成し遂げるにはあまりにも時間がかかります。だからこそ、とにかく始めることが重要なのです！

[お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。Webやモバイルを学びたい人はぜひご覧ください。

記事を検索

関連するキーワード

関連する記事

初心者でもできる！Apacheをインストールする方法

Webサーバとは Webサーバーとは、Webブラウザからのリクエスト（要求）に対し、Webページの内容をレスポンス（回答）として表示させる役割があります。 ...
プログラミング

【どこでも手軽に！】プログラミングを学べるスマホアプリ5選

プログラミングを学びたい人や学習サービスがどんどん増えてきていますね。 最近では、PCだけでなくスマホで学習できるプログラミングサービスも多く出てきていま...
プログラミング

オバマ、ジョブズ、ザッカーバーグが語る「プログラミングを学ぶ必要性」とは【動画紹介】

プログラミングを学ぶ必要性については、国内外問わず語る人が増えています。 今回は、海外で影響力のある3人が語った「プログラミングを学ぶ必要性」についての動...
プログラミング

ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて20選】

プログラム学習に役立つ、無料で使えるプログラミング学習サイトについてご紹介します。 プログラミング初心者が勉強するとなると、どこから始めていいのかわからな...
プログラミング

【連載企画】プログラミング未経験の文系学生でもエンジニアになれる！

本記事は、キャリアに特化したQ&Aサービス「JobQ」との連載企画になります。毎週月曜日に就職や転職など、あるテーマに沿って紹介していくシリーズです。前...
プログラミング

【澤円】元ポンコツSEが教える「プログラミングの学び方」

■本記事はNewsPicks Brand Designの制作のもと、2020年9月11日にNewsPicks上に掲載されたものです。 小学校でのプログラミング...
プログラミング

あわせてよく読まれている記事

マネタイズ手法を徹底比較！モバイルアプリ市場の現在とこれからのトレンド

本稿は、Smashing Magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、instinctools EE Labssのビジネス開発マネジャーのStacy Golmack氏によって投稿されました。   モバイルアプリの市場は、ジャックの豆の木よりも急速に成長しています。業界の規模は大きく、毎日成長し、終わりは見えません。予測通り、iOS/Androidエンジニアの人口は急増し、市場に出回っているモバイルアプリの数も増え続けています。世界規模で見ても、モバイルアプリ業界の収益は急増しています。 ハイブリッド型の収益モデル（アプリ内広告やアプリ内購入など）は、ビジネスの世界で急速に普及しています。多くの調査は、アプリ内広告が今後のモバイル成長の鍵となることを示しています。 この記事では、以下の疑問について明らかにします。統計データと専門家の意見に裏付けされた、包括的な答えを導いています。 平均的に、モバイルアプリはどれくらいの収益を生み出しますか？ 実際に平均収入は増えますか？ 今日、モバイルアプリ業界が直面している最大の課題は何ですか？ 今日、市場で最も一般的な収益モデルは何ですか？その中で、今後も成長が予測できるモデルは？どのモデルが生き残るでしょうか？   モバイルアプリ市場には成長の見込みがあります App Annieが2015年に報告したレポートによると、モバイルアプリケーション業界は総年間収益が4.4兆円を突破し、5.5兆円まで増加すると予測されています。また、Statistaによると、年間総収入は2020年までに20兆円を超えると予測されています。リサーチ主体によって数字は多少異なりますが、全体像として、市場は決して飽和状態にはないということが示されています。 Forresterのレポートを参照したApp Annieの予測によると、2016年末までにスマートフォンを所有する人は、世界人口のわずか46％です。つまり今話題のモバイル革命は始まったばかりであることを示しています。 消費者は企業よりも急速に進化しています。今日、モバイルインターネットは多くのユーザーにとって必要不可欠なものとなっています。   アプリの人気に関しては、アグリゲータのアプリが、最上位に移行する可能性が高いです。アグリゲータとは、多数のオンラインリソースからコンテンツを引用して、それらをインターフェース上に見やすくまとめるツールです。 コンテンツは、速報ニュースからユーザーの関心のあるニッチな分野に至るまで多岐にわたります。アグリゲータは、多数のWebサイトにアクセスしたり、多数のアプリをインストールする時間や余裕がないユーザーを対象としています。 有名なアグリゲーターアプリは、Flipboard、News360、Feedly、IFTTTなどです。   アグリゲータのアプリが、ショッピング体験を便利にするものである場合、ユーザーのお気に入りになる傾向があります。 たとえば、Facebookはメッセンジャー（Messenger）によってこれを行いました。ユーザーは自分のニュースフィード広告を読んで、たとえばUberの配車を依頼できるのです。   金持ちプラットフォーム、貧乏プラットフォーム モバイルアプリの2大巨人、AndroidとiOSは、世界のスマートフォン市場を支配しています。 Gartnerの調査によると、2016年の第3四半期には、世界中で販売されているスマートフォンの87.8％がAndroidでした。この数字は、前年比で3.1％の増加です。 一方、iOSの市場シェアは11.5％で、2015年比で2.5％の減少です。これらの成長は他の市場プレイヤーの地位を大幅に低下させました。スマートフォンデバイス市場の0.4％を占めていたWindowsは、モバイルプラットフォームの競争では3位となり、シェアは年率2.5％で減少しています。   アップルとGoogleは、最大で最も人気の高いアプリストアを持っています。今のところ、アプリケーションやエンジニアの数において、他の競合他社がこれらのストアに対抗できる見込みはありません。 InMobiは、アプリの55％は、収益が10万円未満であると推定しています。さらに、世界中のアプリの3分の1が、製品の合計ダウンロード数が10,000に達していません。 収益の格差はAndroidエンジニアの間で顕著であるのに対して、iOSデベロッパーの間ではより収益分配のバランスが取れています。2016年以降、iOSエンジニアの25％以上は毎月の収益が50万円を超えています。 一方、Androidエンジニアで同様の収益を達成したのはわずか16％です。 モバイルOSごとの月間平均収入を推定した興味深い統計があります。Forbesは、iOSは月平均で40万円を稼ぎ、2位のAndroidは12万円、3位のWindows Phoneは6万円程度を稼ぐと推定しています。   しかし、Statistaの調べによると、この推定に反して2016年は、Windows Phoneアプリでは125万円、iOSアプリでは約90万円、Androidでは約50万円の月間平均収入が得られています。 また、エンジニアの約75％は、Androidを最も好んでいます。 彼らは、Androidベースの製品を開発することで収入を増やすことを考えています。   [PR] プログラミングで挫折しない学習方法を動画で公開中モバイルアプリの概観 高性能のモバイルCPUは、強力なグラフィック、高品質なディスプレイ、高速インターネット接続を備えることにより、スマートフォンをゲーム機に変えました。 App Annieのレポートによると、モバイルゲームは2011年にはモバイルアプリの収益全体の50％未満を占め、2015年にはモバイルアプリの市場収益の85％を生み出しました。この数字は、世界規模では約3.7兆円に相当します。 しかし、ユーザーが他のカテゴリのアプリに費やす時間も急激に増加しています。 ゲームアプリ以外のアプリは、アプリ使用時間において、ゲームアプリを追い抜いています。 Flurry Analytics Blogによると、2015年後半までにモバイルアプリの市場には、次のような変化が起きました。 カスタマイズアプリ（ランチャー、アイコン、壁紙、ロック画面、デバイスカスタマイズアプリなど）が1位になり、セッションの使用率は332％上昇しました。 新聞や雑誌のモバイル版アプリが2位で、135％の成長となりました。 生産性向上ツールとアプリは使用率において3位で、125％の成長となりました。 ライフスタイルとショッピングのソリューション関連のアプリは81％の成長で、4位となりました。 メッセンジャー、ソーシャルアプリ、旅行、スポーツ、健康、フィットネス関連のアプリは、53％から54％に増加しました。 ゲームは、ユーザーの使用時間が1％減少した唯一の例外です。   収益モデル 現在、収益モデルには主に6つのタイプがあります。 ダイレクトセールス（直販） ユーザーが有料アプリをまだ購入していない場合、スクリーンショット、説明、動画を、画面上にプレビューします。これらを利用することで、ユーザーにアプリの購入を促し、製品のデモンストレーションを行うことができます。 しかし、ダイレクトセールスによってユーザーに購入を決心させるのは困難です。このことは、収益性が最も高いアプリのリストに、有料アプリは入っていないという統計結果にも示されています。 有料アプリは人気を失っている唯一のアプリですが、一部のケースではまだその価値が証明されています。   たとえば、Minecraft Pocket Editionは、Google Playストアで最も利益を上げている有料アプリです。 2011年に正式にリリースされたMinecraftは、サンドボックスのビデオゲームで、ダウンロードごとに840円で販売されいます。   フリーミアム（Freemium） フリーミアム（Freemium）の収益モデル（「無料」と「プレミアム」の組み合わせ）では、ユーザーは無償で基本機能を利用でき、1回限りまたはそれ以降は有料でプレミアム機能を利用できます。 そのため、この収益モデルを利用するアプリは、可能な限り多くのダウンロード数を確保することに重点を置いています。 フリーミアムモデルはその潜在的な搾取メカニズムについて強く批判されていますが、慎重に利用すれば優れた効果を発揮します。その例はClash of Clansです。   サブスクリプション（月額課金） サブスクリプションの収益モデルは、フリーミアムと似ています。違いは、ユーザーは特定の機能だけでなく、アクセスするすべてのコンテンツについて料金を支払うことです。この収益モデルは、顧客ロイヤリティを高く保つことができれば、予測可能で長期的な収益フローを生み出します。 この収益モデルを利用した優れたアプリの例は、認知心理学者が脳を訓練するために設計した、50以上の練習問題のあるLumosityです。 Lumosityは、月額（11.99ドル(約1,200円)）と年額（59.99ドル(約6,000円)）の定期購読のオプションを提供しています。 Lumosityは93,000人以上のユーザーから5つ星の平均評価を得ており、購読アプリ部門における驚異的な成功例といえます。   アプリ内課金 アプリ内課金は、モバイルゲーム、購入商品について料金を請求する商品カタログアプリで、特に一般的です。この収益モデルは柔軟性が高く、ゲームアプリの中にはユーザーに購入を促すものもあります。 2016年2月現在、Tech Timesによると、モバイルゲームのユーザーの約1.9％がアプリ内購入を行い、この数字は着実に増加しています。   例として、ユーザーが特定の商品やサービスを購入できるソーシャルアプリであるMeetMeがあります。 MeetMeでは、料金を支払ってプロフィールのビューを増やすことができます。このアプリの開発者は、明確な収益モデルを持っていることで、相当な収入を得ることに成功しています。   クラウドファンディング クラウドファンディングは、比較的新しい収益モデルです。 アプリの開発者は、KickstarterやIndiegogoなど人気のあるオンライン上のプラットフォームで、アプリのアイデアを提示し、出資を募ります。興味深いプロジェクトであれば、当初募集した額より数倍高い資金を集めることもできます。 スタートアップのShadowは理想的な例です。このプロジェクトでは、3,784人の支持者から82,577ドル(約900万円)の資金を集めています。 Shadowは、報酬とプロジェクトに対する独占権も提示して、睡眠と夢を記録するソフトウェアのクラウドファンディングに挑戦しました。 Shadow会員専用のカードを渡された人は、基本的にアプリを無料で利用できますが、利用価格が8ドルに上昇したときには、これを約2万ドルで売却できます。   スポンサーシップ スポンサーシップは、新しい収益モデルです。ユーザーは、報酬の見返りとして広告スポンサーになります。報酬は開発者にも分配されます。この収益モデルはまだ黎明期にあるため、マーケティング戦略を磨く必要があります。 RunKeeperは、4,500万人以上のユーザーからなるコミュニティを持ち、スポンサーシップを利用したビジネスモデルの素晴らしい例です。 ユーザーは、一定の距離をランニングするか自転車で走ると、報酬を受け取ります。広告主がユーザーに支払います。開発者は、迷惑な広告を掲載していないことについて高く評価されるでしょう。   広告による収益化 これは最も一般的な収益モデルであり、詳しく検討する必要があります。人気の理由は明らかです。ユーザーには無料アプリをダウンロードしたいという需要があり、ダウンロード数が増加するほど開発者の収益も増加します。 IHS Markitのレポートによると、2020年までに、アプリ内広告は年間5.8兆円の市場規模に達すると予想されています。これはモバイルデバイス上の全広告収入の約63％に相当します。 他のセクターと同様に、広告ベースのアプリを開発している少数の主要な開発者が、収益の大部分を生み出しています。他の大多数の開発者は、残りの取り分を分け合わなければなりません。 Klick Healthによると、首位はFacebookで、Facebookのアプリには全モバイル広告の44.3％が表示されています。ランキングにおける他の企業は、Alibaba、Google、Tencent、Twitter、Pandora、Yahooです。 最高額の広告収入を得ている企業は、しばしば主要な広告スポンサーになります。この傾向は特にモバイルゲームのアプリにおいて顕著です。 Rovio、Gameloft、Disneyなどの最大のベンダーは、比較的人気の低い数百のインディーゲーム製品内で、自社のゲーム製品を宣伝しています。   まとめ すでに見たように、モバイルアプリ市場の急速な成長はすぐには止まらないと予測できます。競争は激化しているにもかかわらず、開発者は新しい収益モデルを活用して、ユーザーにとってより面白くより便利なソリューションを創造しています。少なくとも2つの新しい収益モデルは効果が高いことが明らかになり、ここ数年で人気が高まっています。 上記の収益モデルはどれも効率的です。開発者や発行者は、ケースに応じてこれらの収益モデルを導入することに熟練しています。たとえば、購読モデルは特定のニッチでのみ機能しますが、最も収益性の高いモデルです。 また、潜在的に悪意があると批判されているフリーミアムの収益モデルは、慎重に使用すれば優れた効果を発揮します。Clash of Clansがその完璧な例です。 有料アプリは、急速に人気を失っている唯一のアプリですが、一部のケースではまだその価値が証明されています。   ハイブリッド型の収益モデル（アプリ内広告やアプリ内購入など）は、ビジネス界で特に人気を集めています。多くの調査によって、アプリ内広告は今後のモバイル成長の鍵となることが示されています。 今日、iOSとAndroidは主要なモバイルOSであり、大手のモバイルアプリストアを保有しています。 時が経てば、モバイルアプリ市場がどのように発展するか明らかになるでしょう。市場の動向からは、市場は将来的にも、より高い収益を生み出し続けると予測できます。今話題のモバイルアプリ革命は始まったばかりです。   TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプ、Androidアプリ開発オンラインブートキャンプを開催しています。 期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
スマートフォンアプリ開発

【トレンドを抑える！】ミレニアル世代へのモバイルマーケティングの実態とは

本稿は、Smashing Magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、サンフランシスコで働くマーケターAnya Pratskevich氏によって投稿されました。   今、人はスマートフォンに1日約5時間を費やしています。 では、なぜモバイル広告を効果的に運用するのは難しいのでしょうか？マーケティング担当者は、ターゲットを絞った広告のクリック率やコンバージョン率を上げることに注力しています。 しかし一方で、邪魔なバナーに飽きたユーザーたちは広告ブロッカーをインストールし続けています。モバイル広告には世界規模で毎年約1000億ドルが消費されていることを考えれば、この負の関係を解決する方法を見つけ出すことが必要です。   幸いなことに、最近のモバイルのトレンドには、発行主（パブリッシャー）や広告主はユーザー体験を考慮している兆候が見られます。 たとえば、 Googleはユーザーの関心を取り戻すためにモバイル版の「ポップアップ広告の制裁や削除」に取り組み、マーケティング担当者は、新規顧客の積極的な獲得よりもリテンション（既存顧客の維持）を大切にする傾向にあります。   モバイル広告のトレンドには、VR・AR広告のようにトレンドとなるまでに今後数年かかることが予想されるものもあれば、モバイルウォレットやチャットボットのようにすでにモバイル上で毎日のように「ブランドと消費者の交流」を数百万もの規模で促進しているものもあります。 VR・AR広告はトレンドとなるまでに今後数年かかることが予想されますが、モバイルウォレットやチャットボットはすでにモバイル上で毎日のように「ブランドと消費者の交流」を数百万もの規模で促進しています。 この記事では、モバイルマーケティングの最大のトレンドを紹介します。   モバイルはデジタルとオフラインの経験を結びつける モバイル決済は米国で増加しており、2020年までに3,200億ドル以上に達することが予測されています。 しかし、これらの購入による収益は、マーケティング担当者が取引データを収集することによって得られるメリットのほんの一部にすぎません。 小売業者は、現金の不要なモバイル取引から得たデータをCRM（顧客関係管理）に利用し、購買履歴、場所、時間に基づいてひとりひとりの購入者のエクスペリエンスを個人化できるようになりました。 たとえば、スターバックスはブランドのモバイルウォレットアプリを通じて、ロイヤルカスタマーの情報を収集しています。顧客はどこにいて、どのような飲み物を注文し、どのような種類の音楽を聴くのか（ユーザーはアプリ内で音楽プレイリストを作ることができます）などについてです。 また、Sephora to Goというアプリは、ユーザーの購入履歴に基づき、ユーザーがストア内にいる間はいつでも、彼らのスマートフォンやスマートウォッチ上で新しい製品を勧める通知をプッシュします。 モバイル決済は、顧客データを収集し、デジタルな体験を個人化するための重要なツールです。 では買い物客にとってはどのようなメリットがあるのでしょうか？ 多くのユーザーは、モバイル決済において手軽な体験を楽しみます。それは、ICチップを搭載したEMVカードよりも速く、物理的にお財布を持ち歩くよりも簡単で安全です。 Android Pay、Apple Pay、そして最近ではBMOとのパートナーシップを結んだVisaのサービスであるSelfie Payも、ユーザーのセルフィー（自撮り）を使用してユーザーの身元を確認しています。 ほとんどのソーシャルメディアのセルフィーとは異なり、モバイルの決済データはトークン化の技術によって保護されています。すべてのマーケティングメッセージは、事前に購入者からの同意を必要とします。   より短い動画で効果的なマーケティングを推進 すべてのYouTubeビューの半数以上は携帯端末からのものです。 モバイルの平均ダウンロード速度は、19.27Mbpsを超え、前年比で30％も向上しました。テクノロジーの向上により、広告はインタラクティブなデジタルコンテンツをより多く買い物客に表示するようになりました。 明らかに、モバイル上では人々とコンテンツとのインタラクションは特異であるため、マーケティング担当者は公共場所で手元にヘッドホンを持っていないユーザーに対して、動画を表示したり、動画にテキストオーバーレイを追加します。 モバイル、ソーシャルメディア、動画はマーケティングROIのための強力な神器となりました。ROIもまた追跡が以前より容易になっています。 動画広告は魅力的です。ユーザーの80％が過去30日間に視聴した動画広告を思い出すと示すデータもあります。 動画はネイティブ広告のフォーマットを、モバイル上での広告設置のための複数のオプション（プレロール・ミッドロール・ポストロール広告、アプリ、動画バナーなどのインタースティシャル広告）に対応させます。   マーケティング担当者は、ブランド認知度だけでなく、より具体的なパフォーマンス指標により、動画によるROIを測定できるようになりました。 たとえば、Googleの最新の広告商品は、動画広告は顧客が実際の店舗に足を運ぶことを促進する効果があることをデータで示しています。   [PR] プログラミングで挫折しない学習方法を動画で公開中チャットボットによるブランドとの1対1の会話 会話は、販売と良質な顧客サービスのための基礎を築きます。 チャットボットは、1対1のやりとりを、テキストメッセージを介して何百万人もの消費者に提供します。たとえば、Whole Foodsには買い物客に対して料理のレシピを提案してアシストするFacebookボットがあります。 同様に、バーガーキングとピザハットの顧客はFacebookのメッセンジャーやTwitterのボットを通して、直接注文することができます。しかし、チャットボットはセールスマンの代わりとなり、顧客の注文を促進するだけではありません。 チャットボットは、Facebookの特定のユーザーに関して豊富なデータを持っているため、ブランドはそのユーザーの好みを知り、それに対応してコミュニケーションを個人化することもできます。   さらにディープラーニング（深層学習）のアルゴリズムは、時間の経過と共にボットを改善するため、消費者行動を予測することにおいては、その地域の店舗のどの店員よりもブランドに高い優位性を与えることになります。 ブランドは、買い物客の受信箱で直接的に、商品やサービスをアップセルまたはクロスセルするようになるでしょう。   IoTによって購入へのプロセスを削減する ブランドは、Internet of Things（IoT）を使用して消費者データを収集する多くの優れた方法を有しています。 Alexa、Siri、Google Assistant、MicrosoftのCortanaやLINEのClovaなどの音声アシスタントは、文字通り、ブランドが顧客の声に耳を傾けることを可能とするのです。 Amazon Echoの人工知能Alexaの所有者は8000万人以上いますが、彼らはAmazonの音声コマンドによって簡単に注文することができます。 ウェアラブルで、ネットワークに接続されたオブジェクト、スマートパッケージは、買い物客の購入プロセスを短縮します。たとえば、小型端末のAmazon Dash Button（アマゾンダッシュ）は、人々のホームWi-FiおよびAmazonアカウントに接続します。 Amazonプライム会員が洗剤、電池、他の家庭用の日用品を使いきる度に、ダッシュボタンを押すだけで自動的に注文が行われ、商品は2日以内に配送されます。   マーケティング担当者にとっては、消費者に彼らの家庭で近づくことができるこの機会は、顧客データをとりわけ慎重に処理する必要があることを意味します。 購入動向のデータは、リテンションマーケティングなどに役立つ一方で、家庭用のデバイスはプライベートな領域とみなされます。 マーケティング担当者は、「のぞき見されているようで気味が悪い」と消費者に思われることを避けるため、健康などのプライバシーに関する個人化された製品まで推奨するべきではありません。   ネイティブ広告：動画はより多くの注目を集めることが可能ですが、モバイル検索はPocketの数を増やします Snapは最近、1株あたり24ドルの価格で株式公開したことで、今日最も広告のターゲットとして熱望されているミレニアル世代に達することが約束されたも同然の、成長しつつあるB2Cのマーケティング予算のシェアを獲得したといえます。 ネイティブ広告は、今年のディスプレイ広告市場全体の最大53％を占めると予想されています。   Facebookのブランドストーリー、Snapchatのフィルター、Buzzfeedのスポンサー広告は、すべてネイティブ広告の例です。これらはサイト運営者の自然なコンテンツのように見えますが、エンゲージメント率を上げるのに効果的なのです。なぜなら、人々はそのような広告に最も関心を向ける傾向があるからです。 同様に、いくつかの調査により、ユーザーは記事広告をクリックしたときに騙されたと感じることが明らかになっています。 ローカル検索広告は、GoogleマップやOpenTableなどとのアプリ内での統合により、簡単になりました。 たとえば、ユーザーは地図アプリケーション内でOpenTableを使用することで、Lyftを利用したり、レストランの予約をすることができます。 検索パートナーシップは、ベンダーは市場に容易に参入できて、パブリッシャーはモバイルエコシステムを構築することができるため、双方にとってWin-Winな関係を作り出しています。 WeChatの1ユーザーあたりの平均収入は7,000ドルを超え、現在は8,000以上のブランドがこのプラットフォームを使用しています。 ユーザーを確保して1つのアプリを継続的に利用させる方法としては、何と楽で効率的でしょうか。   結論 デジタルとオフラインの体験が相互に関連していくにつれて、新しいインタラクティブな広告フォーマットが登場し、「すべての人々の関心」という最も希少価値のあるマーケティング資産を捉えることができることが約束されました。 しかし、ミレニアル世代の買い物客へのマーケティングには依然として課題もあります。マーケティング担当者だけの仕事ではなく、エンジニア、データサイエンティスト、デザイナーの仕事にもなるでしょう。 テクノロジーを利用した1対1のブランド・コミュニケーションを拡大する一方で、思慮深いデザインにより消費者にとっての摩擦を減らすこと、文字通り、ボタンに触れるだけで簡単に購入できるようにすることが必要とされるでしょう。   また、TechAcademyでは初心者でもWebマーケターになれるWebマーケティングオンラインブートキャンプを開催しています。SEOも含めてメンターのサポートによって短期間で習得可能です。 独学に限界を感じている場合はご検討ください。
Webマーケティング

作業を円滑に！エンジニアとデザイナーが衝突しない秘訣とは

本稿は、UXPinのブログ記事を了解を得て日本語翻訳し掲載した記事になります。記事は、エンジニア、Webデザイナー、ペンシルバニア州立大学の助教授であるJames Stone氏によって投稿されました。   プロジェクトをタイトなスケジュールで進めるときには、共同作業は困難を極めます。 デザイナーとエンジニアの意見を一致させるのは、非常に大変です。 もし彼らが同じプロジェクトで、Webサイトを公開しようとすれば、オフィスの中は戦争状態と化すかもしれません。   では、デザインを素早く完璧にこなし、かつ世界に通用するレベルのWebサイトを構築するにはどうしたらいいでしょうか？ この記事では、プロジェクトの共同作業における問題を解決するためのアドバイスを紹介します。すべてのアドバイスは、私が過去10年間にWebデザイナーおよびエンジニアとして経験してきた成功と問題から引き出したものです。   目次 グリッドシステムをレスポンシブデザインで設計する ピクセルパーフェクトなデザインを実現できるツールを使う Photoshopの代替ツールを考える 値を統一する プロトタイプを使った共同作業をする デスクトップファーストの手法を排除しないこと アセットの引き継ぎには十分注意を払う   1. グリッドシステムをレスポンシブデザインで設計する グリッドシステムはすでにご存知かもしれません。私がエンジニアとしてデザイナーと共同作業をしたときに直面した問題は、グリッドシステムをレスポンシブに設計するスキルが、デザイナーたちに不足していたことです。   グリッドの幅を具体的に設定する まず技術的な話から始めましょう。最初に、グリッドの幅は具体的な数値で設定し、各グリッドごとにガターのサイズも正確に把握します。こうしておくことで、デザインに統一感が生まれ、またくり返し微調整する手間も省けます。 開発チームへグリッドシステムを引き継ぐときにも、数値は正確に揃えておきましょう。もしパディング（padding）を15ピクセルで設定したら、厳密に15ピクセルになっていなければなりません。グリッド全体の幅を1000ピクセルで設定したときも、厳密に1000ピクセルです。 レスポンシブデザインとは、あらゆるデバイスやシステムにおいてWebデザインが柔軟に機能することを意味しますが、最初の数値設定は厳密に行う必要があります。   デザイナーは、モバイル端末上の表示もチェックすること モバイルビュー デザインを美しく仕上げても、それで完成ではありません。モバイルビュー（モバイル端末上の表示）も忘れずにチェックしてください！ もしデザイナーがモバイルビューをチェックしなければ、エンジニアはデザインの意図を汲みながら、モバイル端末上でも上手く作動するように、すべて一人で設計しなければなりません。私はエンジニアとして、こういう状況によく遭遇します。 デザイナーも、グリッドシステムをレスポンシブに設計する方法について、よく理解しておくべきです。 プロジェクトの共同作業を円滑に進めるためには、デザイナーは、デスクトップ版からモバイル版へ移植するときの各要素の並べ方（mobile stacking order）も考えておくといいでしょう。 また時間に余裕があれば、モバイルビューのモックアップを作成しておくと大いに役に立ちます。完成製品のデザインをイメージしやすくなります。   互換性の問題 デスクトップ上で作成したグリッドシステムは、モバイル端末上では上手く機能しないこともあります。たとえば、サイズの大きい要素は、モバイル版のサイズに上手く縮小されないことがよくあります。 デスクトップとモバイルのインターフェース間では、このようにデザインの互換性の問題が起こることがあり、タイムラインを示すUIの要素（timeline UI element）にも見られます。 デスクトップ上では問題なく表示され、時間軸上の各ポイントも見やすいデザインです。しかしモバイル端末上では表示が崩れることがあります。 デザイナーは、こうした問題を自力で解決する必要があります。そうでなければ、エンジニアにデザインの意図を誤解され、予想もしなかったようなおかしなデザインが生まれるおそれがあります。   [PR] プログラミングで挫折しない学習方法を動画で公開中2.ピクセルパーフェクトなデザインを実現できるツールを使う ショックを受けてほしくないのですが、Photoshopは現代的なWebサイトを構築するのに適したツールとはいえません。 私はエンジニアとして、Photoshopで作成されたモックアップを渡されることがよくあります。残念なことに、Photoshopで作られたモックアップは、エンジニアがWebサイトを構築するときには問題となることがあります。Photoshopでは、エンジニアが必要とするレベルの精度と正確さを実現できないからです。   フォントの整合性 第一に、PhotoshopとWebの間で、フォントの整合性が保たれる保証はありません。 Photoshopのファイル形式でデザインされた文字は、Web上で表示が崩れてしまうこともよくあります。文字がより太くなったり、全く異なるデザインになっていたりするのです。オープンソースのフォントでさえ、Photoshopで編集すると、Web上で表示が変わることがあります。 デザイナーは、ウェイト（太さ単位）を基本にして、フォントの調整を行うべきです。 スクリーン上での表示を基本にしてフォントの調整を行うのは、良くありません。Webを構築したときに、デザインが歪んだり劣化する原因になるおそれがああるからです。   パフォーマンスの問題 ピクセルパーフェクト（px単位の正確な設計）が重要なのは、他にもデザイナーがWeb用に作成するPhotoshopのファイルには問題があるからということも理由の1つです。 その1つの例がドロップシャドウです。 Photoshopは高機能なドロップシャドウなどを備えています。デザイナーは、シャドウ、マスクなどのデザイン効果を柔軟に使いこなすことができます。しかし、エンジニアがこれらのデザインをWeb用にコーディングするときには、使える選択肢がかなり限られているのです。 また、エンジニアがWebサイトのフロントエンドの開発をするときには、パフォーマンスを非常に重視します。 スタイリッシュなUI要素を表現するために、24bitの半透過または透過のPNG形式のサイズの大きい画像などを使うとしたら、Webサイトの読み込みに時間がかかります。もしこのような要素が100個あれば、100倍の時間がかかり、Webサイトの動きは非常に鈍くなります。   解決策の1つは、ドロップシャドウを使う代わりに、CSSでコーディングすることです。 CSSを使うと、ドロップシャドウの他にも多くのデザイン効果を表現できます。もしエンジニアがCSSを使えるなら、Web上にPNG形式の画像を埋め込む代わりに、CSSを使うべきです。 軽量なデザインが可能となり、要素のサイズを小さくすることができるというメリットがあります。しかしデメリットもあり、CSSで作ったタイポグラフィやドロップシャドウは、元の画像と全く同じデザインに仕上げることはできません。 2つの画像のうち、上が透過のPNG形式の画像で、下がSVG形式の画像です。 見た目はほとんど同じですが、画像のサイズはPNG形式は12.3kもあるのに対して、SVG形式はわずか1.7kです。SVG形式の場合、シャドウをデザインするときには、ディテールの調整、ブレンドモードによる色の変更なども、完璧に行うことができます。 一方、透過のPNG形式だと、画像の背景色を変更するときに、背景色がアルファチャンネルのデータ領域ににじんでしまって、他の要素の周りに光の輪がついたように見えることがあるのです。   Photoshopの代替ツールを考える あなたがどのようなツールを選ぶとしても、PhotoshopがWebデザインのツールとしては最適な選択でないことは明らかです。たとえば私は、Bohemian Coding社の開発したSketch 3というデザインツールを使っています。 今のところSketchにはバグや問題もあるのですが、デザインの整合性を保つためには非常に優れたツールです。 まず、px単位で厳密に行う設計なデザインを素早く簡単に行うことができます。フォントやドロップシャドウも、CSSでコーディングするのと変わらない出来栄えです。 Sketchには、作成したデザインからCSSのコードを取得して、コピー&ペーストで利用できる機能もあります。そのため、一度デザインしたものを、最終的にHTMLやCSSでコーディングし直す必要もありません。   ピクセルパーフェクトなデザインを可能とする現代的なツールを使えば、デザインの意図を完成製品に反映することが可能です。プロジェクトのメンバーの仕事の負担軽減にも大いに役立ちます。 より詳しい活用方法をご紹介すると、私は各レイヤーのプロトタイプを作るために、Sketchで作成したモックアップをインポートして共有しています。こうすることで、同じチームのエンジニアはデザインの見た目だけではなくて、デザインの動作性も知ることができます。   3. 値を統一する マージン（margin）、フォント、行（line）の値を統一することで、プロジェクトを速いペースで進めるときにもフラストレーションの緩和に役立ちます。 良いデザインを生むためには、フォントのサイズやウェイト（太さ）、文字間隔、行の高さを制限することも大切です。具体的なアドバイスは、次に示しています。   マージン（margin） マージンについてのアドバイスはシンプルです。 マージンとパディングの幅のpx（ピクセル）の数値は、端数を切り捨てて、5の倍数に設定します。たとえば、13、17pxなどよりも、10、15、20pxなどを使いましょう。 デザインと開発の両方の観点から、5の倍数のpxを使うことには、統一感を生む効果があるといえます。   行（line）の高さ 行の高さを統一することで可読性が高まります。 もし行の高さを出力するときに、Photoshopなどのプログラムをデフォルトとして使っているとしたら、可読性に問題が生じるおそれがあります。また、行の高さを1.2（元のフォントの1.2倍の高さ）に設定するのは、現代的なWebデザインには適していません。エンジニアやエンドユーザーが問題を抱える可能性があります。 多くのWebサイトでは、可読性を最大限に高めるために、行の高さを1.5または1.6に設定しています。エンジニアが後で修正しなくてもいいように、本文（body）のテキストにはこれらの数値で統一しておくといいでしょう。もっとも、見出し（headline）のテキストは、1.2で設定しても見栄えの良いデザインになります。   ただし一貫性を保つのがルールです。たとえば完成製品のデザインにおいて、見出しの行の高さを1.2、本文の行の高さを1.5とすることが目標であれば、このデザインを実現できるように、モックアップやプロトタイプの作成においても、同じ数値を一貫して使うことが大切です。   フォントサイズと文字間隔 使用するフォントサイズは3または4種類、最大でも5種類までに止めましょう。 BootstrapやZURBのFoundationなどのレスポンシブデザインに使えるフレームワークでは、フォントサイズが規定値になっていることがあります。さらに、モバイル版を設計するときには、見出しのフォントサイズが一回り小さな規定値になります。デザインするときには、これらの規定値を解除しておきましょう。 見出しに使うフォントサイズは、端数のない数字で統一します。ページからページへ移行するときにも、デザインの統一感が保たれる効果があります。40pxと42px、または38pxと38.5pxなど不揃いな値を組み合わせて使うと、デザインの統一感が失われてしまいます。   文字間隔についても、値を統一することが大切です。文字間隔には、見出しを強調して、美しいタイポグラフィを生み出す効果があります。 また、もしあなたがデザイナーで、文字のデザインについてエンジニアより主導権を握りたければ、各要素ごとに文字間隔を統一して設定しておきましょう。   フォントのウェイト（太さ） エンジニアの観点からいうと、デザイナーがフォントのウェイトを増やすほど、フォントの読み込みに時間がかかります。 これは、Googleフォント、AdobeのTypekit、その他すべてのフォントについて当てはまります。どのくらいの時間になると思いますか？フォントのウェイトの数を2上げるごとに、ページの読み込みに2倍の時間がかかります。Webサイトの読み込み時間が長くなるほど、利用者もユーザーエクスペリエンスを遅く感じるはずです。   フォントのウェイト数はなるべく控えめにすることを、私はおすすめします。デザイナーは「このデザインのフォントはもっと軽いウェイトで実現できないか？」、「5ではなくて3のウェイトでも良いのではないか？」など自問してみるべきです。 ウェイトの数を小さめにすれば、プロジェクトを効率的に進めて、軽量なデザインを実現することができますし、結果としてモバイル端末や他のプラットフォーム上での読み込み時間も少なくなるので、ユーザーエクスペリエンスの質を高めることにもつながります。   4. プロトタイプを使った共同作業をする プロジェクトの共同作業を進めるときに、プロトタイプを利用しないとしたら、ミーティング、電話のやりとり、（コーヒーのしみのついた）手書きのメモなどが溢れかえり、コミュニケーションは収拾がつかなくなります。 言うまでもなく、文書は管理不可能になり、プロジェクトマネジャーやデザイナーたちはデザインのコンセプトを伝えるのに苦戦するでしょう。 画像：注釈を入れすぎたワイヤーフレームの悪い例 次に、文書を減らして、明確なコミュニケーションを図るのに役立つステップをご紹介します。 まずプロジェクトの開始時に、要件定義書などは、網羅的な文書というよりもナレッジハブ（情報の中央管理システム）として活用するよう、提案してみましょう。たとえば次の画像に示した要件定義書では、基本デザインと技術原則を定め、これにプログラムのバージョン管理のために使うツールへのリンク情報を加えただけのシンプルなものです。あとは、これらのツールを使ってデザインやバージョンをマークアップ言語で記述したときに、現場での必要性に応じて、追加の文書を作成すればいいのです。 画像：Autodesk社のソフトAutoCAD 360で作成した製品の要件定義書 プロジェクトの開始後には、システム全体のインタラクションを考えるために、ユーザーフローを作成します。次の画像で示すように、ユーザーエクスペリエンスにおいて重要な鍵となる部分には、コメントを追加しておきましょう。エンジニアとプロジェクトマネジャーが全体の流れを把握するのに役立ちます。 画像：Autodesk社のソフトAutoCAD 360で作成したユーザーフローの図 ユーザーフローについてディスカッションを重ね、イテレーションを実践したら、次はユーザーエクスペリエンスのデモを行います。ローファイのプロトタイプを作成し、エンジニアに説明するためのコメントを余白に加えておきます。   5. デスクトップファーストの手法を排除しないこと 私の携わったプロジェクトの約95%は、いわゆる「デスクトップファースト」の手法で開発が進められました。デスクトップファーストは、モバイル版より先にデスクトップ版から、インターフェース、デザイン、インタラクションなどの開発を進める手法です。 デスクトップファーストと対比される手法がモバイルファーストで、Web製品のモバイル版を開発するときには、とても優れた手法です。しかしながら実際に有効活用するのが難しいこともあり、デザイナーはデスクトップファーストの手法を排除するべきではありません。 デスクトップファーストで開発を進めるとして、すでに製品のユーザーがいるときには、Googleアナリティクスのトラフィック分析を利用すれば、ユーザーの使っているデバイスの「画像の解像度」を知ることができるので、最適なスクリーンサイズを決定できます。   プロジェクトによっては、13インチまたは15インチのMacBook Pro Retinaディスプレイモデルのスクリーンに合わせてデザインすることもあるかもしれません。おそらく、12インチの小型ノートPCなどのスクリーンに合わせてデザインすることが最も多いと思いますが。 Googleアナリティクスを利用することで、ユーザーがコンテンツをどのように見ているかを知ることも、コンテンツがスクリーン上で一番映えるにはどうデザインしたらいいかを知ることもできます。 またCSSのメディアクエリ（Media Queries）とブレイクポイント（Breakpoint）を、レスポンシブデザインに上手く活用する方法を知ることも大切です。ブレイクポイントのpxの数値は、デザインが良く見えるように適切に設定します。   6. アセットの引き継ぎには十分注意を払う デザインした要素などアセットをチームのメンバーに引き継ぐときには、渡すだけで済むこともあれば、デザインを改良するためにコミュニケーションを何度も重ねなければならないこともあります。 「画像はプログレッシブJPEG形式にするべきか？」、「どのくらい縮小するか？」、「SVG形式にするべきか？」、「SVG形式の画像を最適化する方法は？」、「SVG形式の画像をどのように作成するか？」などのやり取りが行ったり来たりすることもあります。 たとえば、デザイナーがサイズの不揃いなアイコン一式を作成したとします。 これらを引き継いだエンジニアは、SVG形式のファイルでアイコンを作成し直すことになります。SVG形式のファイルはパフォーマンスが高い一方で、そのままでは要素のサイズは不揃いなので、スクリーンの上（top）または下（bottom）に合わせて配置したたときには、統一感のないデザインになります。 その結果、エンジニアはすべてのアセットを最初から作り直すか、CSSでコーディングをしてサイズを統一しなければなりません。 仕事の無駄を避けるには、なるべく早い段階で、最適なファイル形式を選んでおくべきです。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。
Webデザイン

これからのエンジニアに必要なスキルとは【非エンジニアサミット・イベントレポート】

TechAcademyでは、2015年6月14日に『非エンジニアサミット「プログラミングをシゴトにする」』というイベントを開催しました。これからプログラミングの学習を始める方を対象に、第一線で活躍するエンジニアから直接話を聞けるイベントです。 第1回目となる今回は、株式会社クラウドワークスCTOの大場光一郎氏、株式会社Fablicの堀井雄太氏をゲストとしてお迎えしました。   本記事ではイベントレポートをお届けします。 これからプログラミングの学習を始める方は参考にしてみてください。   ゲスト 大場光一郎氏（株式会社クラウドワークス 執行役員CTO） 2001年、伊藤忠テクノソリューションズ株式会社へ入社。在職中、Rubyの導入支援やRubyを用いたクラウドサービスの開発・運用に従事。 グリー株式会社インフラストラクチャ部門にて、開発環境からプロダクションをつなぐDevOps周りを担当し、GitHub Enterpriseの導入による開発品質の向上や、デプロイメント支援システムをRubyで開発。 Rubyやソースコード管理に関する講演、著書多数。 2014年1月、株式会社クラウドワークスに参画、執行役員CTOに就任。   堀井雄太氏（株式会社Fablic チーフエンジニア）   「Fril(フリル)」を開発しているエンジニア。2007年、株式会社ECナビ （現：VOYAGE GROUP）に新卒入社。比較サイトの運営やディレクトリ検索サービス、広告配信システムの開発などを経験。2012年、株式会社Fablicを創業し女性 向けのフリマアプリ「Fril」を開発、インフラ、サーバーサイドの開発担当。       クラウドワークス大場氏講演 まずは、大場光一郎氏から講演いただきました。講演では、エンジニアになったきっかけ、社内の開発体制、これからエンジニアを目指す人に期待することをお話しいただきました。   エンジニアになったきっかけ 学研の教材に載っていたマンガがきっかけでBASICを使ってプログラムを書いてゲームを作りながら自分でやってみようと思ったのが、一番最初にプログラムを書くことのスタートだったとのこと。 その後は、ハードウェアを組み合わせた業務システムを開発している会社に入社。当時は「プログラムさえ書ければいい」と思って社会人をスタートしたそうです。その時のことを大場氏は「今から考えると当たり前ですが振り返るとコードを書けるだけで会社を選ぶのは良くない」とも語りました。 またその頃、働いていた会社とは別に、オープンソースを開発するプロジェクトに入り、そのプロジェクトの開発者との交流を通じて、組織の垣根を越えてプロジェクトを進めることを経験したそうです。そのため、大場氏の考え方の根本は「オープン」。実際仕事の中でもオープンソースのように仕事をしているのが特徴なんだそうです。   クラウドワークスでの開発体制 クラウドソーシングサービスのクラウドワークスの開発体制はどうなっているのでしょうか。 特徴は、UX改善会を開催してユーザー体験を大切にした開発を重視していること。「UX改善会」は、3、4人のチームを組んで、ユーザー視点でサービスを使い、サービスにおける課題を見つけ、改善案などをプレゼンテーションに落とし込んで全社員に発表するというもの。社員はもちろん、エンジニアインターンの学生から率直な意見を聞いて改善に役立てているといいます。 この取り組みにより、サービスを使い続けていると当たり前になって気づかないことを、改めてフレッシュな気持ちでサービスを見つめられ、実際にサービス落としこんで、日々改善ができているんだそうです。 開発分野の他に、クラウドワークスでは日報の書き方にも工夫があり、お互いがどんな仕事をしているか共有し合えるように、他の部署の人でもわかる言葉で伝えることを推奨しているそうです。   これからエンジニアを目指す人に期待すること 大場氏は「今は技術が折り重なってできているので、深堀りすればするほど深いし、技術の移り変わりも早いので、エンジニアとしては多層的に折り重なる技術を同時に理解できないといけない状況です。」とエンジニアとして必要なことを語りました。 そのような状況の中で、初心者としてプログラミングをはじめるのは、チュートリアルなどが充実しているため、比較的簡単で、初心者から中級者に上がるにはいろいろな技術をキャッチアップする必要がでてくるため、1人では限界があるとのこと。そのため大場氏は、勉強会を通して仲間を見つけることや、プログラミング学習のサービスの活用などを推奨しているそうです。 また、JavaもRubyも最初は「おもちゃ」と言われていた背景があり、「おもちゃ」と言われているような技術を使ってみることの大切なんだそうです。「イノベーションを起こすようなものは最初おもちゃのように思われがちですが、だからこそチャレンジすることが今後のエンジニアに必要なのではないか」と大場氏は締めくくりました。     [PR] プログラミングで挫折しない学習方法を動画で公開中Fablic堀井雄太氏講演 続いて、堀井雄太氏に講演いただきました。大場氏と同じく、エンジニアになったきっかけ、社内の開発体制、これからエンジニアを目指す人に期待することお話しいただきました。   エンジニアになったきっかけ もともとは経済学部出身で、大学でもプログラミングの授業で受けていたわけではない、いわゆる文系プログラマーだという堀井氏。それでも大学生のころから漠然とWebサービスを作ってみたいと思っていたそうです。 そこで大学生のうちにいろいろな会社でインターンをとして働いていたのがプログラミングを学ぶきっかけ。最初はHTML/CSSを使ってWebサイトを作るところからはじめ、本を読み込んでサービスを作ってみるなど独学で学んだとのことです。 その後、ECナビ（現在のVOYAGE GROUP）に新卒で入社し、自社プロダクトの開発と運用をして、後半の2年はインフラの部署に所属されていました。会社に所属することのメリットとしては、独学よりも体系的に学べる、先輩や同僚がいることで成長できるなどを挙げていました。 堀井氏が講演の中で話した、「エンジニアとしては遅咲きだが、遅いということはない。意志があれば、とりあえずやってみるのが大事」という言葉が印象的でした。   Frilの開発体制 株式会社Fablicは、2012年7月にフリマアプリのFril（フリル）をリリース。累計ダウンロード数が300万を越えているといいます。現在は、12、13人のメンバーで開発しているそうです。エンジニアはまだまだ増やしたいとのことで、募集も随時行っているとのこと。 開発体制として特徴的なことは、ユーザーと一緒に開発すること。実際にFrilを使っているユーザーをカスタマサポートとして採用しているそうです。開発の現場にユーザーがいて、「困ったことがあったらユーザーに聞く」が信条で、実際の開発フローにユーザーが関わるようにしているといいます。   これからエンジニアを目指す人に期待すること どんなエンジニアになるかを意識することが大事とのことです。 会社のフェーズによってエンジニアに求められることは違うので、技術の経験たくさんを積むことが大事。堀井氏自体も、サーバーサイドもインフラも関わってきましたが、今では全てが関係しているそうです。それぞれの領域を学んでいく中で、強みを形成していくのが良いとのことでした。 また、技術を学ぶだけでなく、行動して実践することも大事。チームで開発できる、社内で共有できる、社外にアウトプットできる、リーダーシップを発揮できるなど、技術をもとに行動することが今後のエンジニアに求められていると語っていました。 また、最後には「ものづくりは楽しいので、楽しみながら開発していくのが大事」というメッセージで堀井氏は締めくくりました。     パネルディスカッション「これからのエンジニアに必要なスキルとは」 続いて、大場氏、堀井氏によるパネルディスカッションです。モデレーターはTechAcademyを運営するキラメックス株式会社の代表取締役社長の村田がつとめました。   パネルディスカッションでは、事前に参加者から募集した質問をもとに回答いただきました。質問はこれからエンジニアになっていくことを想定して、下記のセクションに分けて進めています。 エンジニアになる前の段階 エンジニアとして働く段階 エンジニアとしてさらにスキルアップする段階     エンジニアになる前の段階 （村田）それではパネルディスカッションを始めていきます。非エンジニアの方のプログラミング学習が一歩前に進むきっかけになればいいなあと思っています。最後には会場のみなさんからの質問も受け付けます。   （村田）まず1つ目の質問ですが、「どのプログラム言語から勉強するべきか」という疑問にお答えいただこうと思います。これみなさん非常に悩ましい点だと思うのですが、このあたりお二人はどのようにお考えでいらっしゃいますか？   （堀井）最初はPHP、Perl、Rubyあたりから始めるといいのかなあと思っています。理由は、コミュニティが活発なので困ったらそういうコミュニティに相談して聞く環境があることですね。あとは、実際に企業に入ってみて使われていることも多いです。実際、私が新卒で入った会社も主要な言語がPHPであとPerlとRubyも少しあったので就職するときも有利だと感じています。   （村田）なるほど。大場さんはいかがでしょうか？エンジニア歴も長いと思いますが。   （大場）最初に触る言語としては僕はなんでもいいかなと思ってるんですけど、子供向けや教育向けと呼ばれる機能が制限された言語よりは汎用的な言語を使った方がいいかなと思っています。それがコンピュータが本来持っている能力を引き出せる可能性があるという理由です。なので、あんまり学びやすさとか初心者向けといった軸で選ぶよりは、なんでもできるような言語を選ぶのがいいのではないでしょうか。   （村田）では続いてプログラミングを勉強する段階になった際に「どこから着手すればいいか」という質問に入っていきたいと思います。具体的にあれば教えていただけますか？   （大場）さっき話したことと関係しているのですが、一つのサービスを成り立たさせるためにはいろんな技術の積み重ねがあって、一部分だけわかっててもサービスとしては成り立たないことがあります。だから、どこからというよりは「これが作りたい」とか「こんなサービスをやってみたい」といったところを目指して、それに足りないのはどこなのか、簡単そうなのはどこなのか、一番難しそうなのはどこなのか、そういう切り分けでちょっとずつ自分がどこにいるかわかるように進めるのがいいんじゃないかなと思います。 この言語を覚えたいといった学習の仕方だとモチベーションが続かないと思うんですよね。   （村田）それはありますよね。   （大場）コンピュータという分野も3ヶ月勉強した人や10年仕事で使ってますという人とか経験にいろいろあっても、その中で「マスターしました」って自分で言える人はあんまりいないと思うんですよね。すごい奥が深い世界なんで。だからこの言語をマスターするまでやろうとなると結構どこまでいっていいかわからない。なので、道具として何をやりたいかというところを目標にすると続きやすいんじゃないかなと思います。   （村田）目的ありきでその言語をツールとして使って、形にしていくところから足りない部分を補うのがいいんじゃないかということですよね。堀井さんはいかがでしょうか？   （堀井）大場さんも仰ったように一つを学べば終わりというものではないですね。プログラミングをするモチベーションを保たないと結局意味ないので、自分がこういうのがあったら便利だなというものをとりあえず手を動かしながら作るのがいいと思います。   （大場）さっきTechAcademyのオンラインブートキャンプの説明の中で、Twitterクローンを作るというお話しでしたが、あれってどこまでのクローンなんですかね？投稿するだけだと簡単だけどTwitterを真面目に作ると結構難しいと思うのですが。   （村田）Ruby on Railsチュートリアルに載ってるくらいのマイクロポストみたいなレベル感ですね。ユーザー登録ができてフォローして、その投稿がそれぞれタイムラインに一列に出てくるクローンです。   （大場）フォローもするということは、ある程度データベースの関係性もグラフみたいなところもやるんですね。そういう意味では歯ごたえのある感じですね。   （村田）そうですね。実際に世界中で使われているようなサービスに近い形で作る方がモチベーションが上がると思っています。全く使わなそうな図書館データベースを作るよりもTwitterクローン作る方がイメージがわきやすいし面白いなと感じてもらえるはずです。プログラミングを学習するときのモチベーション、特に一人で勉強する時間が長いので、自分がやる気になるようなところから始めるのがいいのかもしれませんね。   （村田）では次にいきましょう。「プログラミング習得をする上でつまずきやすいポイントとその解決方法」について聞いてみたいと思います。堀井さんいかがですか？   （堀井）つまずくところいっぱいありますね。特に、環境構築が一つのハードルになるかなと思ってます。弊社でもインターンに来てもらうことが多いのですが、プログラミングを書き始めるまでの開発体制を整えるところで時間がかかることがあります。 ただ、今はEC2とかHerokuとか、必要なパッケージがそろっている状態で始められるものもありますね。無料プランを使うか、少しお金を出せばサーバーが簡単に手に入るので、うまく使って最初のハードルを乗り越えてから本を一冊写経してみるといったことから始めるのがいいのかなと思ったりしますね。   （大場）個人的には難しいところって技術と技術の境目の部分かなと。 例えば、Rubyだとアプリケーション開発の知識がいるし、データベースにアクセスするときにSQLみたいな言語をわかってないといけないし、両方わかってないといけないようなシチュエーションがサービス開発の中でたくさんあります。両方の知識が求められるところでハードルがぐっと上がって、新しいことを覚えるのが難しいのかなと思いますね。 その解決方法としては繰り返すということですかね。繰り返していると、「これはこのことだったんだ」みたいに理解できることもあるので、反復するところがコツかなと思っています。   もう一つつまずきやすいところとしては、技術の中でそもそも難しいところです。C言語だったらポインタ、Rubyだったらブロックとかですね。そもそも考え方が難しいものがいくつかあって、それを変な例えで理解しようとしても、結局どこかで嘘が入っていたりして本質的には理解できないところがあります。それは難しいものだと受け入れて、わかるまで何回も繰り返すところが必要なんじゃないかなと思っています。   （村田さん）そうですね。僕も最初はPHPから始めたんですけど、クラスみたいな概念がそもそも理解できなかったです。その時は、10日くらいわからないまま続けたら理解できました。繰り返しながらやっていくと、ピーンとわかるときがくるので諦めずに繰り返すのが重要ですね。   （大場）悟るまでですね（笑）   （村田）悟りが降りてきますからね。さて次の質問ですが、「おすすめのプログラミング学習方法はありますか」ということです。いま繰り返しやるとありましたけれど、もうちょっと具体的に聞きたいと思います。大場さんは仕事を始めてから学んだという感じですか？   （大場）まあプログラムを書くのがもともと好きでゲームをつくるなかで学びました。Windows3.1が出たときに「マインスイーパ」というゲームが入っていたのですが、当時Windowsが動くパソコンがすごい高かったんですよね。なので、みんなができるように、MS-DOSのキャラクターベースでできるマインスイーパを開発してみんなに配ったとか、そのなかでいろんな技法みたいなものを学んでいったというところです。 今はほんと一つのアプリケーションを成立させるのにいろんな技術が必要なので、競争仲間であるとか教えてくれる先輩とかそういう人がいる環境に身を置くところが大事かなという気がします。   （堀井）小さいところから考えて手を動かすのがいいかなと思っています。会社に入ってみて思ったのが、システムって完璧じゃなくてすでに困っている人がいるんですね。そこで私もわからないなりに、管理画面にあったらいい機能とかを他の部署の人から聞いたりして、改善や機能追加できるところを調べながら徐々に開発技術を学んでいくところがありました。 あとは、勉強会もおすすめです。新卒で入った会社では勉強会を定期的に開催していたので、自分の回が来たら学んできたことを発表しなきゃいけない場がありました。そういう半ば強制的にでも自分のスキルを底上げするようなイベントに身を置いてステップアップしていくのはいいかなと思います。   （村田）なるほど。僕も自分で学習してきていたときは、何かインターネット上で気になるサービスをまねてそれと同じ動きを作ってみることをしていました。あとは、わからないところでずっと迷ってるとやる気がなくなっていくので、すぐ人に聞くというのは結構重要ですね。僕は新卒で楽天に入ったので、エンジニアの部署にいる同期を休日にカフェとかに呼び出して、わからないことを聞くというのを結構な頻度でやってました。   （大場）あとはオープンソースの開発に関わっていくこともいいですね。そんなに難しくなくても手が足りないというプロジェクトはたくさんあって、それこそプログラムだけじゃなくてドキュメントの追加みたいな簡単なところから手伝うこともできます。それでコミュニティの人たちの顔がわかってきて、だんだん開発に協力していく中でいいプログラムをたくさん読んで、自分がやるならどうしようみたいなことを考えたりすることがスキルアップにつながると思います。     エンジニアとして働く段階 （村田）では次の項目に入っていきますね。「採用したいと思うエンジニアの特徴」について聞いてみたいと思います。具体的にこんな人がいいなというものがあれば教えていただけますか？   （堀井）大前提としてプログラミングが好きなことが当てはまるのかなと思っています。やっぱ好きな人って勝手に自分でどんどん技術習得して、自分自身でスキルアップしていくので根本的にプログラミングが好き、ものづくりが好きという素養はまず見てますね。 あとは、Githubとかを使って自分が書いたコードを他の人に見てもらう、シェアするみたいな文化があると思うんですけど、自分の恥をさらすことができる、自分の持っていることをシェアするとかオープンさみたいなものを持っている人は素晴らしいかなと思いますね。   （大場）堀井さんのお話の中でもサービス志向のエンジニアみたいな話題がありましたけども、スキルはすごい優秀だけどうちの事業にそんなに興味ないみたいな人は今のステージでは採用が難しいです。なにかしら共感をもってるところのプラスアルファでエンジニアリングを見て採用してます。   （村田）会社の規模とかフェーズによっても変わってくるかなと思うんですけれども、やっぱりそのそもそものエンジニアとしてのプログラミングが好きであったりとか、サービスが好きみたいなところは基本的には重要ですよっていうことですね。   （村田）では次です。「優秀なエンジニアはどうやって見極めているんですか？」という質問です。大場さんいかがでしょうか？   （大場）正直言って僕もこれだというものはないですけど、一番確実なのは一緒に働いたことがある人ですよね。やっぱりいろんな会社にいると、こいつは本当にすごいみたいな人が何人かいたりします。   （堀井）優秀の定義にもよるかなと思うんですが、見極めるとしたら今はGitHubとかあるので、どういうコードをその人が書いているのか、アプリなど個人でプロダクトを出しているのかとか見たりしますね。   （村田）結局その人がどういう人かとか、どれくらいできるのかっていうのが見えるかどうかっていうのは結構重要なのかもしれませんね。ポートフォリオなりGitHubなり、今だとそういうのが結構アピールしやすい時代かなと思います。   （村田）次に行きますね。「プログラミングスキル以外でエンジニアに求めることはありますでしょうか」という質問です。堀井さんどうでしょうか？   （堀井）これはもうたくさんあります。まず弊社もベンチャーなのでプログラミングだけできる人は結構厳しいのかなと。具体的に言うと、やっぱコミュニケーション能力が高い人がいたら嬉しいです。実際、弊社はユーザーにヒアリングすることがあるので、ちゃんとそのユーザーさんとコミュニケーションが取れるかとか、仕様が上から降ってくるのを待つのではなくて自分で考えたものをデザイナーやディレクターに発表して巻き込んでいく力みたいなのが問われるシーンが多いです。   （大場）エンジニアに求めるコミュニケーション能力でいうと、そもそも人と話すのが苦手だからコンピュータを扱う仕事を選んだみたいなところもあると思うんですよね。 立ち上げ初期のベンチャーだと、とにかく作るというところがメインになっていて、そんなにコミュニケーションする必要がなかったりします。でも組織がちょっと大きくなってサービスが伸びてくると、ある時点からチーム開発みたいなものが求められて個人技だけでは限界がきたりします。そういう時にちゃんと自分に求められている役割の変化を感じて、それについてこれるかは考えてほしいなと思ったりします。 具体的にはさっきの仕様の話だと、ゆるふわで落ちてきた仕様に対してこんな仕様でできるかと思うか、僕が決めてもいいんだというように受け止めるかで大きな違いがあると思うんですよ。それってエンジニアリングのバックグラウンドがあって、そういう幅のある仕様のなかで可能性として見られるかどうかっていうのは大きな違いじゃないかなと。   （村田）自分から能動的に動いて、与えられたものだけじゃなくてしっかりそれ以外も自分で発信できるっていうことを理解した上でスキルを上げていけるような方が優秀になってくるし、それが求められるかもしれないですね。   （村田）次の質問ですが、「エンジニアとして働き始めてからどんな勉強が必要ですか」とのことです。基本的にはエンジニアは日々勉強みたいなところがあると思うんですけど、そういったこと以外に何か具体的にあれば教えていただけますか？   （大場）最近だとエンジニアの向かう方向性としてフルスタックみたいに、いろんな層の技術をまたがって自分一人でもサービス立ち上げができるみたいなところを目指したりもしますけど、実際本当に伸びてくサービス開発のなかでフルスタックになっていくのはめちゃくちゃ難しいと思っています。他に得意な人がいればなかなか手を出すのも難しい、どこをやってもいいよと言われても躊躇してしまうというところがあったりします。 その中でできることは、一つひとつ極めていくところだと思っています。ただ、一個の技術だけで戦ってるとやっぱりリスクも高いので、次はこの専門家になろうみたいな二つ掛け合わせるものが何かあるといいんじゃないかと思います。   （堀井）私はどういう勉強をしてたかなと思い返してみると、やっぱり学んでいくには段階的になると思うんですよね。 一つの言語を学んで、データベースのことも学んで、今度はその言語の上に動いているフレームワークのことを学んだりと段階的に自分が学んだことに派生して勉強してきました。なので、最終的に自分が得意であると言えるくらいのところまで行けるように深掘りして、一つの技術を学んでいくのがいいのかなと思いますね。 エンジニアにもスペシャリストを目指すのか、ジェネラリストを目指すのかいろいろ方向性があると思うんですけど、ひとつ自分はこういうエンジニアだとか自分の代表するプロダクトはこれだとか、そういうものを作れるようになるまでは深掘りすることがいいかなと思いますね。   （村田）やっぱりエンジニアとしてどこか一つでもいいので、ある程度極めるというか、できたというところまでやって、そこからスキルの掛け算みたいなところが重要になってくるということですよね。     エンジニアとしてさらにスキルアップする段階 （村田）最後の項目に入っていきたいと思います。「エンジニアとしてどんなキャリアパスが描けると思いますか」という質問ですが、エンジニアとしてキャリアの長い大場さんお願いできますか。   （大場）いまエンジニアの責任者として会社の中での役割を担っていますが、究極的には「事業のためにエンジニアリングをどうするのか」みたいな話になっていくかなと思っています。なので、技術だけではなくて、最近だとよく読んでいるのはマネジメントの本とかビジネス書みたいなところからキャッチアップするような勉強をしたりしてます。   （村田）技術だけではなくて、その先の事業をテクノロジーで解決していくみたいなところに進めるようなパスがいいんじゃないかという話ですよね。   （村田）では次に、「エンジニアが仕事したいと思う環境はどんなところですか」という質問です。堀井さんいかがでしょうか？   （堀井）やっぱりエンジニア目線でいうと自由度が高いであるとか、個人の裁量が大きい方がチャレンジングなことがしやすいですよね。なのでそういう環境をいまの会社で作っていきたいと思ってます。 弊社ののコアバリューがいくつかあるんですが、「エンジニアもチャレンジする」というのもあります。ある程度エンジニアの裁量でどういう設計をするかなど決められるような体制になっているので、自分がいいと思ったものをすぐ試せる環境があるのはエンジニアにとっていいのかなと思いますね。   （村田）なるほど。では最後の質問として「エンジニアとして成長するためにどんな人がいる会社で働くべきだと思いますか」という質問です。いかがでしょうか？   （大場）前職のように本当にエンジニアリングに関して職人みたいな人がいっぱいいるところにいて感じるのは、自分より優秀な人がいるところに身を置くことですね。自分が一番下手になって、あとは登っていくしかないみたいなイメージです。例えば、学生時代にインターンで初めてプログラミングをして、ベンチャー企業を手伝いながら一番下っ端でがんばってたらいつの間にか自分が一番詳しくなっていた。その後、さらに強い奴に会いにいきたいと言って弊社にジョインしてくれたエンジニアがいます。 僕自身もいかに自分より優秀な人に来てもらうか、自分自身がキャップにならないようにすごく気をつけていて、優秀な人が活躍できるような環境や会社やサービスが大事だなと思っています。   （堀井）これは私もほとんど同意見なんですけれども、自分よりも技術において素晴らしいと思った人がいるところですね。あとは、自分のスキルセットに近しいのを持っている人がいるような環境にいくと、自分のやろうと思っていることが一段引き上げられるのでいいのかなと思っています。 あと最近は勉強会とか発表された資料とかがWebサイトにいっぱい上がっているので、そういうのを参考にしながら企業を選んだりするのはいいかなと思ってます。     会場からの質問 （村田）ここからは会場からの質問を受け付けたいと思います。   ーー大場さんにお伺いしたいのですが、ご自身が英語情報で技術をキャッチアップするために気をつけられていることや、社内の方に英語の情報をキャッチアップするためにどんなことをしているのか教えていただけますでしょうか。   （大場）今やってることでいうと、オープンソースコミュニティがだいたい英語ベースになっています。日本人しかエンジニアがいないプロダクトでもコミットとかは英語じゃないと受け付けない感じだったりします。 社内に関しては、こうしないとみたいなものは今はないのですが、今週の気になる技術みたいなのを社内のGitHubにスレを立てて共有して、みんなが気になった技術は突っ込むようにしています。そういうときに情報ソースが英語のものがたくさんあるので、おのずと危機感が醸成されればと思っています。   （村田）他のご質問はいかがでしょうか？   ーーエンジニアが少なくて採用が大変だみたいなことを何かで読んだのですが、雇われる側としてどう感じておられるかということと、あと村田さんは育てる側としてどう思われるか教えていただけますでしょうか？   （村田）まず育てる側の僕の方から話をさせていただきますね。 まずエンジニアが足りてないところは事実です。エンジニアの採用が難しいっていうのは、そもそもマーケットに人材が少ないから取り合いになってるっていうのが一つあります。あとは統計的にもアメリカでは2020年には100万人エンジニアが足りなくなると言われています。日本でも2020年には20〜30万人ぐらいは足りなくなると言われています。インターネットを使ったビジネスはすごい盛り上がって市場も拡大しているのに、そこで働く人が増えていなければ足りなくなりますよね。 僕らはそれをエンジニアを増やすことで解決したいと思っています。エンジニアになりたいという方は多いと思っていて、それでも増えないのは仕組みの問題もあると思っています。それが解決できる仕組みがあれば、人が足りないということに対してひとつの力になれるんじゃないかなと。 エンジニアが足りないということに対して、大場さんはいかがでしょうか？   （大場）エンジニアが足りないと言ってる会社も、2種類あるかなと思っています。 1つはよくよく聞いてみると、あまりエンジニアを大切にするような文化がなくてエンジニアが定着しない会社です。そういう会社の方は、「来てくれても半年くらいで辞めるから、辞めると思ってアウトソースすればいい」といったことを仰る場合もあります。こういったことが負の循環になって常にエンジニアが足りないことが常態化してしまう。 僕らみたいなエンジニアリングの重要性を理解していて、Webサービス中心の会社だとまったく事情は違っていて、サービスの成長にともなって、さらに成長させるためにエンジニアは、明確に足りていなくてまだまだ必要だと思っています。TechAcademyさんみたいな取り組みでエンジニアが増えていくのはこれからの日本にはものすごい必要だなと思っています。   （堀井）ベンチャーで最近伸びているサービスであれば、やっぱりどうしても人が必要になってきて、実際に弊社でもエンジニアは常にどの職種も募集しています。私もベンチャーの友達とか知り合いも多くて起業する人もいるのですが、その立ち上げにはやっぱりそれなりにWebのことがわかる人がどうしても欲しくなるんですけど、そういうスキルの高い人たちは大手であるとか名の知れた会社とかに勤めています。そもそもその会社からあまり転職市場に出てこないというのは肌感としてはあるので、僕らみたいなベンチャーはいかにいい人たちを見つけて会社のことを知ってもらって、採用につなげるかについていつも苦労しています。なので、需要はかなりあると認識しています。   （村田）最後付け加えますね。プログラミングを習い事の視点でみると、換金性の高い習い事だと思うんですね。というのも、例えば10万円払って勉強してプログラミングが習得できれば10万円以上稼げると思うんですね。もちろんクラウドワークスさんのようなクラウドソーシングサービスで仕事を探してそれに応募して自分で遠隔の仕事をするのも一つだと思いますし、自分でメディアを立ち上げるのというのも一つでしょうし。そういった意味でも企業に入るだけじゃなくて働く方法はいくつかあると思います。   （村田）お時間になりましたので、最後にこの会の締めくくりということで「これからプログラミングを学習するみなさんへのメッセージ」をお二方からお願いします。まずは堀井さんお願いします。   （堀井）私も最初はプログラミング初心者だったんですけど、いろいろ学びながら実際にものづくりができるようになりました。最初はハードルの高い部分もあるのかなと思いますが、楽しみながら学んでいくと自分の可能性も広がって、キャリアを積む上でもいい経験だと思います。ぜひみなさんがんばって欲しいです。プログラミングは楽しいです。   （大場）僕からは作るだけじゃなくて問題解決していこうみたいな話もしましたけれども、一方で何かを作り出す・生み出すということは本質的に楽しいことだなと思っています。例えば、快適に作るための環境を整えることに丸一日費やすとか、自分のエディタの設定とか、これだから開発しやすいみたいなことを考えながらものづくりを純粋に楽しむところも実際にあるんですね。 そういった気持ちってなかなか社会人になってしまうと忘れてしまったり、思い出せなかったりとかあると思います。今だと、エンジニアになろうみたいなフェーズだといくらでも失敗できるので、何度も作ったり壊したりしながら、ぜひものづくりの楽しみというところを大切にエンジニアを目指していただければなと思いました。   （村田）堀井さん、大場さん今日はどうもありがとうございました。     イベントレポートは以上です。 TechAcademyではこれからもプログラミング学習者のためのイベントを開催していきます。
イベントレポート

【事例から学ぶ！】ミレニアル世代のためのUXデザインとは

本稿は、本稿は、Web Designerdepotのブログ記事を、Web Designerdepotより了解を得て日本語翻訳し掲載した記事になります。   ミレニアル世代（1980〜2005年にかけて生まれた新世紀世代）。 彼らは大人にになり、一年間の購買力は2017年には2000億ドル（約16兆円）になると推定されています。 これはものすごいことです。特に、Webに関わるインターネット事業を考えているのであればなおさらですね。   今では、デザインをする側の人間でさえもミレニアル世代の心を掴むデザインを考えるのに必死です。 ミレニアル世代の若者は科学技術とともに成長してきたので、X世代（1965〜70年生まれの世代）やベビーブーム世代（1945〜64年生まれの世代）と比べてもとてもユニークな感性を持っていますよね。 それゆえにデザインも熟慮された上でユニークでなければいけないし、他の世代がそうであるようにミレニアル世代に合った独自の方法を見つけなければいけません。   彼らがブラウジングをする際、どんなものを探し期待しているのかを統計学的に見てみると、クライアントにとってもあなたのキャリアにとっても良い仕事ができるヒントになるかもしれません。 さて、ミレニアル世代のユーザーに向けたデザインを作る際、極めて大事な要素をここにあげていきましょう。   ルール1：モバイル化しよう ミレニアル世代のユーザーを喜ばせ、惹きつけるデザインを作りたいのであれば、モバイル化することは最初のアプローチです。 ディスプレイは正確に表示されているか、モバイルデバイスはシームレス（ユーザーが複数のサービスを違和感なく利用できる仕組み）になっているかきちんと確認しましょう。 統計データにより、18〜34歳のミレニアル世代の80％が個々のスマートフォンを持っていることが証明されています。 少し上の35〜54歳の世代と比べてみると個々のスマートフォン保持率は68％、55歳から上を行くと、保持率はたったの40％になってしまいます。   モバイルデザインは、ミレニアル世代を引き込むためにベストな方法です。なぜなら彼らは多くの時間をモバイルデバイスに費やしていますからね。   では、傾向としてどのようなモバイルデザインが良いとされているのでしょうか？実際の例をあげていきましょう。 ユーザーの混乱を防ぐため、デスクトップとモバイルサイトのコンテンツのコアを同じに保ちましょう モバイルを能率的に活用しましょう。コンテンツのコアが同じに保たれていたとしても、スムーズなタップやスワイプができなければユーザーの満足は得られません ユーザーにとって使いやすくなるように、グリッドとブレークポイントを適切な場所で明確にしましょう ユーザーがサイトを離れていかないように、モバイルページがすばやくロードされることを確実にしましょう ユーザーをサイトに留まらせるためには、あまりに多くのナビゲーションを与えるべきではありません   ペイパルのサイトは、上記のことをよく表している良い例です。 モバイル版とデスクトップ版を比べてみると、コンテンツのコアは同じであることが見てとれます。モバイルサイトのロードもすばやく、ナビゲーションもたったの2つしかありません。   ルール2：ユーザーの満足度にフォーカスしよう あなたのモバイルサイトにおけるユーザーの満足度がミレニアル世代を魅了し、サイトに留まらせることができれば、 そのサイトは自然と一流のサイトになるでしょう。 今この世の中には、ものすごい数のサイトが存在します。 もしあなたのサイトのロードが遅かったり何かしらの欠陥があったり、もしくはただ単に彼らにとって扱いにくいサイトだったら、我慢強いと言われる世代ではないミレニアル世代の彼らは他のサイトへ流れていってしまうでしょう。   ミレニアル世代たちが携帯電話にたくさんの時間を費やすようになっているのですから、あなたは何者にも引けをとらない満足度を彼らに与えなければなりません。 あなたの顧客のポケットマネーが、より良いサイトを作った他の人に流れてしまうようでは、それは失敗といえるでしょうね。   ミレニアル世代が最初に最も求めていることとは、欲しいものが簡単かつすぐに手に入ること、だからサイトを簡潔にすることが大事なのです。 デスクトップ版から不必要な情報をカットしましょう。そしてスペースを確保するためにハンバーガーメニュー（三本線のナビゲーションマーク）を活用しましょう。   この他、シンプルなモバイルデザインは、日常生活やスマートフォンのプロンプトからのやむを得ない妨害を避けることにもなります。 ミレニアル世代はコンサートの列に並びながらモバイルサイトやアプリを見たりもするし、あなたのサイトを見てる間に電話がかかってきたりして邪魔されてしまうこともあるりますからね。   ユーザーがあなたのサイトに戻っても効率よくサイトを使えるように工夫しましょう。 デザインは最小限ベーシックに抑え、買い物にしても記事を読むにしても、彼らが欲しい情報を与えられるようにしましょう。これをすることで、サイトを読み込んでいるというユーザーの認識を抑えることができ、彼らが求めていたことをサイト内で完結できるという認識を与えることができます。 IMDBのモバイルサイトは、ユーザーの満足にフォーカスした良い例です。 モバイルフォンでこのサイトを見てみるととても直観的で、映画へのリンク・出演俳優・テレビ番組などが簡単に見つかるようになっています。 何か邪魔が入って一度サイトから離れたとしても、簡単に戻ってくることができます。 また、ページのレイアウトも、彼らが探しているものをすぐに見つけられるような作りになっていてかなり便利です。   [PR] プログラミングで挫折しない学習方法を動画で公開中ルール3：サイト内での自己解決を可能にしましょう ミレニアル世代は、一瞬で起きる満足感が好きです。なぜなら彼らは科学技術とともに成長し、ツイッターの投稿やワンクリックでの電話などと同じような手軽さをカスタマーサービスにも期待しているからですね。 調査結果によれば、ツイッターやワンクリックの電話など、自分自身でコントロールするということをもとに、「自分自身で解決する」という形のカスタマーサービスを求める傾向があることがわかっています。   言い換えれば、サイト内の電話番号に電話をし長い時間をかけてやっと実際のオペレーターと話をしたり、ライブチャットやカスタマーサービスにメールを送るなんてありえないことなのです。 他の誰かとのめんどくさいやり取りなどははぶいて、サイト内で直接彼らが問題を解決できるように導かなければいけません。   では、この自己解決を可能にさせるサイト作りのためには、どのようなデザインにするべきなのでしょうか？   その手立てとしてよく用いられているのが、サイト内のコミュニティーサイトや問題について話し合うことができるフォーラムです。 また、トラブル対応についてQ&Aのページを設ける方法もよく見られます。 ミレニアル世代のユーザーは、長い間問題を解決してくれる誰かを待つより、自分で解決できるこの方法を確実に好むでしょう。 この自己解決を可能にしたサイトのとても良い例となっているのは、zendeskというサイトです。 このサポートページは、セルフサービスで問題解決ができるヒントがたくさん詰まっています。 ユーザーが質問を投稿できるフォーラム式になっており、サイト内のフォームも見易くなっています。 いつでもどこでも利用できて、とても効率的なこの方法は、ミレニアル世代のユーザーにとても好評なのでしょう。   ミレニアル世代に高く評価されているこれらのデザイン 今回、どれほどWebサイト上のデザインに反応を示しているかわかったと思います。 これは、あなたのインターネットビジネスにとってはもちろん、ミレニアル世代が信用して楽しく閲覧できるサイトづくりにとっても役に立つはずです。   ミレニアル世代のユーザーにとっての満足を理解するのは難しいことではありません。あなたが最も注意して見なければならないことは、彼らがどのデバイスを最も利用しているのか、そしてそれに合わせてモバイル化することです。 そして、知識と合わせて挑むこと。あなたがデザインをする際、ミレニアム世代に合わせてモバイル化を最優先しなければいけなません。 どの統計を見ても、Webデザインにおけるモバイルデザインの優先度は近年トップなのですから！ これまでの３つのルールを次のあなたのデザインプロジェクトに組み込んで、ミレニアル世代が持っている2000億ドル(約20兆円)というパワーの一部を素早くつかみましょう！ [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。スマホ対応に活かせるレスポンシブデザインを身につけたい方はぜひご覧ください。
アプリデザイン

プログラミング初心者が最初に「JavaScript」を学ぶべき理由とは

本稿は、Free Code Campのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Free Code Campの講師を務めるQuincy Larson氏によって投稿されました。   初心者にとってプログラミング学習への旅は、ほとんどの場合、深夜のGoogle検索から始まります。 このとき通常は、「◯◯を学習」などの検索ワードを打ち込むはずです。しかし、人々は検索する言語を、どのように決めているのでしょうか。 「シリコンバレーでいつも冗談になっている言語だから、Javaを学ぶ。」または、「今人気が高いから、Haskell。」もしくは、「Go Gopherが可愛いからGo。」のように考えて決めるかもしれません。   あるいは、このようにはっきりと決まらない場合には、おそらく次のような検索になるでしょう。 「どのプログラミング言語を最初に学ぶべきか？」 もっともインフォグラフィック（情報を視覚的に示した図）で検索しようとする人はあまりいないかもしれませんが、探せば次のようなものが見つかります。 画像：「どのプログラミング言語を最初に学ぶべきか？」のインフォグラフィック 最初に学ぶプログラミング言語を決めるのは楽しいものです。しかし、最初のプログラミング言語を何とか使えるようになるまでに、何百時間もの練習が必要です。そのため、次の要素について考えるべきです。 言語の求人需要 言語の将来性 学習の難易度 学習中に形にできるプロジェクト 毎年新しいプログラミング言語が誕生し、これらの言語について学術論文が執筆されます。それからWeb上のコミックも。先月のこのコミックは一見の価値があります。 (左から右に読み進める3コマ漫画) 画像：8つのプログラミング言語を使って姫を救う方法（toggl社によるコミック） JavaScriptを使う 城に攻め込むために、ライブラリを選び、ノードを生成して、フレームワークを構築するのに何時間も費やす しかし、フレームワークが完成する頃には、城の要塞が破壊されていて、姫は他の城へと逃げていた Cを使う 城に攻め込むためのライブラリと、姫を救うためのライブラリを準備したら――いざ出陣！ 姫と、彼女の犬、彼女の衣服全て、彼女の食べた全てのものを救い出す。失敗――ヌルターミネーターを忘れていたかもしれない？ C#を使う LINQ（統合言語クエリー）を使った救出計画を説明するだけで、数時間かかる。 諦めてStack Overflowで質問をして、Jon Skeet氏（Googleのエンジニアで、『C# in Depth 』などの著者）に全て任せる Javaを使う 「城の攻略計画」を、プロダクション環境に迅速にデプロイする オーバーロードで、2種類の城を定義する。しかし姫はいない（オーバーロードできない）。 LISPを使う GOを使う 「捕らわれた姫の救出」はサポートされていなかった。標準ライブラリに、すでに自由の身になった姫を発見する。この姫はJPanelで作られたのか？ PASCALを使う 姫、城、救出計画を宣言する 酒に入りびたり、任務のことは忘れる PHPを使う 姫をPHPで救わなければならない 最初に学ぶプログラミング言語を選ぶときには、選択肢が不足することはありません。 次のグラフは、過去12年間において、プログラミング学習に関して最も検索されているキーワードです。 Javaには浮き沈みがあります。Pythonの検索は徐々に増えていて、最も人気の高い言語となりつつあることが伺えます。 しかし、これら2つの言語に加えて、過去数年で検索数がゆっくりと増えている存在がいます。それがJavaScriptです。 これらのプログラミング言語を論じる前に、明らかにしておきたい点があります。 特定の言語が、他のどの言語よりも客観的に優れていると主張するつもりはありません。 エンジニアは最終的に複数の言語を学ぶべきだという考え方には、同意しています。 エンジニアは最初の言語をまず深く学習すべきだという考えです。――また、その最初の言語としてJavaScriptを選ぶべきだと考えています。 最初に、現在プログラミングが教育機関でどのように教えられているかを見ることから始めましょう。   コンピュータサイエンス入門 画像：大学のコンピュータサイエンスの課題におけるコードの質（x軸に時間、y軸にコードの質） ソースコードの行数がゼロの状態 まずシンプルなプロトタイプを作成する プロトタイプのままにしておく 罪悪感を感じる 指導教官に、デモを提出するよう言われる エンジニアの友人に相談したところ、ソフトウェアテストについて初めて知る 課題の提出期限 伝統的に大学においてプログラミングは、コンピュータサイエンスの領域の科目として教えられてきました。コンピュータサイエンスそのものは、数学の延長線上にある学問と見なされたり、または電気工学の学位取得課程のカリキュラムに含まれています。 あなたもすでに聞いたことがあるかもしれませんが、 「筆と顔料について学ぶだけではプロの画家にはなれないのと同様に、コンピュータサイエンスの教育だけではプロのプログラマにはなれない。」――エリック・レイモンド   2016年現在も多くの大学は、プログラミングをコンピュータサイエンスであるかのように扱い、コンピュータサイエンスを数学であるかのように扱っています。 その結果、多くのプログラミング入門のコースでは、Cのような抽象度の低い言語や、MATLABのような数学に特化した言語が主に使われているのです。 コースを担当する学部の教授もあまり変わることはなく、TIOBE社によって毎年公表される人気プログラミング言語のインデックスや、次のIEEEによるランキングも順位はほとんど変わりません。 10年前から、上位ランキングに並ぶこれらのプログラミング言語は、ほとんど変わっていません。 しかし、学術界において変化が起こり始めています。 2014年、PythonやJavaは、アメリカの上位の教育プログラムにおいて最も人気のある言語として追い抜きました。 画像：アメリカのトップ39位のコンピュータサイエンス学科の入門コースにおいて使われる言語のランキング（Philip Guoによる調査）   また、もう1つの変化も起こりつつあります。仕事で使われているプログラミング言語は、教育課程で教えられる言語とは異なるのです。 画像：最も人気のあるプログラミング言語　Stack Overflowが2016年に行った調査によると、49,397人のエンジニアが回答した最も人気のある言語が「JavaScript」でした。 エンジニアの半数以上がJavaScriptを使っています。JavaScriptはフロントエンドのWeb開発に不可欠であり、徐々にバックエンドの開発にも関連する言語になっています。 また、ゲーム開発やIoT（Internet of Things：モノのインターネット）などの分野にも広がっています。   求人広告でも、JavaScriptはJavaの次によく見られるようです。 画像：世界最大の求人情報サイトIndeed.comによるデータ しかし、JavaScriptはあなたにとって正しい選択でしょうか？あなたが最初に学ぶプログラミング言語として選ぶ価値はあるでしょうか？私が最初に述べた4つの要素の点から、考えてみましょう。   要素1：言語の求人需要 知的好奇心からプログラミングを学ぶ場合には、ここは読み飛ばしても構いません。しかし、ほとんどのプログラミング学習者は、プログラミングを自分のキャリアに生かしたいと考えている人が多いので、この要素は重要になります。 先にも述べたように、Javaは最も多くの求人広告に掲載されている言語です。 そしてJavaScriptが僅差で2位です。 JavaScriptは、約20年前に誕生しましたが、Netflix、Walmart、PayPalなどの企業にアプリケーションを構築する主要なツールとして使われるようになったのは最近のことです。 その結果、多くの企業がJavaScriptを書けるエンジニアを雇い始めていますが、雇用市場においてはまだ人数が足りていないのです。 画像：Indeed.comによるデータ Javaのエンジニアの求人倍率は約2.7倍です。 同様にPHPやiOSのエンジニアの求人倍率も高めです。一方、JavaScriptの求人倍率は約0.6倍しかありません。JavaScriptのスキルを持っていれば、売り手市場です。   [PR] プログラミングで挫折しない学習方法を動画で公開中要素2：言語の将来性 JavaScriptは他のどの言語よりも、速いスピードで発展しています。 画像：GitHub Octoverse 2016より Google、Microsoft、Facebook、Netflixなどの企業からの潤沢な投資と才能のあるエンジニアの貢献によって、言語としても発展を続けているのです。 例えば、TypeScript（JavaScriptのスーパーセットである静的型付き言語）は、100人以上のオープンソースの貢献者によって、改良が続けられています。彼らの多くはMicrosoftやGoogleで働くエンジニアです。 Javaの場合には、このような企業間の協力は難しいと思います。オラクルは（サンマイクロシステムズの買収によりJavaの所有権を取得し、）Javaのソースコードを利用しようとする会社に対しては、著作権侵害訴訟をよく起こしています。   要素3：学習の難易度 画像：XKCD comicのパロディ ほとんどのエンジニアは、高水準のスクリプト言語が比較的学びやすいということに同意すると思います。JavaScriptはPythonやRubyと同様にこのカテゴリに含まれます。 大学では最初のプログラミング言語としてJavaやC++などが教えられていますが、初心者にとっては難易度がかなり高いといえるでしょう。   要素4：学習中に形にできるプロジェクト JavaScriptはこの点において特に優れています。JavaScriptはブラウザを搭載したデバイス上であれば、どこでも動作します。基本的に何でも構築することが可能で、ほとんどあらゆるプラットフォームで動作します。 JavaScripが普及したことにより、Stack Overflowの共同設立者であるJeff Atwood氏は、新しく次のルールを宣言しました。 「JavaScriptで書くことができるアプリケーションは、最終的にはJavaScriptで書くこと」 そして時間が経つにしたがって、このルールは力が強くなっています。 Javaもかつて、どこでも動作すると約束されていました。しかし、今年初めにJava Appletが廃止されたことは記憶に新しいかと思います。 Pythonにも同じような問題があります。 「友人のために作ったゲームをどうやって渡したらいいですか？学校の生徒たちがインストールしなくてもいいように、このゲームを私のスマートフォンに移植して彼らに見せる方法はありますか？」――この質問を受けたことにより、教育用の言語としてPythonを使うことをやめた：James Hague氏の記事より（『Retiring Python as a Teaching Language』） これとは対照的なのが、私たちのオープンソースコミュニティのメンバーがブラウザ上でCodePenを使って構築したアプリで、次にご紹介します。ブラウザ上で見れば動作します。 1970年代スタイルのサイモンゲーム ライフゲーム (Conway’s Game of Life) スター・ウォーズをテーマとした検索システム ローグライクゲームの一種であるダンジョンクロウル( Dungeon Crawl )   一つの言語をよく学ぶこと、その次に2つ目の言語を学ぶこと。 もし様々な言語をどれも中途半端に学ぶとしたら、学習効果は望めません。 基礎力をつけて次に進むには、最初の言語をよく学ぶ必要があります。そうすれば、2つ目の言語の学習ははるかに簡単になるはずです。 そこから、さらに多くの言語を学ぶことで、より応用力のあるエンジニアになれます。 コンピュータ内のメモリの操作の仕組みを理解するには、Cが適しています。またCは演算の処理速度も速いです。 C++はゲーム開発に適しています。 Pythonは科学と統計学に適しています。 大手のIT企業で働くとしたら、Javaを使えることが重要になります。 それでも最初に学ぶ言語はJavaScriptがおすすめです。 次に、予想される4つの反論に答えてみます。   反論1：JavaScriptは処理速度が遅いのでは？ JavaScriptは、実用的な目的の範囲では、処理速度も速くパフォーマンスの高い言語です。 次のグラフは、主要な言語のベンチマーク（処理速度の測定結果）を示しています。 JavaScript (Node.js)は、Python、Ruby、PHPよりも処理速度の順位が上です。C++、Java、Goなどのパフォーマンスの高い言語に近い処理速度が実現されています。 画像：ネスト構造のループの処理速度（秒）   反論2：JavaScriptは静的型付け言語ではない PythonやRubyと同じように、JavaScriptは動的型付き言語です。便利なところもありますが、困った点もあります。 例えば、exampleArrayという配列を生成して、値を設定して、長さを取得するとします。 しかし誤ってexampleArrayを文字列として定義した場合、次のようになります。 この種のエラーは、動的型付き言語ではよく起こります。そのため、ほとんどのエンジニアはエラーを防ぐためにチェックを行い、テストも実施します。 あなたが最初に学ぶプログラミング言語は絶対に静的型付け言語にしようと考えているとしても、私はJavaScriptを最初に学ぶことをおすすめします。TypeScriptをすぐに理解できるというメリットもあります。   反論3：しかし、本当に作りたいものはモバイルアプリです そうだとしても、私はやはりプログラミング初心者にJavaScriptを学ぶことをおすすめします。 JavaScriptは、AngularJS、Cordova、React Nativeなどのフレームワークを、ネイティブアプリの開発ツールとして使えます。 モバイルアプリで面白いことを実現するには、例えばNode.jsやExpress.jsなどのWeb開発用フレームワークを組み合わせて用いて、バックエンドを構築する必要があります。   また実際にモバイルアプリの開発の仕事に携わるまでには、時間がかかる可能性があることも伝えておきたいと思います。 特に最初のうちは、エンジニアの仕事の半分近くはWeb開発に関わります。全体の仕事に占めるモバイルアプリの開発の割合は、わずか8％ほどしかありません。 「あらゆることに関してアプリの開発が求められ続ける」という壮大な構想は、現実ではありません。その代わりに、ほとんどのスマートフォンのユーザーは、これ以上新しいアプリをダウンロードしない傾向にあります。 ユーザーがアプリを使っていることは確かですが、多くの場合、そのアプリはFacebook、Google Mapsなどほんの一握りです。そのため、モバイルアプリの開発におけるエンジニアの需要が高いのは、特に大手の企業においてであるのが現状です。 モバイルアプリの開発は将来予測が難しい仕事だといえます。JavaScriptを使うことで、モバイルアプリの開発、メンテナンス、配布をより簡単に行うことが可能です。そのため、 FacebookやGoogleなどの企業は、JavaScriptを使ったモバイルアプリ開発において役立つツールに、巨額の投資をしています。   2016年現在、ほとんど全ての開発はWeb開発です。現代においては、全てのものがWebというプラットフォームに関係するからです。あなたがいつも会話に使っているデバイスから発信される電波も、あなたの子供を送迎する車も、――すべてのものがWebを通して繋がっているのです。 そのためJavaScriptが重要なのです。   反論4：JavaScriptは10日間で書かれたおもちゃ言語（toy language）なのでは？ C++も人々から嫌われやすい言語ですが、それにも関わらずJavaScriptと同じように成功し、現在ではほとんどどこにでも普及しています。 そのため、人気のあるエリート言語ではなくJavaScriptを学んでいることを誰かに批判されたときには、C++の開発者の有名な言葉を思い出してください。 「世の中には2種類のプログラミング言語がある。それは、人々から嫌われる言語と、誰にも使われない言語だ。」――ビャーネ・ストロヴストルップ氏   まとめ 今回、言語の将来性、学習難易度を元にJavaScriptという言語をおすすめしていますが、当然身につけたい言語が決まっている場合はその言語を優先すべきです。 とはいえ、今後エンジニアを目指すのであればその言語を使用している求人の量、起業を目指すのであればその言語が使えるエンジニアの数が重要指標になります。 これから学習しようと思っている初心者の方は、独学で始められるJavaScriptの学習サイトも合わせてご覧ください。 [お知らせ]TechAcademyでは最短4週間でフロントエンドの技術が身につくフロントエンドオンラインブートキャンプを開催しています。JavaScriptを使ってリッチなWebサービスを作りたい方はぜひご覧ください。 また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。
プログラミング

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング 【プログラミング初心者必見！】Webとモバイル！どちらを最初に学習するべきか？