IT・Web系エンジニア向けオンライン学習サービス「type IT Academy」をやってみた！

転職サイトの@typeを運営するキャリアデザインセンターは「type IT Academy」というIT・Web系エンジニア向けオンライン学習サービスをリリースしています。そこで今回は実際に使ってみた体験レポートをお届けします。

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

オンラインでプログラミングを学習できるサービスが国内外問わず増えていることを以前の記事で紹介していますが、よりエンジニア向けに作られたサービスも始まっているようです。

転職サイトの@typeを運営するキャリアデザインセンターは、type IT AcademyというIT・Web系エンジニア向けオンライン学習サービスをリリースしています。

キャリアデザインセンターは他にもエンジニア向けの情報サイトとして、エンジニアtypeも運営しているので、あわせて@typeの集客アップを図ることが目的のようです。

そこで今回はtype IT Academyを実際に使ってみた体験レポートをお届けします。

type IT Academyとは

type IT Academyとは、一線級の現役エンジニア・テクノロジストを講師とし、webやプログラミングを実戦形式で学ぶことができるメディアです。

type IT Academy
大きな特徴としては、

現役のテクノロジストがお題を出題する
お題に対してのわかりやすい解説記事（読む）
お題に対する回答をユーザーが投稿する（実践する）

といったステップがあることです。

これまでにも主に読むことが主体のメディアは多くありましたが、「実践する」ことにフォーカスしたメディアは少なく、新たな潮流を感じます。

講師陣として控えるテクノロジストも現役最前線で活躍されている方ばかりなので、語り口にも説得力があり、取り上げる技術の鮮度や着眼点にも期待大です。

出題されているお題について

実際に出題されているお題としてはこんなものがありました。

JavaScriptでクライアントMVCに挑戦！
Rubyで簡単、マッシュアップサービスを公開してみよう！

Web技術にフォーカスしたお題が中心で、扱っているキーワードもBackbone.js、Sinatraなど、旬なワードばかりです。

そろそろ勉強しなくちゃ、ちょうど気になってた、なんて考えている方にちょうどいいお題ではないでしょうか。

また、ちょっとベクトルが違うお題で面白かったものだと、吉田パクえ氏の「より良いエンジニアライフのために”表現”してみよう！」というお題があります。

自分の特徴を書きだしたり、話し方・聞き方の技術について学ぶことにより、技術者のために必要な技術以外のスキルを磨きましょうという着眼点が大変おもしろいお題です。

流れの速い業界を生き抜く上での大事なスキルですが、体系的に学ぶ機会はそれほど多くありませんので、大変貴重な学び場だと感じることができました。

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

「実践形式」の大きなメリット

本記事を読んでいる方の中には「ハンズオン」という言葉をご存知の方も多いと思います。

実際に手を触れる・動かすなどの体験を通じて学ぶ方式・教育用語ですが、「type IT Academy」もハンズオン形式の学習サービスと言えます。

ハンズオンによる学習は、ただ見たり聞いたりする受け身な学び方に比べて、自分で手を動かし・悩み・再挑戦する経験を通じより学習効果が上がると言われています。

実践的にプログラミングを学んでみたい方は試してみてはいかがでしょうか？

プログラミングを書籍でも勉強したい場合は、プログラミング入門書の記事も参考にしてみてください。

[お知らせ]TechAcademyではプログラミング初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。

プログラミングを独学で学習していて、このように感じた経験はないでしょうか？

・調べてもほしい情報が見つからない
・独学のスキルが実際の業務で通用するのか不安
・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるようカウンセラーやエンジニア・デザイナーがあなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありませんので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！無料相談を予約する

「code.9leap.net」をやってみた！ゲームプログラミングを学ぶサイト

最近話題になることが多いオンラインでプログラミングを学べるサービスですが、Webのプログラミングだけにとどまりません。「code.9leap.net（コ...

プログラミング

プログラマーがチームで働く上で大事なことは何？【メンターが回答】

※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました大石ゆかり田島メンター！実際にプログラ...

プログラミング

大阪のパソコン教室20選｜自分に合った教室の選び方も紹介

大阪梅田付近の通いやすいパソコン教室をピックアップしました。スキルや資格など、自分にあったパソコン教室を探す際に参考にしてみてください。 &nbs...

プログラミング

プログラミングの開発環境に便利！Cloud9の使い方【Rails・WordPressテンプレートの解説あり】

これからプログラミングを勉強するという初心者にとって、最初のハードルは開発環境の構築ではないでしょうか。 TechAcademyマガジンではこれまで、Ru...

プログラミング

UNIXコマンドのcdでディレクトリを移動する方法【初心者向け】

プログラミングをする際に最低限知っておきたいこととして、UNIXコマンドがあります。今回は基本的な、cdコマンドの使い方を初心者向けに紹介します。 &...

プログラミング

福岡のパソコン教室20選｜特徴や料金を表で比較

福岡県中心部や複数教室のある通いやすいパソコンスクールをピックアップしました。田島悠介今回は、なにか相談受けたんだって？ ...

プログラミング

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

HTMLでラジオボタンとチェックボックスを表示する方法【初心者向け】

HTMLについて今さら聞けない！という初心者のために、HTMLの基礎を紹介する記事です。今回は、ラジオボタンとチェックボックスを表示する方法について、初心者の方にも分かりやすく2人のキャラクターを用いて解説しています。そもそもHTMLの記述方法がわからない場合は、HTMLの書き方について解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプWebデザイン講座のHTMLカリキュラムをもとに執筆しています。田島悠介今回は、HTMLに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介ラジオボタンとチェックボックスを表示する方法について詳しく説明していくね！大石ゆかりお願いします！入力フォームの選択ボタン入力フォームでよく見かける選択ボタンに、ラジオボタンとチェックボックスがあります。どちらも<input>タグにtype属性を指定することで簡単につくることができます。 <input>タグについては HTMLのinputタグとtextareaタグを使ってテキスト入力欄を表示する方法をご覧ください。ラジオボタン、チェックボックスは以下のタグで表示することが可能です。・ラジオボタン <input type=”radio”> 選択肢のなかから、ひとつだけを選択するボタン（※同一name属性内で、一項目しか選択できない）・チェックボックス <input type=”checkbox”> 選択肢のなかから、複数選択ができるボタン（※同一name属性はひとまとまりのデータとして扱われる）・value属性選択項目をデータとして送信する際に、データの受けとり手に値を知らせます。・name属性要素（ここでは<input type=”●●”>）に名前をつけて、なんの要素（選択ボタン）であるかを指定します。大石ゆかり typeを使うと他にもいろいろ設定できるんですかー？田島悠介他にも送信ボタンであったり、文字を入力できるフォームも簡単に作れるんだよ！大石ゆかりへぇ〜じゃあアンケートページとかでよく使われてそうですね！それでは具体的な実装方法をみていきましょう。ラジオボタンラジオボタンという名前は、昔の自動車に搭載されていたカーラジオが、ひとつの局のボタンを押すと、他の局のボタンが選択できない仕様だったことから来ているそうです。ラジオボタンは選択肢のなかから、ひとつだけを選択する入力ツールになります。 <input type=”radio”>にname属性を”gender”、valueを”male”と”female”に設定して性別選択ボタンをつくりましょう。タグの終わりには、実際にブラウザで表示される項目名(男性・女性)を書きます。選択肢の値(value)が”male”と”female”の、”gender”という名前(name)がついたラジオボタン（<input type=”radio”>）です。 <input type="radio" name="gender" value="male">男性 <input type="radio" name="gender" value="female">女性これでどちらか一方を選択できるボタンができました。上記のHTMLをコピー&ペーストして、もうひとつラジオボタンをつくってみましょう。ここでは、Webページの訪問者からサイトを知った経緯を知りたいと仮定して、選択肢の値(value)にサイトを知るきっかけとなった項目を設定し、”trigger”という名前のついたラジオボタンをつくります。 <input type="radio" name="trigger" value="facebook">facebook <input type="radio" name="trigger" value="twitter">twitter <input type="radio" name="trigger" value="hatebu">はてなマーク <input type="radio" name="trigger" value="syoukai">知人からの紹介今度は、”gender”と”trigger”の2つの選択ツールができました。このとき、name属性を”trigger”に書き換え忘れて”gender”のままにしておくと、”gender”と名付けられたすべての項目「男性、女性、facebook、twitter、はてなブックマーク、知人からの紹介」から、どれか一つの項目を選択することになってしまいます。複数の選択群をつくる際には、必ずカテゴリーごとにしっかりとname属性を分けるように注意しましょう。 [PR] プログラミングで挫折しない学習方法を動画で公開中disabled属性 disabled属性は、フォーム部品を無効化することができます。この属性で指定することで、フォーム部品の選択や書き換えを行うことができます。用途の目的としては、同じフォーム流用するが、ユーザーの選択肢によってdisabeld属性を使用し一部の選択肢の書き換えを禁止する時に使用します。 disabled属性の実例 <!DOCTYPE html> <html> <head><meta charset="UTF-8"></head> <body>  <input type="radio" name="gender" value="male" disabled/>男性 <input type="radio" name="gender" value="male"/>女性

HTML

プログラミングの独学に最適！日本語対応オンライン学習サービス10選【体験レポートあり】

プログラミングを独学で勉強しようと思っても、なかなか本を読んで始めるのは難しいということはないでしょうか？もともとは海外で増えていたプログラミングのオンライン学習サービスですが、最近では国内のサービスも増加しています。日本人にとってはやはり日本語で勉強できる方がありがたいですよね。プログラミングの独学方法も教えてくれるサイトもあります。そこで今回は日本語に対応したサービスのみに絞ってご紹介します。また、過去にサイトごとの体験レポートも公開しているのであわせて紹介します。ジャンルごとに紹介するので、気になるサービスを使って、独学でWebプログラマーとしての就職を目指してみてはいかがでしょうか？国内サービス動画で学べるサービス、ブラウザ上でコードを入力できるサービスなど様々あります。日本人向けに作られているので使いやすいのが特徴です。 1.ドットインストールもはや説明が不要なほど、国内ではメジャーなプログラミング学習サイトです。100以上のレッスンが公開されています。「3分間でマスターする初心者向けプログラミング学習サイト」というコンセプト通り、レッスンを全てYouTubeを使って無料でみることができます。体験レポート：プログラミング勉強の超定番！「ドットインストール」をやってみた 2.ミニツク（Minituku）プログラミング言語のRubyに特化した学習サイトです。 Ruby作者まつもとゆきひろ氏も動画で解説しており、理解度に応じた「コース」が用意されています。演習として問題が用意されているので、その問題を自分で解いていくことができます。体験レポート：NaCl運営のRuby学習サービス「ミニツク」をやってみた！ 3.code.9leap.net（コード・ナインリープ・ネット）株式会社ユビキタスエンターテインメントが運営する、ゲームプログラミングに特化したオンライン学習サービスです。ゲームエンジン「enchant.js」を使っているので、ブラウザ上で本格的なゲームプログラミングを体験することができます。実際に作ったゲームは公開して遊ぶことも可能です。体験レポート：ゲームプログラミングをオンラインで学べる！「code.9leap.net」をやってみた海外サービスの日本語対応もともとは海外発のサービスですが、多言語対応によって日本語でも学べるサービスがあります。全てのページが日本語に対応しているわけではありませんが、国内サイトよりもコンテンツの量がはるかに多いサービスが目立ちます。 4.Codecademy ブラウザ上でプログラミングを学べるサービスとして世界的に有名なのがCodecademyです。 HTML、CSS、Javascript、PHP、Rubyといった現在ウェブ開発で使われている主要な言語はCodecademyで学ぶことができます。ただし、サインインして本格的に勉強しようとすると英語しか対応していないため注意が必要です。体験レポート：ブラウザでプログラミングが学べる「Codecademy」を実際にやってみた 5. Udemy（ユーデミー）もとはプログラミングに特化したサイトではなく、誰でも先生になって自分の講座をインターネット上に公開できる教育プラットフォームサービスです。その中でもプログラミングなどIT教育に関連するコンテンツも多く公開されています。web講座レベル１：XHTMLとCSSという講座であれば、動画の内容は英語ですが、日本語吹き替え版として公開されています。体験レポート：オンライン教育プラットフォーム「Udemy（ユーデミー）」をやってみた！ Udemyを使ってみる [PR] プログラミングで挫折しない学習方法を動画で公開中子ども向けサービスプログラミングを学ぶのはもう大人だけのものではありません。プログラミングが義務教育化されるという話もあるので、プログラミングができる子どもが増えるかもしれないですね。 6.プログラミン文部科学省が開発した子供向けのプログラミングサービスです。通常のプログラミング言語では「文字を書く」ことでプログラムを組み上げることに対して、プログラミンは「絵を組み合わせる」ことでプログラムを組み上げるので、コードを書く必要がありません。子ども向けとあって、ゲーム感覚で楽しみながらプログラミングの考え方を学べそうです。体験レポート：子供向けプログラミング学習サイト「プログラミン」をやってみた！ 7.Scratch（スクラッチ）世界的に有名な子ども向けのプログラミング言語です。プログラミンと同じように、ブロックを組み合わせることでプログラミングの感覚を学ぶことができます。世界中に広がる、子どもにプログラミングを教えるムーブメントのCoderDojoでもScratchを使うことが多いそうです。体験レポート：子ども向けプログラミング言語「Scratch（スクラッチ）」を実際にやってみた人材関連企業のサービス人材関連の企業がプログラミング学習のサービスを始めるケースが増えてきています。利用者がそのままエンジニアの求人情報を見ることもあるので、相性が良さそうです。 8.CodePrep（コードプレップ）株式会社ギブリーが運営するプログラミング学習サービスです。最大の特徴は、アプリ作成の過程を経験できるという点です。アプリを作成しながらも、作る過程では穴埋め問題を解いていく形式になっているので初心者でも簡単に始めることができます。体験レポート：アプリも作れる！プログラミング学習サービス「CodePrep」をやってみた 9.type IT Academy 転職サイトの@typeを運営する、キャリアデザインセンターが始めたエンジニア向けのオンライン学習サービスです。他のサービスと少し内容が異なり、現役エンジニアがテクノロジストとしてお題を出し、それを読んだユーザーが実践してみるという流れで学習します。エンジニア向けというだけあって、旬なキーワードも多く盛り込まれています。体験レポート：IT・Web系エンジニア向け学習サービス「type IT Academy」をやってみた！ 10.CodeStudy（コードスタディ）インターンシップ求人情報サイトであるJEEKが運営するプログラミング学習サービスです。インターンシップのサイトですので、大学生を対象にしています。ブラウザ上でプログラミングを学べるサービスですが、エンジニア関連のインターンシップ情報がサービス内のリンクとして大きく表示してあるので募集を増やす目的があると思われます。体験レポート：大学生向けプログラミング学習サービス「CodeStudy」をやってみたコラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由

プログラミング

Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】

独学でHTML/CSSを勉強してもデザインがいまいち…という経験はないでしょうか。そんなときに便利なBootstrapの使い方を初心者向けに解説します。 HTML/CSSがわからない方も読むことができますが、HTMLの書き方、CSSの書き方は理解しておいた方がスムーズに読み進めることができるでしょう。なお、今回はBootstrapのバージョン「3.3.5」を使用します。本記事は、オンライン完結のBootstrap講座のカリキュラムをもとに執筆しています。なお、今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。大石ゆかり田島メンター！！Bootstrapというのは何ですか〜？田島悠介 Bootstrapはレスポンシブデザインに対応したフロントエンドのフレームワークだよ。大石ゆかりフロントエンドというとHTML・CSS・JavaScriptですか？田島悠介そうだね。シンプルな指示でグリッドシステムを使用できたり、本格的なフォームやボタンを作成できたりと非常に便利なんだ。基本の使い方を見てみよう。目次本記事では、Bootstrapの基礎をおさえた上で、よく使う、グリッドシステム、テーブル、ボタン、フォームの具体的な使い方を順番に紹介します。 Bootstrapとは Bootstrapを使う準備グリッドシステムの使い方テーブルの使い方ボタンの使い方フォームの使い方 Bootstrapとは BootstrapはTwitter社が開発したCSSの「フレームワーク」です。通常CSSを書く場合、全てのスタイルを自分で作っていく必要がありますが、このフレームワークにはよく使われるスタイルがあらかじめ定義してあるので、ルールに沿って利用するだけで整ったデザインのページを作成できます。もともとTwitter社内で作られたもので、以前は「Twitter Bootstrap」と呼ばれていましたが、現在では「Bootstrap」のみで呼ばれるようになっています。 Bootstrapを使うメリット Bootstrapを使うメリットとして、レスポンシブWebデザインに対応しているという点があります。通常、スマートフォンやタブレットなど個別に対応するスタイルを作っていると大変手間がかかります。BootstrapはCSS3のメディアクエリを使用しているので、ブラウザの横幅サイズを判断基準として、レイアウトデザインを柔軟に調整することが可能です。このページから確認できますが、バージョン3.3.5ではこちらのブラウザに対応しています。この際の注意点ですが、Internet Explorer 7以下とFirefox 3.6以下はサポートされません。これは、CSS3メディアクエリがサポートされていないブラウザだからです。 [PR] プログラミングで挫折しない学習方法を動画で公開中Bootstrapを使う準備実際にBootstrapを使う前の準備が必要ですので、まずはこちらに着手しましょう。PCだけあればすぐに準備できます。 Bootstrapを使用するには、BootstrapとjQuery（JavaScriptのライブラリ）を読み込む必要があります。読み込みの方法は下記の2パターンです。ソースをダウンロードして、ローカルに配置して読み込むすでにホストされているファイルをインターネット経由で読み込む今回は、前者の方法を紹介します。ダウンロードするには、BootstrapのTOPページにアクセスしましょう。「Download Bootstrap」のボタンをクリックしてください。次に表示されるページで、左にある「Download Bootstrap」をクリックするとダウンロードが始まります。ダウンロードしたZIPファイルを解凍すると、「css」、「js」、「fonts」の3つのフォルダがあることがわかるはずです。続いてHTMLファイルを用意しましょう。Bootstrapのページにもテンプレートが用意されていますが、コメントアウトが日本語の方がわかりやすいと思いますので、TechAcademyで用意しています。こちらのコードをコピーして「index.html」としてHTMLファイルを作成してください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap Sample</title>  <link href="css/bootstrap.min.css" rel="stylesheet">

Bootstrap

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

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ではこれからもプログラミング学習者のためのイベントを開催していきます。プログラミングを独学で学習していて、このように感じた経験はないでしょうか？・調べてもほしい情報が見つからない・独学のスキルが実際の業務で通用するのか不安・目標への学習プランがわからず、迷子になりそう

イベントレポート

暗号資産取引所「bitbank」CTO野田の今に活きる「あの時憧れたプロの仕事」とは

本企画では、業界トップの現役エンジニアの “影響を受けた人” にフォーカス。 CTOはどんな時、どんな場所で、どんな人に成長を支えられたのか。エンジニアを目指している人は必見です！ ※肩書き等はインタビュー当時の内容となります目次type IT Academyとは出題されているお題について「実践形式」の大きなメリット預り資産3,000億円超えの暗号資産取引所「bitbank」 ――最初に、ビットバンクの事業内容についてお伺いします。ビットコインやイーサリアムを始めとした暗号資産（仮想通貨）の取引所サービス「bitbank」の運営が主な事業です。また暗号資産のマーケット情報を発信するメディア「bitbank MARKETS」の運営も行っています。 ――ビットバンクのサービスの強みを教えてください。前提として、金融機関のサービスは非常に高い可用性（どのようなときでも問題なく利用できること）と高いセキュリティが求められます。まず、1点目の可用性についてですが、特に暗号資産は価格が乱高下するため、個人投資家の注目を集めやすいという特徴があります。突発的な価格変動でサービスにアクセスが集中することが多く、暗号資産取引所のWebサービスにアクセスできないといった事象がよく起こります。しかし、どんなに乱高下する相場であっても「bitbank」が落ちてしまうような事象はここ数年で1度も起きていません。必要なときにすぐ自らの資産をコントロールできるという観点において、サービスの安定性は非常に重要であり、弊社の強みの1つだと考えています。 2点目のセキュリティについてですが、暗号資産の管理には特徴があります。一般的な金融機関は銀行送金を前提としたお金の管理システムであるのに対し、暗号資産はブロックチェーンで構成されているため、暗号資産の流出リスクは常にあります。実際に暗号資産取引所から暗号資産が流出したという事件をニュースで見かけることもありますが、ビットバンクは設立当初より、暗号資産管理システムとオペレーションに常に拘ってきましたので、これまでに流出事故は一度も起きておりません。お客様がご自身の資産を安全に保管してくれる取引所を選ぶ際に、弊社の高いセキュリティは強力なアピールポイントになっています。また、サービスの使いやすさも重視しています。弊社は開発を自社エンジニアだけで行うので、新たな技術を取り入れやすい上、サービスの使いやすさに拘って作り込むことができます。先に述べた高い可用性や高いセキュリティに加え、内製だからこそ実現可能なサービスの使いやすさも相まって、現在ではお客様からの預り資産が3,000億円相当を超え、また現物取引高においては国内No.1となる33.7%のシェアを獲得することができました。 ――野田さんはCTOとしてどのような役割を果たしているのでしょうか。先に述べたとおり、金融機関では珍しいことですが、弊社はサービス開発を全て内製体制で行っています。私は弊社でシステム開発を受け持つシステム部門の部門長として、開発チーム体制をマネジメントする役割や、技術方針の策定、開発プロセスにおけるレビュー、サービスの要件定義などを行っています。経営という観点では、執行役員として会社全体の事業戦略や事業計画の策定や、部門の調整なども行っています。また、会社の外では業界の自主規制団体である日本暗号資産取引業協会（JVCEA）の技術委員会の委員長を務めており、暗号資産管理のセキュリティの標準化に携わっています。暗号資産業界はまだまだ若く、進歩が速い業界でもありますので、次々と出てくる新しい論点や課題に対して業界横断での議論を行ったりしています。文系出身、未経験から新卒でエンジニアに ――次に野田さんのこれまでの経歴について教えてください。早稲田大学の法学部を卒業後、新卒でエンジニアとしてコンサルティングファームに入社しました。そこで4年働いたのち、インターネットメディア・広告事業を展開する会社へと転職。2年弱の勤務を経て、2015年にビットバンクへジョインしました。 ――文系だった野田さんが、エンジニアを目指したきっかけを教えてください。大学生のとき趣味程度にプログラミングをやっていたことがきっかけです。音楽好きでクラブDJをやっていたのですが、レコードバッグが非常に重くて困っており、当時はちょうどパソコンでDJをするのが流行り始めていたころでもあったので、そちらに切り替えたんですね。やってみるとソフトウェアの動きが面白くて、ソフトを作る方にのめり込んでしまったんです。それから自分でソフトを作るなどしている内に、プログラミングが趣味になっていました。ものを作るのが好きでエンジニアに向いている気がしたので、新卒の就職活動においてはエンジニアを志望しました。入社して感じたのは、趣味のプログラミングと仕事のプログラミングは全く違うということでした。趣味では自分が楽しむためにものを作っていましたが、仕事ではお客様が望まれるものを作らなくてはなりません。そのような意味では趣味のプログラミングとは楽しみ方の質が異なりますが、大きなテーマに携わることができるという点やハードワークをこなしていく過程において、仕事そのものを楽しむことができました。プロジェクトによっては激務で辛いこともありましたが、物事が進んでいくことや自分のできることが増えていくことにやりがいを感じていました。 [PR] プログラミングで挫折しない学習方法を動画で公開中ロールモデルとなった先輩、同僚 ――エンジニアとしてのキャリアを築くなかで、影響を受けた人はいますか。今の自分を語るうえで欠かせない存在が2名います。1人目は、新卒で最初にアサインされたプロジェクトの先輩です。彼は若くしてシニアマネージャーとなり、クライアントとの調整、要件定義、プログラミングまでなんでも自分でスピーディにこなしてしまう方でした。誰かに遠慮することなく、自分がこうあるべきだと考えた落とし所に対して道筋を立て、それを実現すべく自らも手を動かしながら、社内のメンバーだけでなく外部やクライアントも巻き込んで作っていくような人でした。プログラミングスキルというよりも、働き方そのものに憧れて、自分も彼のようなプロになりたいと思っていました。その先輩から学んだことは、今の働き方にも活きています。私は設立間もない段階でビットバンクにジョインしました。そのため、歴史的経緯も含めて全体を俯瞰して把握しやすい立場にあります。それを活かしながら、システムや人事面における多岐にわたる課題を解決していく過程で、会社やサービスがこの先長期的にどうあるべきかを常に考えながら提案することを心がけています。そしてその実現への道筋を仲間と一緒に考えて、実際に手を動かしています。そういった意味では、当時彼に抱いていた憧れは実際に自分自身の仕事の中に活きているのかなと思っています。そしてもう一人が、私より先にビットバンクにジョインしていたエンジニアのYuaさんという方です。ビットバンクに入社した当初、エンジニアとしてまだ未熟だった私にとって、彼は欠かせない存在でした。暗号資産取引所のサービス開発において、新しいオープンソース技術の採用は不可欠です。一方で、私が新卒で入った業界のシステムは成熟した技術で構成されており、新しい技術に触れる経験や技術的なチャレンジはほとんどありませんでした。また、次の職場ではエンジニアではなく、マーケターをやっていましたので、ビットバンクに入社した当初はエンジニアとしての大きな自信はありませんでした。そんな私にとってYuaさんとのコミュニケーションは新しい技術を学ぶきっかけになりました。特にNode.jsアプリケーション、クラウドプラットフォーム、コンテナや暗号技術など、暗号資産取引所のサービス開発に必要な技術を多く学びました。また、Yuaさんには正しく質問すれば、正しく返答がくるという安心感がありました。そんな彼とのコミュニケーションは単に技術を学ぶだけでなく、エンジニア同士の効率的なコミュニケーション方法について学ぶ機会にもなりました。他にも多くの方の支えがありましたが、エンジニアとして自ら成長することができ、結果としてたった3-4人の開発体制で弊社の今のメインプロダクトをローンチすることができたのは、Yuaさんがいたおかげだとだと思っています。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由

CTOインタビュー

submitをCSSでおしゃれに設定する方法を現役エンジニアが解説【初心者向け】

submitをCSSでおしゃれに設定する方法について解説します。そもそもCSSについてよく分からないという方は、CSSの書き方について解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプWebデザイン講座のCSSカリキュラムをもとに執筆しています。田島悠介今回は、CSSに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 submitをCSSでおしゃれに設定する方法について詳しく説明していくね！大石ゆかりお願いします！ submitとは入力フォームの「送信」や「投稿」を行うボタンのことです。基本的なsubmitのコード <form> <p><input type="text"></p> <p><input type="submit" value="送信する"></p> </form> See the Pen justify-content: center; by 17num (@17num) on CodePen. [PR] プログラミングで挫折しない学習方法を動画で公開中おしゃれなsubmitボタンを設定してみる submitボタンの装飾例をいくつかご紹介します。例1：角を丸くしてみるボタンの角を丸くするには、border-radiusを設定します。 HTML <form> <p><input type="text"></p> <p><input class="radius-percent-0" type="submit" value="送信する"></p> <p><input class="radius-percent-10" type="submit" value="送信する"></p> <p><input class="radius-percent-20" type="submit" value="送信する"></p> <p><input class="radius-percent-30" type="submit" value="送信する"></p> <p><input type="text"></p> <p><input class="radius-pixel-0" type="submit" value="送信する"></p> <p><input class="radius-pixel-10" type="submit" value="送信する"></p> <p><input

CSS

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

IT・Web系エンジニア向けオンライン学習サービス「type IT Academy」をやってみた！

type IT Academyとは

出題されているお題について

「実践形式」の大きなメリット

関連するキーワード

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

HTMLでラジオボタンとチェックボックスを表示する方法【初心者向け】

プログラミングの独学に最適！日本語対応オンライン学習サービス10選【体験レポートあり】

Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】

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

暗号資産取引所「bitbank」CTO野田の今に活きる「あの時憧れたプロの仕事」とは

submitをCSSでおしゃれに設定する方法を現役エンジニアが解説【初心者向け】

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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

type IT Academyとは

出題されているお題について

「実践形式」の大きなメリット

記事を検索

関連するキーワード

関連する記事

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

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

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